![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ThreeJS
文章平均质量分 59
月下脆竹書閣
这个作者很懒,什么都没留下…
展开
-
VUE2+THREE.JS 销毁,防止越来越卡顿
将场景相关的参数重置,防止页面卡顿原创 2023-12-04 16:56:30 · 1278 阅读 · 0 评论 -
VUE2+THREE.JS 按照行动轨迹移动人物模型并相机视角跟随人物
人物按照上一篇博客所设定的关键点位置,匀速移动。原创 2023-12-04 15:56:12 · 1149 阅读 · 0 评论 -
VUE2+THREE.JS 设定巡航行动轨迹
我们写3D时,常常会有按照一定轨迹去浏览模型,所以,我们要先确认行动轨迹,渲染出行动轨迹以后,再让人物按照行动轨迹去移动。原创 2023-12-04 15:02:53 · 1134 阅读 · 1 评论 -
VUE+THREE.JS 点击模型相机缓入查看模型相关信息
引入模型所要呈现的3DSprite精灵模型,优势在于可以随着视野的变化,跟随方向变化,大小是近大远小的模式。所以:设定最小的距离和最大的距离,当模型相对于相机距离远,就设定缩放因子为0.8,也不能将缩放因子固定,因为当相近模型点击时,弹框会越来越近,直至占满整个屏幕,由于我这里是一个弹框,我希望他能够点击关闭,所以多加了个关闭事件。模型相对相机距离近,就设定缩放因子为0,表示不缩放。必须要写这个 要不然会导致模型无法推拽移动。,使其稍远一点,默认是1。原创 2023-12-01 09:40:28 · 726 阅读 · 5 评论 -
VUE2+THREE.JS 模型上方显示信息框/标签(CSS3DSprite精灵模型)
CSS3DSprite精灵模型面向摄像机,场景缩放时,缩小放大跟随着,会被模型遮挡,可以被射线拾取。CSS3DRenderer用于通过CSS3的transform属性, 将层级的3D变换应用到DOM元素上。如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换,那么这一渲染器十分有趣。同时,它也可以将DOM元素与WebGL的内容相结合。在添加标注前需要先给模型命名。原创 2023-11-30 17:11:50 · 2247 阅读 · 7 评论 -
VUE2+THREE.JS点击事件
THREE.JS点击事件原创 2023-11-30 16:32:56 · 586 阅读 · 0 评论 -
VUE2+THREE.JS辉光设定和解决辉光导致背景变暗的问题
给我的设计好的fbx模型,已经设定好了模型发光材质,所以直接添加辉光效果,就可以自动发光。animate方法中增加。原创 2023-11-30 16:12:03 · 827 阅读 · 0 评论 -
VUE2+THREE.JS项目搭建
three.js 是一个 是基于WebGL 封装的一个易于使用且轻量级的 3D 库,ThreeJS 对 WebGL 提供的接口进行了非常好的封装,简化了很多细节,大大降低了学习成本,同时也极大地提高了性能。用户不需要详细地学习 WebGL,就能轻松创作出三维图形,是前端开发者研发 3D WEB 应用的主要工具。原创 2023-11-30 15:05:15 · 1481 阅读 · 0 评论 -
THREE.JS 3D模型服务器报404问题(VUE fbx文件在本地能显示 服务器上不显示报404)
作为新手,新建立的threeJS模型,本地运行模型是可以显示的 ,但服务器模型却报404。原创 2023-09-22 13:34:24 · 933 阅读 · 0 评论