three实现三维汽车晚上在不平的道路上行驶大灯照射效果代码

代码语言:html

所属分类:三维

代码描述:three实现三维汽车晚上在不平的道路上行驶大灯照射效果代码

代码标签: three 三维 汽车 晚上 不平 道路 行驶 大灯 照射

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

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

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

  
  
<style>
canvas {
  display: block;
}
.controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em;
  z-index: 10;
  font-size: 10px;
  color: #FFF;
  opacity: 0.6;
}
</style>



  
  
</head>

<body translate="no">
  <div class="controls">Drive with arrow keys or WASD. Toggle headlights with L</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.88.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>

    <script  >
    
console.clear();

/*////////////////////////////////////////*/

var scene, camera, renderer, orbit, light;
let renderCalls = [];

scene = new THREE.Scene();
scene.fog = new THREE.Fog(0x242426, 20, 600);

camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 10, 600);
camera.position.z = 90;
//camera.position.y = 50;
//camera.position.x = 30;

renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x242426);
renderer.toneMapping = THREE.LinearToneMapping;

renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;

window.addEventListener('resize', function () {
  camera.aspect = window.innerWidth / window.innerHeight;
  camera.updateProjectionMatrix();
  renderer.setSize(window.innerWid.........完整代码请登录后点击上方下载按钮下载查看

网友评论0