首頁 > web前端 > js教程 > 主體

類似 Figma 的關卡設計編輯器

Barbara Streisand
發布: 2024-10-16 18:25:48
原創
121 人瀏覽過

A Figma-like level design editor

大家好,

我的小型關卡設計工具最近有 35,000 位使用者。很多人問它是如何建造的,所以讓我們開始吧!

前端:
所有前端的東西都是使用 SvelteKit 製作的,它確實是一個神奇的工具,可以快速建立東西,並具有您所需的創意工具的所有性能。對於渲染,我使用在 PixiJS 之上建立的自訂引擎。

後端:
該工具允許您將地圖匯出為不同引擎接受的本機格式,因此我必須將地圖編譯為本機文件,例如 .unitypackage 文件。
這是由 Rust 編寫的後端處理的!

桌面應用程式版本:
然後,我使用 Tauri 將我的 SvelteKit 應用程式捆綁為桌面應用程式。這裡最酷的事情是,由於Tauri 可以運行Rust 命令,我只需將所有後端邏輯放在一個獨立的Rust 箱中,這樣我就可以為我的後端伺服器(對於Web 應用程式)和桌面應用程式(Rust 函數是直接從我在Tauri 的靜態前端呼叫)。

就是這樣!您想在這裡嘗試網頁版

乾杯!

雨果

以上是類似 Figma 的關卡設計編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!