如何使用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模型（ 顶点位置，法线，纹理坐标和材质 ）。

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

Answer 3

您正在寻找具有3D内容的Canvas ，现在已成为WebGL 。

我找到了一个教程： 学习WebGL

Answer 4

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

以下是一些3D画布演示 。

Answer 5

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