# GitChat-Three.js **Repository Path**: snailtiny/GitChat-Three.js ## Basic Information - **Project Name**: GitChat-Three.js - **Description**: Three.js达人课相关案例 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2021-08-02 - **Last Updated**: 2021-08-02 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 达人课课程地址：http://gitbook.cn/gitchat/column/5b320521bebc3c4bd7e72436 本人博客地址：https://blog.csdn.net/qq_30100043 个人网站地址：http://www.wjceo.com # Three.js达人课相关案例 案例查看地址： 1. 01第一节 helloWorld [点击这里](https://johnson2heng.github.io/GitChat-Three.js/01%E7%AC%AC%E4%B8%80%E8%8A%82%20helloWorld/index.html) 2. 02第二节 初识 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/02%E7%AC%AC%E4%BA%8C%E8%8A%82%20%E5%88%9D%E8%AF%86/index.html) 3. 03第三节 scene [点击这里](https://johnson2heng.github.io/GitChat-Three.js/03%E7%AC%AC%E4%B8%89%E8%8A%82%20scene/index.html) 4. 04第四节 geometry [点击这里](https://johnson2heng.github.io/GitChat-Three.js/04%E7%AC%AC%E5%9B%9B%E8%8A%82%20geometry/index.html) 5. 05第五节 material [点击这里](https://johnson2heng.github.io/GitChat-Three.js/05%E7%AC%AC%E4%BA%94%E8%8A%82%20material/index.html) 6. 06第六节 Light - 平行光案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/06%E7%AC%AC%E5%85%AD%E8%8A%82%20Light/directionalLight.html) - 点光源案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/06%E7%AC%AC%E5%85%AD%E8%8A%82%20Light/pointLight.html) - 聚光灯光源 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/06%E7%AC%AC%E5%85%AD%E8%8A%82%20Light/spotLight.html) - 户外光案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/06%E7%AC%AC%E5%85%AD%E8%8A%82%20Light/hemisphereLight.html) 7. 07第七节 camera - 透视相机和正交相机的对比 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/07%E7%AC%AC%E4%B8%83%E8%8A%82%20camera/index.html) - 制作相机控制器 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/07%E7%AC%AC%E4%B8%83%E8%8A%82%20camera/control.html) 8. 08第八节 points - 精灵的案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/08%E7%AC%AC%E5%85%AB%E8%8A%82%20points/sprite.html) - 粒子的案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/08%E7%AC%AC%E5%85%AB%E8%8A%82%20points/points.html) 9. 09第九节 controls - OrbitControls控制器 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/09%E7%AC%AC%E4%B9%9D%E8%8A%82%20controls/OrbitControls.html) - TrackballControls控制器 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/09%E7%AC%AC%E4%B9%9D%E8%8A%82%20controls/TrackballControls.html) - DeviceOrientationControls控制器 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/09%E7%AC%AC%E4%B9%9D%E8%8A%82%20controls/DeviceOrientationControls.html) 10. 10第十节 Loader - ObjectLoader [点击这里](https://johnson2heng.github.io/GitChat-Three.js/10%E7%AC%AC%E5%8D%81%E8%8A%82%20loaders/ObjectLoader.html) - GLTFLoader [点击这里](https://johnson2heng.github.io/GitChat-Three.js/10%E7%AC%AC%E5%8D%81%E8%8A%82%20loaders/GLTFLoader.html) - FBXLoader [点击这里](https://johnson2heng.github.io/GitChat-Three.js/10%E7%AC%AC%E5%8D%81%E8%8A%82%20loaders/FBXLoader.html) - OBJLoader [点击这里](https://johnson2heng.github.io/GitChat-Three.js/10%E7%AC%AC%E5%8D%81%E8%8A%82%20loaders/OBJLoader.html) - ColladaLoader [点击这里](https://johnson2heng.github.io/GitChat-Three.js/10%E7%AC%AC%E5%8D%81%E8%8A%82%20loaders/ColladaLoader.html) 11. 11第十一节 animation - 变形实现动画 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/11%E7%AC%AC%E5%8D%81%E4%B8%80%E8%8A%82%20animation/morphTargets.html) - 骨骼动画实现案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/11%E7%AC%AC%E5%8D%81%E4%B8%80%E8%8A%82%20animation/skeleton.html) - JSON模型变形动画案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/11%E7%AC%AC%E5%8D%81%E4%B8%80%E8%8A%82%20animation/morphAnimation.html) - GLTF模型骨骼动画案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/11%E7%AC%AC%E5%8D%81%E4%B8%80%E8%8A%82%20animation/skeletonAnimation.html) 12. 12第十二节 tween - 普通案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/12%E7%AC%AC%E5%8D%81%E4%BA%8C%E8%8A%82%20tween/simple.html) - 链式补间案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/12%E7%AC%AC%E5%8D%81%E4%BA%8C%E8%8A%82%20tween/chain.html) - 循环案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/12%E7%AC%AC%E5%8D%81%E4%BA%8C%E8%8A%82%20tween/repeat.html) 13. 13第十三节 场景交互 - 点击选中模型 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/13%E7%AC%AC%E5%8D%81%E4%B8%89%E8%8A%82%20%E5%9C%BA%E6%99%AF%E4%BA%A4%E4%BA%92/raycaster.html) - 框选案例 [点击这里](https://johnson2heng.github.io/GitChat-Three.js/13%E7%AC%AC%E5%8D%81%E4%B8%89%E8%8A%82%20%E5%9C%BA%E6%99%AF%E4%BA%A4%E4%BA%92/boxselection.html) 16 操作案例 - [点击这里](https://johnson2heng.github.io/GitChat-Three.js/16%20%E7%AE%80%E5%8D%95%E6%A1%88%E4%BE%8B/demo.html)