vue 与 three
printf_824
低级前端工程师
展开
-
基于vue与three.js,监听FPX(Stats类使用)
第一步,引入stats类并new出来。原创 2023-12-20 16:58:10 · 477 阅读 · 0 评论 -
基于vue与three.js给模型添加标签(CSS2DRenderer与CSS2DObject)
this.$refs.three_container为3D渲染的容器,注意zindex必须足够高。得用deep,不然容易不生效。原创 2023-12-19 09:40:41 · 1255 阅读 · 6 评论 -
Vue2与three.js改变网格样式时其他元素样式被影响问题处理
问题原因,建模人员建模时,多个网格(Mesh)用了同一套纹理(Material),我们看起来是修改网格样式,其实我们修改的是纹理,若想让网格拥修改样式而不影响原来的纹理,我们需要对原来的纹理进行一次深拷贝,再覆盖掉原来的纹理,再进行修改。原创 2023-12-12 17:35:31 · 423 阅读 · 0 评论 -
Three.js + Vue 处理glb文件过大问题(DRACOLoader加载压缩glb)
起因,three.js editer导出的glb文件过于庞大,导致部署后文件加载过久。原创 2023-12-12 11:18:38 · 1511 阅读 · 0 评论 -
在vue中使用three.js切换页面后销毁,防止内存溢出
用three.js写了一个webgl页面,发现这个webgl页面在和普通页面来回切换多次后会导致页面卡顿。原创 2023-10-10 11:58:02 · 1739 阅读 · 0 评论 -
three.js加vue2实现.glb渲染,旋转元素,放大缩小,以及元素点击事件
【代码】three.js加vue2实现.glb渲染,旋转元素,放大缩小,以及元素点击事件。原创 2023-06-27 10:22:58 · 1427 阅读 · 1 评论 -
Three.js编辑器editor使用详解
editor里边渲染的模型可以直接在项目中使用,可以按实际情况调整模型大小添加灯光等。原创 2023-07-18 09:46:23 · 1275 阅读 · 1 评论 -
获取城市glb地图建模
2、获取osm(需要VPN)1、下载Blender。3、进入Blender。原创 2023-07-06 18:04:40 · 194 阅读 · 1 评论 -
vue2+three.js 实现键盘“wasd“前后左右移动
movementSpeed:移动速度。camera:相机实例。原创 2023-09-05 14:59:34 · 488 阅读 · 0 评论 -
vue2+three.js 给图层绑定点击事件
当然上面代码是针对Mesh(网格)的,可以理解为一个元素,比方说上图我的世界中的小人,那么我想点击一个房子怎么办(多个元素),于是我让建模工程师帮我把房子里的所有元素弄成一个分组,发现点击后是一个object3D,相比Mesh并没有点击事件,但是里边有很多一些Mesh,整体上看是一个树形结构。最后我用深度优先遍历的获取了object3D里的灭一个Mesh,并给他们绑上了点击事件。options是一个数据字典,里边存有图层名字,只有点击时child.name能对应上options中的某一项才会触发相应逻辑。原创 2023-09-05 15:52:05 · 268 阅读 · 0 评论