学习WebGL和three.js

Question

我是个新手，开始学习web浏览器中的3D计算机图形。我对在浏览器中制作3D游戏很感兴趣。对于任何同时学习过WebGL和three.js的人来说...

1. 是使用three.js所需的WebGL知识？
2. 与WebGL相比，使用three.js的优势是什么？

Answer 1

既然你有远大的抱负，你就必须投入时间来学习基础知识。这不是你先学什么的问题--如果你想的话你可以同时学习它们。(这就是我所做的。)

这意味着您需要了解：

concepts

• Three.js

• The

1. WebGL

的基本数学概念

Three.js。 Three.js在抽象WebGL的许多细节方面做得很好，所以就我个人而言，我建议你在项目中使用Three.js。但请记住，Three.js是alpha，并且它经常变化，因此您必须为此做好准备。大多数人通过研究示例来学习Three.js。避免过时的书籍和教程，避免来自网络的链接到图书馆旧版本的示例。

WebGL。如果你使用Three.js，你不需要知道如何用WebGL编程，你只需要理解WebGL的概念。这意味着，您只需要能够阅读其他人的WebGL代码，并理解您所阅读的内容。这比期望自己从头开始编写一个WebGL程序要容易得多。您可以使用网上的任何教程来很好地学习WebGL概念，例如WebGLFundamentals.org和Learning WebGL上的初学者教程。

再说一遍，你至少需要理解一下的概念。三本好书是：

1. 3D Math Primer for Graphics and Game Development作者: Fletcher Dunn和Ian Parberry

詹姆斯·M·范弗思和拉斯·M·毕晓普的

1. Essential Mathematics for Games and Interactive Applications: A Programmer’s Guide

1. Mathematics for 3D Game Programming and Computer Graphics作者: Eric Lengyel

Answer 2

在THREE.js的上有一个非常好的在线课程-交互式3D图形。本课程还包括获得实践经验的作业。它涵盖了Three.js和计算机图形学的所有基本概念

Answer 3

我个人的想法如下：

• 如果你有足够的时间，你可以同时学习这两种语言，但请注意，WebGL的级别比Three.js低得多。
• 对于第一个3d项目，专家建议使用像Three.js这样的库，以便熟悉这些术语和通用的3d模型。