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系统课程视频
  • 谈谈Three.js版本问题
    • 阅读Three.js源码
    • 3D模型gltf下载网站(threejs开发)
    • three.js模拟显示屏模型播放视频
    • vtk.js简单介绍
    • 文章
    郭隆邦
    2023-09-11
    目录

    谈谈Three.js版本问题

    # 谈谈Three.js版本问题

    Three.js有一个最大特点,就是过去的10来年,每个月都会更新发布一个版本,非常不稳定,截止到2023年今天9月11号已经发布了156个版本。

    所以我强烈提醒大家,学习任何threejs相关课程或参考threejs相关文章,一定要注意版本问题。

    # 所有版本链接

    查看所有版本 (opens new window)链接:http://www.webgl3d.cn/pages/aac9ab/

    # 初学者学习提醒

    如果你是初学者,有一点我是非常不建议的,就是你直接npm安装本月份最新版本的threejs学习,因为你无法保证,新版本课程,哪怕是几周前录制的,也可能某个api改变了,导致代码无法执行。

    // 默认本月最新版本
    npm install three --save
    

    你可以在github下载特定版本文件包,也可以npm安装特定版本。

    // 比如安装156版本
    npm install three@0.156.0 --save
    

    # 系统课程

    新手学习threejs,除了版本问题,往往也会有其他小问题,如果你想少走弯路,节约学习时间,有老师答疑,可以报名咱们的Three.js可视化系统课程WebGL (opens new window)。

    报名后,某节课学习遇到问题,你可以咨询我,我同时也会根据你个人基础,给你最合适的学习指导与建议。

    1. 第一阶段:基本内容和中级内容
    2. 第二阶段:进阶数学几何计算、漫游、八叉树碰撞检测等等
    3. 第三阶段:WebGL、Threejs Shader、WebGPU

    # 有无必要用threejs最新版本

    Threejs每个月相比上个月都会变化,不过大部分是时候,两个月之间,相比较,变化不会太大。

    最近一年threejs虽然升级变化,但是整体的结构,变化不大。这就是说最近一年视频课程你都可以学习。

    有同学可能一定要用最新版本,这时候你要注意,几遍这个课程录制了刚刚几周,都有可能改变。主要是threejs每个月发布一个版本,频率太快。

    # 查询特定版本的文档

    等你入门完成,开始上手以后,随便那个版本都无所谓,哪里有问题直接查询对应theeejs版本的文档即可。

    threejs官网文档是最新版本,不一定和你们公司用的版本一致,所以一定要注意,查询公司用的threejs,对应版本文档。

    查看特定版本文档方法:github上下载对应版本文件包,找到doc目录中html文件本地静态服务打开即可。

    # Geometry类

    旧版本几何体相关的类,有Geometry和BufferGeometry两个,新版本已经删除Geometry及其子类。

    BufferGeometry所有旧版本子类名称也发生改变,比如BoxBufferGeometry、PlaneBufferGeometry已经改变为BoxGeometry、PlaneGeometry。

    # Texture颜色空间

    新版本,纹理对象Texture,颜色空间相关的属性名.encoding已经变更为.colorSpace。

    texture.encoding = THREE.sRGBEncoding;
    
    texture.colorSpace  = THREE.SRGBColorSpace;
    
    阅读Three.js源码

    阅读Three.js源码→

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