你将收获

帮助初学者了解 Three.js 的基本使用

掌握基础 API 使用

几何模型及贴图的创建和使用

适用人群

前端初学者,喜欢热爱前端开发,喜欢前端2D或者3D交互

课程介绍

现代浏览器的功能越来越强大,逐渐形成了复杂应用和图形的平台。同时,现有大多数浏览器实现了对 WebGL 的支持,但要直接使用 WebGL 相关接口进行开发,则需要学习复杂的着色器语言,且开发周期长,不利于项目的快速开发。


面对这种情况,Three.js 应运而生,它不但对 WebGL 进行了封装,将复杂的接口简单化,而且基于面向对象思维,将数据结构对象化,非常方便我们开发。Three.js 的发展十分迅速,但是目前入门的相关资料比较少,文档又基本是英文的,于是便有了目前的这个课程。


本课程作为入门课程,主要帮助初学者了解 Three.js 的基本使用,基础 API 以及相关几何模型的创建和使用。大喵将带着大家,手把手敲每一行代码,并且给每一行代码打上批注,帮助初学者达到快速入门的目的。


课程目录

学员评价

5.0
  • 0%
  • 0%
  • 0%
  • 0%
  • 0%

正在加载中...

同学笔记

  • tjt740 2020-10-22 15:25:07

    来源:几何模型纹理贴图 查看详情

  • weixin_41290949 2020-07-06 18:54:45

    来源:几何模型纹理贴图 查看详情

    在phpstorm使用=>函数时,出于代码整洁美观的考虑,总是要格式化代码(ctrl+alt+l)。但是不出意外的,箭头函数总是被自动隔离开,导致整段代码的错误。

    倒霉孩子的无法直接的代码格式化:

    原因:

    phpstorm编辑器不支持ES6语法,需要“Transpiles ECMAScript 6 code to ECMAScript 5”。

    操作步骤:

    1. 文件(file)->设置(Settings)
    2. 语言和框架(Languages & Frameworks)->javascript,选择如下图,然后点击应用,确定保存

    3.打开phpstorm的终端窗口,Terminal,按如下输入

    npm install -g babel

    支持ES5自动转换

    4.再次打开 文件-工具(tool)-File watchers,点击“+”号,一切按默认保存即可

没有更多了