![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Three.js
文章平均质量分 82
acqui~Zhang
回复不及时,请联系acqui_zhang@foxmail 邮箱
展开
-
Cannon.js -- 3d物理引擎
本篇将介绍的基础使用,并用与写一个简单的demo在使用Cannon.js时通常会与其它3d库同时使用,因为Cannon.js就和后端差不多只负责数据 3d库则负责展示效果。我们这里将使用three.js来进行演示首先我们需要下载Cannon.js 我们可以直接下载js文件或者使用CDN也可以使用npm直接安装相关示例2.由于Cannonjs物理引擎库他只是负责数据而不负责显示,这时我们需要使用其它3d库来进行数据效果的显示相关代码:最后我们将Cannonjs代码与three.js代码合并原创 2022-10-31 23:00:00 · 4884 阅读 · 1 评论 -
dat.GUI
dat.GUI:它是一个轻量级的 JavaScript 控制器库。它使我们可以轻松地即时操作变量和触发函数。我们可以通过设定好的控制器去快捷的修改设定的变量文章目录前言一、实现效果二、实现步骤1.引入/下载库2.相关代码演示总结前言dat.GUI相对也比较简单主要是一些参数的设定,不同的参数达到不同的效果。本篇将随便实现几种常用的效果一、实现效果二、实现步骤1.引入/下载库npm install dat.gui --save2.相关代码演示//代码:/** * 使用.原创 2021-09-23 11:16:38 · 1456 阅读 · 0 评论 -
Three.js(3)--->基础-Light(光篇)
光相信大家都熟悉吧!我们每天都能看见各种各样的光,如:太阳光(平行光)以及等灯泡/蜡烛(点光源)。在Three.js中也为我们封装了许多的光类文章目录前言一、AmbientLight(环境光)二、DirectionalLight(平行光)三、HemisphereLight(半球光)四、PointLight(点光源)五、RectAreaLight(平面光光源)总结前言光类也比较简单,主要是需要调整光的位置。官方文档:灯光一、AmbientLight(环境光)说明: 创建环境光,它会均匀的.原创 2021-09-23 09:18:17 · 1079 阅读 · 0 评论 -
Three.js(2)--->基础篇-Helpers(辅助对象/辅助线)
在Three.js中有许多的Helper(辅助对象)用来帮助我们的开发。本篇例举几个常见的,方便理解。以及一些效果文章目录前言一、AxesHelper二、BoxHelper三、Box3Helper四、CameraHelper五、DirectionalLightHelper六、GridHelper七、PolarGridHelper八、HemisphereLightHelper九、PlaneHelper十、PointLightHelper十一、SpotLightHelper总结前言Helper对象.原创 2021-09-22 16:34:08 · 2729 阅读 · 0 评论 -
Three.js(1)--->基础篇-导入3d模型
Three.js基础篇-导入3d模型本篇实现效果:安装/配置基本概念及说明写代码前我们需要了解一些关于three.js的基本概念(当然如果你已经了解了就不用看这段了????)我们这里只粗略的介绍一下更详细的可以查看[官网](https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene)或者是查看[大佬的详细教学文章](https://threejsfundamentals.org/threejs/lessons/zh_原创 2021-09-18 16:24:36 · 3113 阅读 · 0 评论