Web 3D可视化

Three.js必备 官方文档 推荐文档 官方在线编辑平台 推荐免费的素材网站 官网一些说法用词对于刚接触的我有些晦涩，下面的我会追加自己的理解，欢迎来指正讨论。 构建项目 可以结合多种框架构建，也可

背景 我们要是想要与场景中做交互，大概率都是需要射线去做，点击事件、模拟鼠标hover效果等。 因为鼠标属于二维，咱们的场景是属于3D， 计算这些东西还是比较麻烦的，不过幸好three有对应的拓展 射

Sprite是模型对象，父类是Object3D 基础 创造精灵模型材质（SpriteMaterial） 这里是不需要geometry参数的 精灵模型默认是一个矩形 值得注意的是，Sprite矩形平面会

关键帧动画 题外话：我也一直在探索写three.js更优雅、更系统的方式，所以下面部分采用class的方式 实现一个简单的关键帧动画 效果展示 KeyframeTrack设置关键帧数据 Keyfram

gui.js 一个前端库，借助dat.gui可以快速创建控制三维场景的UI交互页面 gui.js可视化改变三维场景，极其强大的辅助工具

前提 此章节会有一些空间向量的一些计算，我会在其他文章整理出来（还没整理完） 实践（附完整代码） 本章节结合官方示例，在其基础之上实现漫游相关功能 webgl_animation_skinning_a