Three.js中文网 Three.js中文网
首页
Three.js电子书
WebGL电子书 (opens new window)
免费视频 (opens new window)
3D案例 (opens new window)
系统课程 (opens new window)
案例课程 (opens new window)
threejs中文文档 (opens new window)
首页
Three.js电子书
WebGL电子书 (opens new window)
免费视频 (opens new window)
3D案例 (opens new window)
系统课程 (opens new window)
案例课程 (opens new window)
threejs中文文档 (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语法总结
    • 2.几何体BufferGeometry

    • 3.模型对象、材质

    • 4.层级模型

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

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

    • 7.PBR材质与纹理贴图

    • 8.持续更新中

    • 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-2023 郭隆邦 | 引用请注明网站链接
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式