Лучший способ реализовать HTML5 изометрическую игру?

Question

Что бы вы сказали, используя canvas или webGL?

Я где-то читал, что canvas не очень эффективен, потому что в настоящее время он основан на DOM или что-то в этом роде. С другой стороны, webGL пока не поддерживается. И, наверное, учиться сложнее.

Игра "2.5" D - ей не нужно 3D. Но wegGL может иметь смысл для хороших эффектов и потому, что он обрабатывается в видеокарте. С тем, что он не очень хорошо поддерживается в браузерах, я мог бы с этим смириться, если бы увидел, что он действительно предлагает преимущества (производительность, эффекты и т. Д.), Которые я не смог получить с помощью canvas.

Я не против более крутой кривой обучения. Что важно, так это то, что игра хорошо масштабируется, хорошо работает в конце, и что большинство возможностей потенциально возможно.

Надеюсь получить хорошее мнение, заранее спасибо!

Answer 1

2D Canvas поможет вам в этом.

Математика будет намного проще, чем использование WebGL, а 2D Canvas теперь с аппаратным ускорением во всех основных настольных браузерах и имеет более широкую поддержку на мобильных устройствах, чем WebGL.

Canvas не медленный, потому что это элемент DOM, в идеале, единственный раз, когда вы касаетесь DOM, это когда вы получаете контекст.Прикосновение к DOM, для записи, всегда медленное, но у вас только есть , чтобы сделать это один раз.

Есть несколько уроков об изометрических холст-играх, а также некоторые хорошие вопросы здесьв StackOverflow, заданном Neurofluxation, но он почему-то удалил большую часть соответствующего кода из своих вопросов, что немного обидно.