threejs
文章平均质量分 56
~在水一方
这个作者很懒,什么都没留下…
展开
-
pico浏览器画面闪烁
pico浏览器 画面闪烁原创 2023-10-31 10:41:06 · 198 阅读 · 0 评论 -
WebVR手柄交互
在threejs中获取VR设备手柄并交互原创 2023-06-04 11:48:08 · 634 阅读 · 0 评论 -
Threejs 传送阵(魔法阵)效果实现
threejs 创建传送阵原创 2022-12-23 15:35:06 · 1647 阅读 · 7 评论 -
Threejs渐变光柱效果
一、实现原理通过shader,将物体的透明度由下往上,从1到0渐变即可(只需要两圈顶点,底下一圈alpha设为1,上面一圈alpha设为0)二、实现步骤1、创建geometry这个几何体类似于圆柱,只是没有上下两个底面 let bottomPos = []; let topPos = []; let angleOffset = Math.PI*2/segment; for(var i=0;i<segment;i++){ let x = .原创 2022-04-06 09:33:20 · 5206 阅读 · 0 评论 -
Threejs3D模型爆炸效果
先看下效果一、原理说明让各个子mesh沿着一个固定的方向移动,这个方向就是该子mesh的包围盒中心与爆炸中心(模型整体的包围盒中心)的连线。移动轨迹如下图二、代码如下import{ Vector3, Box3, Mesh, LineBasicMaterial, Geometry, Line} from 'three'/** * 使用方法: * 1、调用setSplitModel函数将要拆分的模型传入预处理 * 然后两种控制爆炸方式 *原创 2022-03-28 10:04:00 · 4154 阅读 · 23 评论 -
threejs中创建3D调色板
使用threejs创建调色板原创 2022-03-01 17:34:57 · 464 阅读 · 0 评论 -
threejs 屏幕空间转世界空间
目前有不少博客里都有介绍转换方法,并且方法都是大同小异的,这里参考的是这篇博客这里想记录的也不是转换方法,想记录下一个容易犯的误区。正常情况下说到坐标转换都是一个点转换成另一个点,但是从屏幕空间转世界空间我感觉更应该理解为从摄像机的位置向屏幕上的点发出一条射线,此射线非RayCast,只是带方向的线。 screenToWorld(event) { const x = event.clientX;//鼠标单击坐标X const y = event.clientY;//鼠标单击坐标Y原创 2021-10-20 18:14:54 · 526 阅读 · 4 评论 -
Threejs 框选功能
threejs 框选功能原创 2021-10-20 11:33:31 · 4681 阅读 · 19 评论