美文网首页
Three.js记事[一]

Three.js记事[一]

作者: 殊子墨 | 来源:发表于2016-05-26 15:54 被阅读0次

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 投射阴影开关  

相关文章

网友评论

      本文标题:Three.js记事[一]

      本文链接:https://www.haomeiwen.com/subject/imhxdttx.html