- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue2 + ThreeJS+ Tweenjs + fbx格式文件 + 加载动画的三维模型展示
下面是 在vue组件中 使用这个 三维组件 在子组件 三维模型组件 挂载成功时 调用父组件 initLoader 方法 加载三维模型 并且把加载三维模型的进度 添加给 进度条的进度 添加加载效果 加载成功后 给模型文件中每一个 小模型都添加材质 然后获取整体模型的大小 进行缩放适配。因为我加载的是本地的文件 所以进度条加载很快 看不出加载效果 如果是外部资源 加载进度条 会有增加的动画效果。此文档是实现一个三维模型的预览功能 并加入了 加载过程动画 和 点击事件 使用了 tweenjs。
2024-11-08 09:54:53
109
原创 使用vue3 写一个 thereJS 的小示例
npm安装特定版本three.js(注意使用哪个版本，查文档就查对应版本)thereJS中文官网。
2024-02-22 11:43:19
741
1
原创 uniApp + vue2语法 + 高德AMap API2.0 + MoveAnimation插件 + marker.moveAlong方法 实现 车辆轨迹回放
如果有新车的话 添加新的车辆覆盖物 在高德地图JSAPI2.0 使用覆盖物动画必须先加载动画插件MoveAnimation 存了一个自定义属性为这个车的车牌号 当做暂时性的唯一标识。已到站的车辆 在地图上清除 因为到站车辆可能是多个 所以这里传入的是一个数组 通过添加覆盖物时定义的自定义属性 车牌号 找到对应的覆盖物 清除。获取到数据后 判断是否有新出发的车辆 和 是否有已到站的车辆 busList 是一个车辆集合。该加的加上了 该清的清掉了 就可以 让最新的车辆集合 跑起来 计算车辆运行轨迹。
2024-02-21 10:22:39
1720
2
原创 高德地图AMap 矢量图多边形 判断一个点是否在这个多边形内 和找到这个多边形的中心点
要判断一个点是否在一个多边形内部，可以使用射线法（Ray Casting Algorithm）来实现。该算法的基本思想是从待判断点沿任意方向发出一条射线，
2024-02-21 09:52:03
973
原创 vue2 + element-ui + vuedraggable 实现表格内多列表拖拽
使用 draggable 的@end 来监听拖拽结束事件 通过evt 里的 form to 获取到从哪个列表 拖到了哪个列表 通过 draggableDisabled 开启关闭 拖拽功能。使用的 element-ui 的表格组件作为外部盒子 实际拖拽的 是内部的订单信息。本文这个dom 是借助的 vuedraggable 实现的拖拽。
2024-01-15 15:25:58
1808
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人