yinge0508的博客

【代码】three.js中加载ply格式的文件，并使用tween.js插件按照json姿态文件运动。

表示的获取obj对象自身z轴正方向在世界坐标空间中的方向。按下 W键前进运动；

【代码】three.js 相机跟着玩家走(第三人称漫游)

效果：W 键 前进；使用了 tween.js 动画库；

想要显示包围盒的样子；需要借助 Box3Helper 辅助显示；

【代码】three.js 射线Ray，三维空间中绘制线框。

【代码】three.js 在三维空间中绘制线框。

【代码】three.js 叉乘计算三角形面积。

【代码】three.js 点乘判断平行向量方向异同。

【代码】three.js 叉乘判断物体在人前左，前右，后左、后右。

【代码】three.js 向量叉乘cross。

【代码】three.js 物体下落动画(重力加速度)

【代码】three.js 匀速动画(向量表示速度)

【代码】three.js 箭头ArrowHelper的实践应用。

【代码】three.js 向量方向(归一化.normalize)

【代码】threejs 坐标系与三角函数的实践应用。

CSS3DObject 和 CSS3DRenderer 搭配来渲染标签；CSS2DObject 和 CSS2DRenderer 搭配来渲染标签；Sprite 直接添加到模型上，使用WebGLRenderer 渲染即可。CSS3DSprite 和 CSS3DRenderer 搭配来渲染标签。

【代码】three.js 精灵模型Sprite作为标签。

【代码】three.js CSS3DRenderer、CSS3DSprite渲染HTML标签。

【代码】three.js 中 OrbitControls.js 文件。

【代码】three.js CSS3DRenderer渲染HTML标签。

【代码】three.js CSS2DRenderer渲染HTML标签。

【代码】three.js 鼠标选中模型弹出标签。

效果：淡入，靠近物体。

【代码】three.js 点按钮,相机飞行靠近观察设备。

【代码】three.js 使用 tweenjs绘制相机运动动画。

【代码】three.js : tweenjs创建threejs动画。

【代码】three.js 变形动画原理示例。

【代码】three.js 关键帧动画。

效果：这里只是 鼠标点击时，改变了精灵图的材质颜色。

【代码】three.js Raycaster(鼠标点击选中模型)

应用了伽马校正，好像效果不明显。

【代码】three.js: gltf模型设置发光描边。

【代码】three.js 多通道组合。

【代码】three.js后处理(发光描边OutlinePass描边样式。

【代码】three.js使用精灵模型Sprite渲染森林。

1，npm安装threejs插件：npm install threejs。对于：this.$three 是这样配置的；// 引入 three.js。

【代码】three.js实现管道漫游。

其中，cos表示余弦函数，sin表示正弦函数。通过使用这些公式，可以根据给定的半径和弧度或弧长计算出圆弧上的点的坐标。请注意，使用的角度单位应与函数要求的单位一致（例如弧度制或角度制）。计算圆弧上的点坐标（x，y）： x = r * cos(θ) y = r * sin(θ)弧长（s）：从圆周上的一个点到另一个点所经过的弧长。圆的半径（r）：即圆的中心到圆周上任意一点的距离。弧度（θ）：以圆心为顶点，在圆周上划过的角度。计算弧度（θ）： θ = s / r。

原来是 .gltf 文件中 引入了 .bin 格式的文件了，虽然 .gltf 和 .bin 两个文件在同一个路径下，在 .gltf 文件中就是找不到 .bin 格式的文件；刚开始，我是从网上下载的gltf文件，将.gltf 文件放在了src/assets/xxx.gltf , 对gltf格式的文件并不了解，使用如下方式加载gltf文件时，附件放在了中国移动云盘上 了，坚决抵制垃圾的恶心的最2比百度云盘，限速，就是让你开通会员，开通会员后下载文件，下的也不一定完整；