首页 > web前端 > js教程 > 正文

类似 Figma 的关卡设计编辑器

Barbara Streisand
发布: 2024-10-16 18:25:48
原创
122 人浏览过

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学习者快速成长!