HTML5 아이소 메트릭 게임을 구현하는 가장 좋은 방법은 무엇입니까?

Question

canvas 또는 webGL을 사용하여 무엇이라고 말합니까?

저는 캔버스가별로 성능이 좋지 않다는 것을 읽었습니다. 현재는 DOM을 기반으로했기 때문입니다. 반면에 webGL은 아직 잘 지원되지 않습니다. 그리고 내가 추측하는 것을 배우는 것은 또한 더 어렵습니다.

게임은 "2.5"D - 3D가 필요하지 않습니다. 그러나 wegGL은 좋은 효과와 그래픽 카드에서 처리되기 때문에 의미가 있습니다. 사실 여러 브라우저에서 잘 지원되지 않는다는 사실은 내가 캔버스를 사용하여 얻을 수없는 장점 (성능, 효과 등)을 제공한다면 내가 함께 살 수있는 무언가라고 할 수 있습니다.

나는 가파른 학습 곡선에 대해 신경 쓰지 않습니다. 중요한 것은 게임의 확장 성이 좋고 마지막에 잘 수행되며 잠재적으로 대부분의 기능이 가능하다는 것입니다.

미리 감사드립니다.

Answer 1

2D 캔버스가 여기 있습니다.

수학은 WebGL과 2D 캔버스를 사용하는 것보다 훨씬 쉬울 것입니다. 이제는 모든 주요 데스크톱 브라우저에서 Canvas가 하드웨어 가속화되고 WebGL보다 모바일 장치에서 더 넓은 지원을 얻습니다.

캔버스의 DOM 요소가 이상적으로 DOM을 터치하는 유일한 이유는 컨텍스트를 가져올 때 캔버스가 느려지지 않기 때문입니다. 기록을 위해 DOM을 만지면 항상 느리지 만 에만이 있습니다.

Neurofluxation이 묻는 StackOverflow에 대한 등각 투영 캔버스 게임에 대한 몇 가지 자습서가 있지만 여기에는 몇 가지 이유에서 관련 질문의 대부분을 삭제했습니다. 이는 약간의 수치스러운 일입니다.