Three.js中文网 Three.js中文网
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
Web3D系统课程视频
  • 0.学前说明

  • 1.Three.js快速入门

  • 2.几何体BufferGeometry

  • 3.模型对象、材质

  • 4.层级模型

  • 5.顶点UV坐标、纹理贴图

  • 6.加载外部三维模型(gltf)

    • 1. 建模软件绘制3D场景(Blender)
      • 2. GLTF格式简介 (Web3D领域JPG)
      • 3. 加载.gltf文件(模型加载全流程)
      • 4. OrbitControls辅助设置相机参数
      • 5. gltf不同文件形式(.glb)
      • 6. 模型命名(程序与美术协作)
      • 7. 递归遍历层级模型修改材质
      • 8. 外部模型材质是否共享的问题
      • 9. 纹理encoding和渲染器
      • 10. gltf模型更换.map(纹理.flipY)
    • 7.PBR材质与纹理贴图

    • 8.渲染器和前端UI界面

    • 9.生成曲线、几何体

    • 10.相机基础

    • 11.光源和阴影

    • 12.精灵模型Sprite

    • 13.后处理EffectComposer

    • 14.射线拾取模型

    • 15.场景标注标签信息

    • 16.关键帧动画

    • 17.动画库tween.js

    • Three.js教程
    • 6.加载外部三维模型(gltf)
    郭隆邦
    2023-01-28
    目录

    1. 建模软件绘制3D场景(Blender)

    # 建模软件绘制3D场景(比如Blender)

    这节课主要给大家科普一些三维模型创建、美术和程序员协作的相关问题。

    # 三维建模软件作用

    对于简单的立方体、球体等模型,你可以通过three.js的几何体相关API快速实现,不过复杂的模型,比如一辆轿车、一栋房子、一个仓库,一般需要通过3D建模软件来实现。

    # 三维建模软件简介

    3D美术常用的三维建模软件,比如Blender、3dmax、C4D、maya等等

    • Blender(轻量开源)
    • 3dmax
    • C4D
    • maya

    特殊行业项目可能涉及到行业软件,比如机械相关、建筑相关

    • 机械相关:SW、UG等
    • 建筑相关:草图大师、revit

    # 分工和流程

    • 3D美术:使用三维建模软件绘制3D模型,导出gltf等常见格式

    • 程序:加载解析三维软件导出的三维模型

    比如使用Blender三维建模软件导出gltf格式模型,然后再通过threejs加载三维模型。

    # 程序员学习Blender好处

    • 3D相关概念,相比较代码,建模软件,更加形象,容易理解
    • Blender与Threejs代码的交互,与美术更好的配合,Blender如何导出模型
    6. UV动画
    2. GLTF格式简介 (Web3D领域JPG)

    ← 6. UV动画 2. GLTF格式简介 (Web3D领域JPG)→

    Theme by Vdoing | Copyright © 2016-2025 豫ICP备16004767号-2
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式