简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Editor reka bentuk tahap seperti Figma

Barbara Streisand
Lepaskan： 2024-10-16 18:25:48
asal
121 orang telah melayarinya

A Figma-like level design editor

Hai semua,

Alat reka bentuk tahap kecil saya baru-baru ini mencecah 35k pengguna. Ramai orang bertanya bagaimana ia dibina jadi begini!

Hadapan:
Semua perkara bahagian hadapan dibuat menggunakan SvelteKit, ia benar-benar alat ajaib untuk membina sesuatu dengan pantas dengan semua prestasi yang anda perlukan untuk jenis alat kreatif. Untuk pemaparan saya menggunakan enjin tersuai yang saya bina di atas PixiJS.

Belakang:
Alat ini membolehkan anda mengeksport peta anda ke format asli yang diterima oleh enjin yang berbeza, jadi saya terpaksa menyusun peta ke dalam fail asli seperti fail .unitypackage.
Ini dikendalikan oleh bahagian belakang yang ditulis dalam Rust!

Versi apl desktop:
Saya kemudian menggunakan Tauri untuk menggabungkan apl SvelteKit saya sebagai apl desktop. Perkara yang menarik di sini ialah kerana Tauri boleh menjalankan arahan Rust, saya hanya meletakkan semua logik bahagian belakang saya dalam peti Rust yang berdiri sendiri supaya saya boleh menggunakan kod yang sama untuk pelayan belakang saya (untuk aplikasi web) dan untuk aplikasi desktop (fungsi Rust adalah dipanggil terus dari bahagian hadapan statik saya di Tauri).

Itu sahaja! Anda mahu mencuba versi web di sini

Sola!

Hugo

Atas ialah kandungan terperinci Editor reka bentuk tahap seperti Figma. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：dev.to
Artikel sebelumnya：Bagaimana untuk Mengelakkan Isu Penutupan dalam Gelung dalam JavaScript? Artikel seterusnya：Membina Word Unscrambler dengan JavaScript (bahagian 4)
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1592
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
1750
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1494
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1409
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1457
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！