three.js学习笔记

three.js中 雾效果实际是按照一个像素距离摄像机的距离设置其颜色 距离摄像机越远 颜色逐渐褪色至指定颜色 超出最远距离则完全显示雾颜色 雾效果需要三个参数 颜色 最近距离 最远距离 只有与摄像机

在three.js中 点和线的呈现与常规3d对象不同 不需要网格 而是由自己独特的对象 @react-three/drei已经提供封装好的点、线组件 线 点 也可以不生成组件 直接通过配置生成点 po

Helper 这是一个来自于@react-three/drei的实用工具 可以方便的使用three.js的helper对象 为光线网格等增加辅助线 阴影 阴影需要四处设置 启用阴影<Canvas sh

场景Scene 容纳了一切3d资源 包括物体、光源、摄像机等 网格Mesh 三点确定一个平面 常用若干拼接起来的三角形描述物体的表面 这就是网格 一个网格就是three.js里的一个3d物体 mesh

gsap的能力 本质是数据插值库 给定起点、终点、duration和变化规则 gsap会自动计算中间态 理论上可以计算任意属性在任意维度的变化情况 gsap可以和pixi.js、three.js等配合