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快速入门

    • 1. threejs文件包下载和目录简介
    • 2. 学习环境-编辑器和静态服务器
    • 3. 开发和学习环境,引入threejs
    • 4. 第一个3D案例—创建3D场景
    • 5. 第一个3D案例—透视投影相机
    • 6. 第一个3D案例—渲染器
    • 7. 三维坐标系-加强三维空间认识
    • 8. 光源对物体表面影响
    • 9. 相机控件OrbitControls
    • 10. 平行光与环境光
    • 11. 动画渲染循环
    • 12. Canvas画布布局和全屏
    • 13. stats查看threejs渲染帧率
    • 14. 阵列立方体和相机适配体验
    • 15. Threejs常见几何体简介
    • 16. 高光网格材质Phong
    • 17. WebGL渲染器设置(锯齿模糊)
    • 18. gui.js库(可视化改变三维场景)
    • 19. gui调试界面2-颜色命名等
    • 20. gui调试3-下拉菜单、单选框
    • 21. gui.js库(分组)
    • 22. examples和文档(辅助开发)
      • 23. threejs语法总结
      • 【选修】Vue+Threejs开发环境
      • 【选修】React+Three.js开发环境
    • 2.几何体BufferGeometry

    • 3.模型对象、材质

    • 4.层级模型

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

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

    • 7.PBR材质与纹理贴图

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

    • 9.生成曲线、几何体

    • 10.相机基础

    • 11.光源和阴影

    • 12.精灵模型Sprite

    • 13.后处理EffectComposer

    • 14.射线拾取模型

    • 15.场景标注标签信息

    • 16.关键帧动画

    • 17.动画库tween.js

    • Three.js教程
    • 1.Three.js快速入门
    郭隆邦
    2023-01-20
    目录

    22. examples和文档(辅助开发)

    # 查询案例examples和文档(辅助开发)

    有些时候你想了解threejs某个类(对象)的语法,或者某个对象属性和方法的语法,这时候你可以查询threejs官方文件包提供的案例examples、文档docs。

    three.js-文件包
    ...
    └───docs——Three.js API文档文件
        │───index.html——打开该文件,本地离线方式预览threejs文档
    └───examples——大量的3D案例,是你平时开发参考学习的最佳资源
        │───.html——各种3D案例
    ...    
    

    # 案例examples

    案例examples文件里面提供了很多3D案例,平时学习你可以参考里面的小案例去学习。

    通过关键词全文检索案例examples,比如vscode代码编辑器,在左侧找到threejs文件包的examples目录,右键,点击在文件中查找,输入一个关键词就可以查找,比如输入类名gui、OrbitControls、.lookAt()...,通过关键字找到对应的.html文件,你就可以参考里面的代码了。

    # 文档搜索

    关于文档的使用,前面也说过,这里再给大家再给大家介绍更多文档使用技巧。

    通过threejs中文网 (opens new window)(webgl3d.cn)分享一个文档链接,可以直接跳转到threejs官网提供的中文文档。

    # 文档搜索API

    文档左上角提供了一个输入框,可以快速查看某个API,如果你不记得完整名字,也可以通过threejs API部分名字查询。

    # 搜索方法或属性

    进入threejs API页面,有的类属性或方法比较多,滚动页面查询比较麻烦的话,如果你想查询某个方法或属性,可以Ctrl+F调用谷歌浏览器的当前网页关键字查询功能,找到特定的API的方法或属性,比如找到类PerspectiveCamera,搜索该类的.fov、.aspect、.updateProjectionMatrix()等属性或方法。

    # 【扩展】查看src目录下源码或者examples/jms目录下源码

    如果你通过案例examples、文档docs还不能更加清晰的了解某个属性或方法的含义,可以查看threejs封装的源码,当然对于threejs新手或编程基础不好的学员,不太推荐。

    21. gui.js库(分组)
    23. threejs语法总结

    ← 21. gui.js库(分组) 23. threejs语法总结→

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