Как я могу сделать 3D-игру с использованием HTML5 Canvas? - PullRequest
3 голосов
/ 13 апреля 2011

Я хочу сделать 3D-шутер (просто стрельба, без движений или что-нибудь), используя HTML5 Canvas.

Как я могу это сделать? Я искал некоторые учебники, но не смог найти хороших.

Ответы [ 5 ]

3 голосов
/ 14 апреля 2011

Прежде всего, я думаю, что этот вопрос больше подходит для сайта обмена стеками gamedev (http://gamedev.stackexchange.com/)

Как говорят другие, вам нужно изучить WebGL , то есть OpenGL ES 2.0 API для реализации ECMAScript большинства браузеров. Вам необходим браузер с поддержкой WebGL (последняя версия Firefox, Chrome или Safari) и драйвер видеокарты, совместимый с OpenGL ES 2.0.

Первое, чему нужно научиться, начиная с разработки игр, - это математика о некоторых матричных и векторных операциях . Найдите в Интернете несколько хороших и быстрых уроков о том, как выполнять умножение матриц, транспонирование, как получить определительдостаточно матрицы 4x4 (которая отличается от получения определителя матрицы 3x3 или 2x2) и того, как инвертировать матрицу. Затем выучите некоторые (довольно простые) векторные операции, произведение точек, перекрестное произведение, сложение, умножение, нормализацию и масштабирование.

Тогда узнайте о матрице преобразования s , матрицы поворота, перемещения и масштабирования.А также матрицы вида и проекции.

Немного о GLSL-языке затенения и что такое 3D-модели ( Положение вершин, нормали, координаты текстуры и материалы ).

Хорошо, это ключевые слова, теперь погуглите все это.Вот хорошая серия уроков по векторным операциям для тебя: http://www.dickbaldwin.com/KjellTutorial/KjellVectorTutorialIndex.htm

3 голосов
/ 13 апреля 2011

Вот хороший сайт с 16 учебниками для начинающих

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

2 голосов
/ 13 апреля 2011

То, что вы ищете Холст с 3D-контентом , теперь стал WebGL .

Я нашел учебник: Learning WebGL

1 голос
/ 16 февраля 2012

Вы, вероятно, хотите что-то вроде three.js . Это в первую очередь фреймворк WebGL, но вы также можете использовать / fallback на (2D) canvas.

Вот некоторые из демонстраций 3D Canvas .

0 голосов
/ 13 апреля 2011

Знаете ли вы WebGL? http://en.wikipedia.org/wiki/WebGL

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...