three.js学习笔记---blender导出gltf格式

Blender下载地址:https://www.blender.org

Three.js r93 版本以后删除了 Blender json 格式的导出器-_-,官方推荐使用 glTF 格式。那就不要去纠结为什么要删除json格式的导出器了,既然官方选择了gltf,跟着官方的脚步大概率是没毛病的。

======================================================================================

首先下载gltf导出插件,下载地址是:https://github.com/KhronosGroup/glTF-Blender-Exporter

解压完以后,找到那个io_scene_gltf2文件 (\glTF-Blender-Exporter-master\scripts\addons )把这个文件粘贴到blender的addons文件夹下面(\Blender\2.79\scripts\addons)
搞定以后打开blender 这里勾上
搜gltf,然后勾上就完事了

检查一下
在这里插入图片描述

此导出器支持网格,材质,动画(关键帧,蒙皮和形状键)等。

在这里插入图片描述

<think>好的,用户想要查找关于Three.js的学习资料或笔记,我需要根据提供的引用内容来组织回答。首先,查看用户提供的引用内容,这些引用包括Three.js的入门方法、几何体创建、模型导入、HTML结构设置以及使用npm安装库的方法。接下来,我需要将这些信息分门别类,形成结构清晰的教程笔记。 首先,应该从基础开始,比如如何引入Three.js库。引用[1]和[4]提到了在HTML文件中直接引入和使用模块化方式,可以分别作为两种不同的引入方式讲解。然后,引用[3]提到了创建几何体的例子,比如球体,可以作为一个基础示例来说明Three.js的基本用法。 接着,引用[2]提到复杂模型需要借助3D建模软件如Blender导出gltf格式后加载,这部分可以作为模型导入的教程内容。此外,引用[5]关于dat.gui的安装和使用,可以介绍如何添加调试工具,提升开发效率。 还要注意用户可能的深层需求,比如他们可能不仅需要基础教程,还想了解进阶内容或实际应用场景。因此,在相关问题中可以涉及性能优化、动画实现、项目实战等方向。同时,需要确保引用的正确性,每个引用对应相应的内容,例如在讲几何体时引用[3],在讲模型导入时引用[2]。 另外,用户可能对学习路径和资源感兴趣,所以在教程资料推荐部分需要列出官方文档、在线课程和书籍,帮助用户系统学习。最后,生成的相关问题要覆盖用户可能遇到的后续疑问,如性能优化、与其他库结合使用等,这样可以引导他们进一步深入学习。</think>### Three.js 学习教程与资料整理 #### 1. **基础入门** - **环境搭建**: 在HTML文件中直接引入Three.js库,适用于快速入门。示例代码结构如下[^4]: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="three.js"></script> <!-- 本地引入 --> </head> <body> <script type="module" src="./src/main.js"></script> <!-- 模块化引入 --> </body> </html> ``` - **几何体创建**: Three.js提供基础几何体,如球体、立方体等。例如创建球体[^3]: ```javascript var geometry = new THREE.SphereGeometry(60, 40, 40); // 半径60,经纬分段数40 ``` #### 2. **模型导入与进阶** - **复杂模型处理**: 对于复杂三维模型,建议使用Blender等建模软件导出`.gltf`格式,再通过Three.js加载[^2]。 - **工具库扩展**: 使用`dat.gui`库快速创建调试界面,安装命令[^5]: ```bash npm install --save dat.gui ``` #### 3. **动画与渲染** - **周期性渲染**: 通过`requestAnimationFrame`实现动态场景更新,例如旋转动画。 #### 4. **学习资料推荐** - **官方文档**: [Three.js官方文档](https://threejs.org/docs/) 是最权威的学习资源,涵盖API详解和示例。 - **在线课程**: - Udemy课程《Three.js入门到实战》 - B站Three.js中文教程系列 - **书籍推荐**: 《Three.js开发指南》系统讲解基础与项目实战。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值