javascript - 如何使用 HTML5 Canvas 制作 3D 射击游戏?

标签 javascript html canvas

我想使用 HTML5 Canvas 制作一个 3D 射击游戏(只是射击,没有 Action 或其他任何东西)。

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

最佳答案

首先我觉得这个问题更适合gamedev stackexchange网站(http://gamedev.stackexchange.com/)

正如其他人所说,您需要学习 WebGL,它是用于大多数浏览器的 ECMAScript 实现的 OpenGL ES 2.0 API。您需要支持 WebGL 的浏览器(最新版本的 Firefox、Chrome 或 Safari)和与 OpenGL ES 2.0 兼容的显卡驱动程序。

开始游戏开发时首先要学习的是一些矩阵和向量运算的数学知识。在网上搜索一些关于如何进行矩阵乘法、转置、如何获取 4x4 矩阵的行列式(这与获取 3x3 或 2x2 矩阵的行列式不同)以及如何求逆矩阵的教程就足够了。然后学习一些(非常简单的)向量运算、点积、叉积、加法、乘法、归一化和缩放。

然后了解变换矩阵、旋转、平移和缩放矩阵。还有 View 和投影矩阵。

一些GLSL着色语言和什么是3D模型(顶点位置、法线、纹理坐标和 Material )。

好的,这些是关键字,现在全部用谷歌搜索。这是一系列关于向量操作的不错的教程,适用于您:http://www.dickbaldwin.com/KjellTutorial/KjellVectorTutorialIndex.htm

关于javascript - 如何使用 HTML5 Canvas 制作 3D 射击游戏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5650535/

相关文章:

html - 带有 CSS Transition 的图像在 IE 中不显示

javascript - 触发某些部分仅在我们向下滚动到特定部分时才开始动态加载的功能的事件是什么

javascript - 在 mousemove 上旋转对象以面对鼠标指针

javascript - 为什么我似乎无法正确实现此功能?

javascript - 如何将正则表达式中的字符串拆分为单个 S 或 E 字符后跟 JavaScript 中的数字?

javascript - Canvas drawImage 将我的正方形图像缩放为矩形

javascript - Canvas .fillText 方法似乎在 iPad 上不起作用

javascript - Jquery:检查变量是否在keyup()函数之后定义

javascript - JS/jQuery - 如何一次获取两个 DIV 内容的文本?

database - 实时协作应用程序如何保存数据?