_Three.js
文章平均质量分 62
three.js深入浅出!
shmily_yyA
前端开发,经验分享学习
展开
-
Three.js优化
three.js是目前国内开发Web3D应用最多的第三方库,它提供了非常多的3D显示功能。在使用的时候,虽然three.js 本身做了优化,但是在较大分辨率下,加载较大或者较多模型时会出现,帧率会越低,给人感觉就越卡,因此性能方面的优化对提高视觉体验有着积极影响。以下是我在项目(vue+threejs)开发结合度娘总结的一些思路因为默认情况下)每秒执行60次,如果在里面加个for循环,代码效率就会严重影响,同时还要减少浮点计算,系统对浮点计算开支比较大,尽量写成小数乘法。原创 2023-08-15 09:08:26 · 324 阅读 · 0 评论 -
初识Three.js
使用three去渲染3d场景我们必须具备三个条件1.场景 scene场景用来保存、跟踪所渲染的物体和使用的光源2.摄像机 camera摄像机决定了能够在场景中看到什么3.渲染器 renderer渲染器用来计算基于摄像机的角度计算场景对象在浏览器中渲染成什么样子。原创 2023-06-17 20:32:52 · 64 阅读 · 0 评论 -
Three.js光源、阴影
首先我们要确认几何的材质是否能产生阴影、比如基础网格材质(MeshBasicMaterial)没有阴影效果,建议使用Lambert网格材质(MeshLambertMaterial)然后我们需要设置小太阳的位置、设置 小太阳是否能产生阴影、小太阳产生阴影的精细程度、阴影的投射远点和投射近点在后在场景中添加小太阳。由于渲染阴影需要耗费大量的计算资源,所以渲染器默认是不渲染的,我们需要手动开启renderer的阴影效果。然后我们需要让第一节我们所创建的每一个几何物体都会生成阴影。原创 2023-06-17 21:50:16 · 177 阅读 · 0 评论