three打造一个三维盆景效果代码-html代码-BFW代码库

three打造一个三维盆景效果代码

代码语言：html

所属分类：三维

代码描述：three打造一个三维盆景效果代码

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

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

<head>

  <meta charset="UTF-8">
  

  
  
  
  
<style>
* {
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
}
</style>




</head>

<body translate="no" >
  
 
  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.r118.js"></script>
      <script type="module">
import { OrbitControls } from "https://unpkg.com/three@0.120.1/examples/jsm/controls/OrbitControls.js";

var camera,
scene,
renderer,
controls,
armMat,
mesh,
time = 0;

initThree();
animate();

function initThree() {
  scene = new THREE.Scene();

  // RENDER
  renderer = new THREE.WebGLRenderer({ antialias: true });
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.shadowMap.enabled = true;
  // renderer.shadowMap.type = THREE.PCFSoftShadowMap; // default THREE.PCFShadowMap

  // CAMERA
  camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.001,
  200);

  camera.position.x = 0;
  camera.position.y = 0;
  camera.position.z = 5;
  scene.add(camera);

  // CONTROLS
  controls = new OrbitControls(camera, renderer.domElement);
  controls.update();

  // LIGHTS
  var light = new THREE.AmbientLight(0xffffff, 0.7, 100);
  scene.add(light);

  var light = new THREE.DirectionalLight(0xffffff, 1, 100);
  light.position.set(-3, 5, -3); //default; light shining from top
  scene..........完整代码请登录后点击上方下载按钮下载查看