three.js
小喵摘不到月亮
在校大学生,努力ing
展开
-
three.js 实现辉光(原生JS)
three.js中实现辉光效果,通过layer图层实现局部辉光原创 2022-10-07 15:21:57 · 4004 阅读 · 1 评论 -
Three.js动画实现:window.setInterval(),不采用tween库
通过window.setInterval创建动画,介绍三维轨迹创建。首先说明,想要制作精密、复杂的动画效果,还是tween库来专业制作动画效果更好。在tween中有动画衔接chain等函数,能让动画之间的过渡更加平滑,也能避免一些多动画之间的冲突问题。而setInterval方法制作的动画与tween相比还是有很多不足,但是对于较为简单、单一的动画效果,setInterval方法也是可行的。而制作多个动画时的冲突问题,也可以通过及时清除setInterval对象、设置动画标志等方法解决。...原创 2022-06-24 16:20:59 · 376 阅读 · 0 评论 -
three.js 加载obj+mtl模型
本文提供了three.js中 实现将obj+mtl模型加载到场景中 的方法。我们欲实现将桥模型加载到场景中,并对桥设置透明度:实现过程:分别导入three.js中的OBJLoader,MTLLoader,将mtl材质加载到obj模型上。加载时在函数体内编写代码,对材质的透明度属性进行设置。本mtl材质由多个子模型material.wire组成,故在设置时需要对多个子模型进行设置。transparent为是否使用透明度,opacity为透明度数值。当然,也可以仅对一个子模型进行设置,从原创 2022-05-22 00:47:59 · 4827 阅读 · 6 评论 -
three.js 加载glb格式、gltf格式模型
本文提供了在three.js中实现:将glb或gltf格式的模型加载并显示在页面中 的方法以下将提供两种情况下的加载步骤:一、原生JS中,加载模型:注意,欲通过import导入文件,需设置<script type="module">import {} from "./three/build/three.js";import { GLTFLoader } from "./three/examples/jsm/loaders/GLTFLoader.js";原创 2022-05-21 16:41:00 · 17676 阅读 · 15 评论