07 2024 档案

three.js 光墙效果实现
摘要：需求: 要实现一个围栏效果的光墙 方案: 当前只介绍贴图实现方案,其他的材质,uv什么的 咱确实玩不来. 实现: 1.就是创建一个缓冲几何,然后通过计算哪个面贴图哪个面不贴图,(这个是我直接拷贝的别人的,只是实现了一个矩形效果,更多效果直接传入相应的二维坐标(x,z)就行) LightWallMod 阅读全文
posted @ 2024-07-11 11:30 睡到自然醒ccc 阅读(126) 评论(0) 推荐(0) 编辑
Three.js 模型扫光效果
摘要：需求: 1.需要在模型上实现 内容标记,扩散光圈,横向扫光效果. 方案: 通常就是通过更新材质信息来实现动画效果, 1.给材质加一个动态属性 2.接收这个动态属性去更新材质的数据(应该是这么理解,太多会导致性能问题么? 听说现在可以用GPU进行优化,没试过) 实现: 1.创建动画,并添加到模型上面 阅读全文
posted @ 2024-07-11 11:09 睡到自然醒ccc 阅读(247) 评论(0) 推荐(0) 编辑
Three.js 飞线效果
摘要：需求: 实现一个线条流动的效果, 实现方案:1. 贴图+管道+贴图偏移 方案(这里暂不做介绍) 2. 向量+弧线+模型 方案 实现: 1.获取到需要实现效果的路径顶点信息 var geometrys = new THREE.Geometry() var materialA = new THREE.M 阅读全文
posted @ 2024-07-11 10:45 睡到自然醒ccc 阅读(444) 评论(0) 推荐(0) 编辑
Three.js 给对象创建轮廓效果
摘要：需求： 1、选定某个对象后，给该对象一个整体轮廓效果。 需求插件：Three.js ，postprocessing，vue2 实现方案： 以前还是需要自己写的、现在可以直接用插件了，就是上面这个postprocessing插件，使用也蛮简单的，初始化好插件后、在需要使用的地方这样写就行 this.o 阅读全文
posted @ 2024-07-02 09:47 睡到自然醒ccc 阅读(121) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示