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