코드 없이 HTML 캔버스에 그리기

최근 웹게임을 만들고 있었습니다. 이제 이 게임의 그래픽(캐릭터, 지도 등)을 만들면서 HTML 캔버스 API에서 한 줄이라도 그리는 데 4줄의 코드가 필요하다는 것을 보았습니다-

ctx.beginPath();
ctx.moveTo(100, 150);
ctx.lineTo(100, 200);
ctx.stroke();

좌표 매핑, 반복 메서드 재작성 등의 작업을 코드 없는 도구를 사용하여 쉽게 수행할 수 있다는 것을 알고 있었습니다. 이것이 Canvascript의 탄생으로 이어졌습니다. 웹 게임 그래픽을 만드는 데 걸리는 시간을 단축하는 것이 목적인 오픈 소스 도구입니다.

사용 방법은 간단합니다. 캔버스에 그린 다음 생성 버튼을 클릭하면 실제 HTML 캔버스에 디자인을 렌더링하는 코드를 얻을 수 있습니다. 여기에서 도구를 사용할 수 있습니다. Discord 서버도 있습니다.

이것에 대해 어떻게 생각하시나요? 피드백이나 제안이 있으신가요?

위 내용은 코드 없이 HTML 캔버스에 그리기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!