06 2021 档案

three使用精灵图实现标签
摘要：最近设计到一个3d项目，需要在模型上添加一个常显的标签，查阅资料后决定采用 canvas 和 精灵图的方式来属性标签 效果图如下 实现步骤： 1，先定义一个canvas的绘制方法 getTextCanvas(text) { var canvas = document.createElement("c 阅读全文
posted @ 2021-06-15 17:39 fanjiajia 阅读(931) 评论(0) 推荐(0) 编辑
three使用gltf-pipeline压缩 并 加载 gltf 文件。
摘要：three作为webgl的天花板总是会碰到各种各样的问题，当使用gltf文件过大时，three加载速度会变慢，可以使用 gltf-pipeline 压缩gltf 来提升加载速度 一，在three中加载 gltf 文件。 1, 使用npm下载three cnpm install three -s -d 阅读全文
posted @ 2021-06-15 14:52 fanjiajia 阅读(1769) 评论(0) 推荐(0) 编辑
vue+three.js使用TWEEN 实现镜头飞跃，动画过渡。
摘要：在使用three时经常要涉及到摄像机位置调整，如果直接飞跃的话看起来就比较生硬，使用过渡动画就会看起来更加流畅，用户体验更好。在查阅资料后，决定使用tween来实现动画过渡。本文主要讲在vue中使用tween。 1,引入tween.js 在index.html中引入tween.js http://w 阅读全文
posted @ 2021-06-15 14:09 fanjiajia 阅读(2701) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示