three实现三维天空下的草坪树木景色效果代码-html代码-BFW代码库

three实现三维天空下的草坪树木景色效果代码

代码语言：html

所属分类：三维

代码描述：three实现三维天空下的草坪树木景色效果代码，可用鼠标旋转放大缩小，绿意浓浓。

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

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

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

    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    * {
  margin: 0;
  box-sizing: border-box;
}

body {
    background: url("//repo.bfw.wiki/bfwrepo/image/60fe037d081bf.png");
  #background: linear-gradient(#00ADFF 0%, #eee 100%);
  background-size: cover;
}

img {
  display: none;
}
</style>

</head>

<body>
    <!-- partial:index.partial.html -->
    <img src="//repo.bfw.wiki/bfwrepo/threemodel/plant/map.png" crossorigin="anonymous" id="map">
    <!-- partial -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.72.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.72.js"></script>
    <script >
    //____ FIRE
init();


//_______________ 
function init(){
  var models = {};
  var plantRadius = 30;
  var canvas_height = window.innerHeight;
  var canvas_width = window.innerWidth;
  
  //Workaround for Texture
  //Codepen doesn't allow cross-origin
  //so we .........完整代码请登录后点击上方下载按钮下载查看