threejs+webgl实现三维刺状晶体旋转起伏动画效果代码

代码语言:html

所属分类:三维

代码描述:threejs+webgl实现三维刺状晶体旋转起伏动画效果代码

代码标签: threejs webgl 三维 刺状 晶体 旋转 起伏 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
  
<style>
html,
body {
  margin: 0;
}

.webgl {
  position: fixed;
  left: 0;
  top: 0;
  outline: none;
}
</style>




</head>

<body  >
  <canvas class="webgl"></canvas>

  
      <script type="module">
import * as THREE from "https://cdn.skypack.dev/three@0.133.1/build/three.module";
import { OrbitControls } from "https://cdn.skypack.dev/three@0.133.1/examples/jsm/controls/OrbitControls";

import { EffectComposer } from "https://cdn.skypack.dev/three@0.133.1/examples/jsm/postprocessing/EffectComposer.js";
import { RenderPass } from "https://cdn.skypack.dev/three@0.133.1/examples/jsm/postprocessing/RenderPass.js";
import { UnrealBloomPass } from "https://cdn.skypack.dev/three@0.133.1/examples/jsm/postprocessing/UnrealBloomPass.js";

// va.........完整代码请登录后点击上方下载按钮下载查看

网友评论0