叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Cursor rules希望你喜欢！

概述 真实的物理效果中，最难实现的就是真实的光照，threejs底层是webgl,它是openGL的一个浏览器适配版本，当然也支持光线追踪，以此实现逼真的光影效果如————反射效果。

原文参考我的公众号文章 # threejs碰撞检测-前进后退，上下楼梯一口气搞定！ 物体移动 - 前后碰撞检测 效果图 主要代码，注释详细说明了过程 一些优化 发生碰撞时，根据此前移动方向，向相反的方

1.  贴图反向 2.  贴图没有填充满模型 3.  贴图透明度 4.  深度冲突 5.  渲染顺序问题 6.  多层次细节 7.  抗锯齿 8.  阴影 阴影使用可能遇到的问题 ● 阴影模糊，增加

ECS是一种软件架构模式，常见于游戏业务场景，其主要对象分类为 • Entity 实体,ECS架构中所有的业务对象都必须拥有一个唯一的Entity实体 • Component 组件,存储着数据结构

光线投射 Raycaster 光线投射可以发射一个特定方向的射线，来检测是否有物体与这个射线相交。有以下的使用场景： 检测玩家前方是否有墙 检测射击游戏是否击中了什么物体 检测是否有什么物体在鼠标下，

线材质设置linewidth无效,，解决方法：用面来代替，首选使用现成的库，今天就使用MeshLine.js

通过 ThreeJS 实现简单的太阳系模型、恒星背景等。

本教程将演示如何使用 Three.js 绘制大量粒子，以及使用着色器和屏幕外纹理使粒子对鼠标和触摸输入做出反应的有效方法。 1、实例化几何体 粒子是根据图像的像素创建的。 我们的图像尺寸为 320×1