
Three.js
文章平均质量分 95
因工作原因,近期会持续完善该模块
刮刮乐打工仔
开启全栈之旅!近期会更新可视化和服务端部分
掘金同名:https://juejin.cn/user/center/signin?avatar_menu
有问题可关注下面推广公众号:联系我
展开
-
开启Three.js之旅(十)带你实现一个完整的人物漫游
此章节会有一些空间向量的一些计算,我会在其他文章整理出来(还没整理完)原创 2025-02-05 17:50:38 · 983 阅读 · 0 评论 -
开启Three之旅(六)关键帧动画
题外话:我也一直在探索写three.js更优雅、更系统的方式,所以下面部分采用的方式参数1是一个字符串,字符串内容是模型对象的名字.属性构成关键帧数据(时间——状态)创建动画完整流程关键帧数据(时间——状态)创建关键帧数据和关键帧动画(动画剪辑()是一个可重用的关键帧轨道集,它代表动画), 注意 是的名称,是你想操作什么属性,我这里是是播放器,要与你的mesh进行绑定,到这一步可以理解成,你现在的mesh中含有这个动画,并且可以进行播放,接下来我们触发播放执行播放器的方法返回一个对象,对象用来控原创 2025-01-21 14:22:12 · 787 阅读 · 0 评论 -
开启Three之旅(二)射线、拾取模型、解决鼠标点击、Hover以及CSS3Renderer点击穿透问题
射线交叉计算,项目中一般是比较复杂的,我们就得去处理Group模型(就是一组模型,可以看看Group的概念)导入的时候(还是参考场景一的,我导入的时候就是一组模型,如果你的不是,可以手动分组,再添加到场景中),给。我们文章上面有这个判断,一般我们模型都是比较复杂的,我们还要清楚Group的概念。这一步最好是在,确保模型加载完之后(这是我写的一个办法,当然也可以有其它办法)其实有一个简单的办法,先取消模型的点击事件,再加个0ms的异步任务,开启监听。,是按照顺序返回的,直接判断第一个就行,再加一些操作。原创 2024-05-23 10:42:06 · 2323 阅读 · 9 评论 -
开启Three.js之旅(一),会持续完善
threejs入门基础知识、经验理解、常见需求解决方案、会持续完善原创 2024-04-18 16:21:21 · 1349 阅读 · 2 评论