如何使用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