three实现三维雪山地形图旋转效果代码-html代码-BFW代码库

three实现三维雪山地形图旋转效果代码

代码语言：html

所属分类：三维

代码描述：three实现三维雪山地形图旋转效果代码

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

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

<head>
    <meta charset="UTF-8">

<style>
    body {
  width: 100%;
  height: 100%;
  background-color: #000;
}

*:focus {
  outline: none;
}

#app {
  width: 100%;
  height: 100%;
}
</style>
</head>

<body>
    <!-- partial:index.partial.html -->
    <div id="app"></div>
    <!-- partial -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.127.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/gsap.3.10.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.min.js"></script>
    <script>
        
        /* --------------------------
* THREE JS EXPERIMENT
* Procedural Terrain
* -------------------------- */

/* --------------------------
* GENERAL VARIABLES
* -------------------------- */

let scene,
  camera,
  renderer,
  controls
;

// Add Greensock Ticker
gsap.ticker.add(render);

let mesh, texture;

const worldWidth = 256, worldDepth = 256,
      worldHalfWidth = worldWidth / 2, worldHalfDepth = worldDepth / 2;

// GSAP Timeline
let rotationTimeline = gsap.timeline({repeat: -1});


/* --------------------------
 * INIT
 * -------------------------- */

function init() {

  /**
   * SCENE
   */
  
  scene = new THREE.Scene();
  scene.background = new THREE.Color(0x70a4cc);
  
  // Add Scene.........完整代码请登录后点击上方下载按钮下载查看