我的threejs學習筆記（十）---平行光（二）

阿新 • • 發佈：2019-02-12

var scene=new THREE.Scene(); var camera=new THREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,0.1,1000); var renderer=new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth,window.innerHeight); renderer.setClearColor("#333"); renderer.shadowMapEnabled=true; document.body.appendChild(renderer.domElement); var

planeGeo=new THREE.PlaneGeometry(60,40,1,1); var planeMaterial=new THREE.MeshLambertMaterial(); var plane=new THREE.Mesh(planeGeo,planeMaterial); plane.rotation.x=-0.5*Math.PI; plane.receiveShadow=true; scene.add(plane); var cubeGeo_1=new THREE.BoxGeometry(5,5,5); var cubeMaterial_1=new

THREE.MeshLambertMaterial({color:"#a00"}); var cube_1=new THREE.Mesh(cubeGeo_1,cubeMaterial_1); cube_1.castShadow=true; cube_1.receiveShadow=true; scene.add(cube_1); var cube_2=new THREE.Mesh(cubeGeo_1,cubeMaterial_1); cube_2.castShadow=true; scene.add(cube_2); var ambiColor="#538682"

; var ambiLight=new THREE.AmbientLight(ambiColor); //scene.add(ambiLight); var d_light=new THREE.DirectionalLight(ambiColor); d_light.target=cube_2; d_light.castShadow=true; d_light.shadowCameraVisible=true; d_light.shadowCameraNear = 2; d_light.shadowCameraFar = 100; d_light.shadowCameraLeft = -30; d_light.shadowCameraRight = 30; d_light.shadowCameraTop = 50; d_light.shadowCameraBottom = -10; d_light.position.set(0,36,4); scene.add(d_light); var controls=new function () { this.camera_x=-36; this.camera_y=44; this.camera_z=-11; this.change_color=ambiColor; }; var gui=new dat.GUI(); gui.add(controls,"camera_x",-60,60).onChange(function (e) { d_light.position.x=e; }); gui.add(controls,"camera_y",0,90).onChange(function (e) { d_light.position.y=e; }); gui.add(controls,"camera_z",-30,70).onChange(function (e) { d_light.position.z=e; }); gui.addColor(controls,"change_color").onChange(function (e) { d_light.color=new THREE.Color(e); }); // function createParticles() { // var geom=new THREE.Geometry(); // var material=new THREE.ParticleBasicMaterial({size:4,vertexColors:true,color:0xffff00}); // for(var x=-5;x<5;x++){ // for(var y=1;y<5;y++){ // var particle=new THREE.Vector3(x*10,y*10,Math.random()*6); // geom.vertices.push(particle); // geom.colors.push(new THREE.Color(Math.random()*0xffffff)); // } // } // // var system=new THREE.ParticleSystem(geom,material); // scene.add(system); // } // // createParticles(); camera.position.set(36,66,45); camera.lookAt(scene.position); var angle=0; var render=function () { requestAnimationFrame(render); angle+=0.04; cube_1.position.set(15*Math.sin(angle),5,15*Math.cos(angle)); cube_2.position.set(15*Math.cos(angle),15,15*Math.sin(angle)); renderer.render(scene,camera); }; render();

我的threejs學習筆記（十）---平行光（二）

我的threejs學習筆記（十）---平行光（二）

python學習筆記第十一節（叠代和其他）

《機器學習》周志華學習筆記第十四章概率圖模型（課後習題）python實現

學習筆記第十六節：第一類，第二類斯特林數和Bell數（坑）

斯坦福大學-自然語言處理與深度學習（CS224n）筆記第十課神經機器翻譯（neural machine translation）與attention模型

我的學習筆記（二）

設計模式C++學習筆記之十一（c/c++面試筆試題）

Androin學習筆記四十二：Java android Socket通訊檢測（server）連線是否斷開

CSharp學習筆記之十二委託與事件（續）

音訊重取樣的基本（我的學習筆記）

ThreeJS學習筆記（6）- 讓場景動起來

Opencv學習筆記之十二——漫水填充法（floodFill）

《Javascript權威指南》學習筆記之十七：BOM新成就（1）--client存儲數據（Storage實現）

Oracle學習筆記—oracle體系架構及狀態（nomount、mount和open）簡介

機器學習筆記 1 LMS和梯度下降（批梯度下降） 20170617

JavaSE 學習筆記之網絡編程（二十三）

Andrew Ng機器學習筆記+Weka相關算法實現（四）SVM和原始對偶問題

python學習筆記表達式和運算符（一）

Pandas學習筆記，字符串方法（string method）

HTML學習筆記 CSS樣式第六節（原創）

我的threejs學習筆記（十）---平行光（二）

相關推薦