three实现俯视大雾中连绵不断的山脉景色动画效果代码

代码语言:html

所属分类:动画

代码描述:three实现俯视大雾中连绵不断的山脉景色动画效果代码

代码标签: three 俯视 大雾 连绵不断 山脉 景色 动画

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

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

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

<style>
    body {
  margin: 0;
}
</style>
</head>

<body>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.72.js"></script>
    <script>
        var vertexHeight = 15000,
  planeDefinition = 100,
  planeSize = 1245000,
  totalObjects = 100000,
  background = "#73b2ce",//0x555555,
  meshColor = "#006fa2";//0x000000;

var container = document.createElement('div');
document.body.appendChild( container );


var camera = new THREE.PerspectiveCamera(55, window.innerWidth / window.innerHeight,1, 400000)
camera.position.z = 550000;
camera.position.y =10000;
camera.lookAt( new THREE.Vector3(0,6000,0) );


var scene = new THREE.Scene();
scene.fog = new THREE.Fog( background, 1, 300000 );

var	plane = new THREE.Mesh( new THREE.PlaneGeometry( planeSize, planeSize, planeDefinition, planeDefinition ), new THREE.Mes.........完整代码请登录后点击上方下载按钮下载查看

网友评论0