3D 是前端的一个重要分支，而 Three.js 是最主流的 3D 渲染框架。 做业务开发的前端，很多都是同质化的 vue、react 项目经验，如果你做过 3D 相关项目，这个可以作为一个不错的亮点

本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fibe

https://zhuanlan.zhihu.com/p/154425898 优化方向 加载性能优化 模型压缩 gzip gltf draco 贴图压缩 分包流式加载 使用 CDN 使用 indexe

结合项目中的应用，分享一些用的或了解到的渲染方面的性能优化。性能优化，threejs，渲染，web3d，js，前端

前言 课件地址 https://github.com/buglas/threejs-lesson 课堂目标 理解three 开发项目的整体流程 实现三维机房的展示和交互 知识点 图形组件的封装 模型导

模型是 Three 开发中的明珠，如何广泛的获取模型和灵活的使用模型是日常开发中的关键，小包本文借助三只飞鸟的案例，带你来一起悟道模型，打通 Three 模型的开发难关。

vue中使用three.js加载显示模型，共分为三步。 一 引入three.js 二 加载显示模型 三 效果预览