1,导入Three.js、Jquery.js等JS文件
2,添加Html5渲染区域,例:<div id="WebGL-output"></div>
3,写场景Script:
3.1,新建脚本全局变量;例:var scene,camera,renderer;
3.2,填充$(function(){……});
3.2.1,新建场景 scene = new THREE.Scene();
3.2.2,新建相机 camera = new THREE.PerspectiveCamera(
[可视角度:50],[宽高比:1],[深度剪切面近的距离:0.1],[深度剪切面远的距离:2000]);
3.2.3,新建渲染 renderer = new THREE.WebGLRenderer();
通常会有setClearColor(),setSize()等函数调用,准备前置内容
ShadowMapEnabled 阴影映射开关 receiveShadow 接受阴影开关 castShadow 投射阴影开关