Three.js记事[一]

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 之前用qunee做了一个2.5d的机房监控,丑的闪瞎我的卡姿兰大眼,后来含泪用three.js做个3d的换...
    我得有妖气阅读 5,532评论 1 2
  • 1、三大组建 在Three.js中,要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)...
    依依玖玥阅读 3,818评论 0 0
  • Three.js是一个3DJavaScript库,基于右手坐标系,可以创建简单或是比较复杂的三维图形并应用丰富多彩...
    呆呆的木木阅读 24,966评论 42 59
  • 本文主要是讲解 Three.js 的相关概念,帮助大家对 Three.js 以及相关知识形成比较完整的理解。今年来...
    Simon王小白阅读 12,693评论 2 9
  • 今天天气很好,就像和你初次见面的那天一样。算上今天我们已经认识了55天了。这是我给你的第33封信了。不知道你...
    包利平阅读 2,738评论 0 0

友情链接更多精彩内容