如何使用HTML5 Canvas制作3D射击游戏？

Question

我想使用HTML5 Canvas制作3D射击游戏（只是拍摄，没有动作或任何东西）。

我该怎么做？我搜索了一些教程，但找不到任何好的教程。

Answer 1

这是一个很棒的网站，有16个入门教程

http://learningwebgl.com/blog/?page_id=1217

Answer 2

首先，我认为这个问题更适合gamedev stackexchange网站（http://gamedev.stackexchange.com/）

正如其他人所说，你需要学习 WebGL ，这是用于大多数浏览器的ECMAScript实现的 OpenGL ES 2.0 API。您需要支持WebGL的浏览器（最新版本的Firefox，Chrome或Safari）以及与OpenGL ES 2.0兼容的图形卡驱动程序。

从游戏开发imo开始学习的第一件事是关于矩阵和向量运算的数学。在网上搜索关于如何进行矩阵乘法，换位，如何获得4x4矩阵的行列式（这与获得3x3或2x2矩阵行列式不同）以及如何反转矩阵应该足够的一些好的和快速的教程。然后学习一些（非常简单的）矢量操作，Dot产品，Cross产品，adition，multiplication，normalization和scaling。

然后了解转换矩阵，旋转，平移和缩放矩阵。还有视图和投影矩阵。

一些 GLSL着色语言以及什么是3D模型（顶点位置，法线，纹理坐标和材质）。

好的，那些是关键字，现在谷歌这一切。这是关于ya的矢量操作的一系列精彩教程：http://www.dickbaldwin.com/KjellTutorial/KjellVectorTutorialIndex.htm

Answer 3

您正在寻找Canvas with 3D content，现在已成为WebGL。

我找到了一个教程：Learning WebGL

Answer 4

你可能想要像three.js这样的东西。它主要是一个WebGL框架，但您也可以在（2D）画布上使用/ fallback。

Here are some of the 3D canvas demos

Answer 5

你知道WebGL吗？ http://en.wikipedia.org/wiki/WebGL