Editor reka bentuk tahap seperti Figma

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!