캔버스 깊이 객체 그리기

Question

다른 깊이의 객체 배열을 캔버스/jquery를 사용하여 iso 투영으로 그릴 수있는 방법은 무엇입니까?

Answer 1

HTML5 캔버스는 z 버퍼링을 지원하지 않으므로 뷰어에서 가장 멀리 떨어져 있고 뷰어에서 가장 가까운 끝으로 시작하여 올바른 순서로 개체를 그릴 책임이 있습니다.

두 개체 중 어느 개체가 "더 깊은"것인지를 알려주는 비교 함수를 사용하여 배열을 정렬하면됩니다. 다음은 필드를 단순히 비교하여 객체를 정렬하는 예제입니다. z. 정확한 사용 케이스에 따라 다른 케이스보다 더 깊은 케이스를 결정하는 것이 덜 간단 할 수 있습니다.

• https://gamedev.stackexchange.com/questions/48710/is-it-good-to-sort-objects-list-before-every-rendering
• https://gamedev.stackexchange.com/questions/47388/best-technique-for-drawing-isometric-tiles
• https://gamedev.stackexchange.com/questions/48423/basic-isometric-projection-in-javascript

: 여기

function object_compare(obj1, obj2) { 
    if (obj1.z == obj2.z) return 0; 
    if (obj1.z > obj2.z) { 
     return 1; 
    } else { 
     return -1; 
    } 
} 
array.sort(compare_function); 

또한 흥미로운 일이 될 수 gamedev.stackexchange.com에 대한 몇 가지 질문 있습니다