Figma와 유사한 레벨 디자인 편집기

안녕하세요 여러분

저의 작은 레벨 디자인 도구가 최근 사용자 수 35,000명을 돌파했습니다. 어떻게 만들어졌는지 물어보시는 분들이 많으셔서 가보겠습니다!

프런트엔드:
모든 프런트엔드 작업은 SvelteKit을 사용하여 만들어집니다. SvelteKit은 창의적인 도구에 필요한 모든 성능을 갖춘 작업을 빠르게 구축할 수 있는 정말 마법 같은 도구입니다. 렌더링에는 PixiJS 위에 구축한 커스텀 엔진을 사용합니다.

백엔드:
이 도구를 사용하면 지도를 다른 엔진에서 허용하는 기본 형식으로 내보낼 수 있으므로 지도를 .unitypackage 파일과 같은 기본 파일로 컴파일해야 했습니다.
이는 Rust로 작성된 백엔드에서 처리됩니다!

데스크톱 앱 버전:
그런 다음 Tauri를 사용하여 SvelteKit 앱을 데스크톱 앱으로 묶었습니다. 여기서 멋진 점은 Tauri가 Rust 명령을 실행할 수 있기 때문에 모든 백엔드 로직을 독립형 Rust 상자에 넣어서 백엔드 서버(웹 앱용)와 데스크톱 앱(Rust 함수는 다음과 같습니다)에 동일한 코드를 사용할 수 있다는 것입니다. Tauri의 정적 프런트엔드에서 직접 호출됩니다.

그렇습니다! 여기에서 웹 버전을 사용해 보고 싶으신가요

건배!

휴고

위 내용은 Figma와 유사한 레벨 디자인 편집기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!