如何解决如何使用HTML5 Canvas制作3D射击游戏?
| 我想使用HTML5 Canvas制作3D射击游戏(只需射击,没有动作)。 我怎样才能做到这一点?我搜索了一些教程,但找不到任何好的教程。解决方法
你知道WebGL吗?
http://en.wikipedia.org/wiki/WebGL
,这是一个不错的网站,包含16个入门教程
http://learningwebgl.com/blog/?page_id=1217
,首先,我认为这个问题更适合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矩阵行列式不同)以及如何对矩阵求逆。然后学习一些(相当简单的)向量运算,点积,叉积,加法,乘法,归一化和缩放。
然后了解变换矩阵,旋转矩阵,平移矩阵和比例矩阵。以及视图和投影矩阵也是如此。
一些GLSL着色语言以及什么是3D模型(顶点位置,法线,纹理坐标和材质)。
好的,这些就是关键字,现在全部搜索。这是有关ya矢量操作的一系列不错的教程:http://www.dickbaldwin.com/KjellTutorial/KjellVectorTutorialIndex.htm
,您正在寻找具有3D内容的Canvas,现在已成为WebGL。
我找到了一个教程:学习WebGL
,您可能想要诸如three.js之类的东西。它主要是一个WebGL框架,但您也可以在(2D)画布上使用/回退。
以下是一些3D画布演示。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。