# Memperkenalkan 3D dalam Hana - Spline blog (https://spline.design/ms/blog/introducing-3d-shapes-hana) > Menyatukan 3D dan 2D [Blog](https://spline.design/ms/blog) 10 Disember 2025 # Memperkenalkan 3D dalam Hana Menyatukan 3D dan 2D [Buka Hana](https://app.spline.design) Sejak sekian lama, kebanyakan "proses" reka bentuk berlaku pada kanvas 2D. Jurang sejarah antara 2D dan 3D berpunca daripada kerumitan teknikal. Alat reka bentuk 2D berkembang menjadi masa nyata dan berkualiti tinggi (apa yang anda lihat ialah apa yang anda dapat), tetapi 3D memerlukan kuasa pengkomputeran yang jauh lebih besar, menjadikan kerja masa nyata hanya mungkin pada kualiti yang lebih rendah. Namun teknologi telah maju dengan ketara (perkakasan dan perisian), dan pasukan kami telah mencapai kemajuan besar sejak beberapa tahun kebelakangan ini, membolehkan kami mencapai satu pencapaian asas: menggabungkan 3D dan 2D pada kanvas yang sama dalam masa nyata. Gerakkan tetikus atau sentuh untuk berinteraksi (Pengalaman yang dibuat dengan Hana) ## Pertemuan 3D dan 2D Kami percaya kanvas reka bentuk patut memanfaatkan semua dimensi yang ada, dan pengguna (manusia atau ejen AI) patut boleh memutuskan apa yang terbaik untuk penyelesaian yang dihadapi. Malangnya, walaupun ini berfungsi secara teori, melaksanakan apa-apa sahaja dalam 3D ialah mimpi ngeri teknikal, dan menggabungkan kedua-dua sistem ini menjadikannya lebih teruk. Kebanyakan alat reka bentuk semasa, atau yang tradisional, dibina berdasarkan pendekatan yang serupa: anda bekerja pada pratonton, kemudian menekan "render" atau "menyerahkan" kerja anda, dan seseorang akan melaksanakan produk sebenar menggunakan teknologi yang berbeza. Dalam erti kata lain, hampir semua alat reka bentuk semasa bukan masa nyata, jadi 3D biasanya memerlukan alat khusus yang outputnya akhirnya dikendalikan atau dibenamkan sebagai imej atau video rata; tidak boleh disunting dan tidak interaktif. Ia proses perlahan yang tidak selaras dengan piawaian aliran kerja reka bentuk hari ini. Pendekatan baharu diperlukan untuk mengubahnya. Pengalaman yang dibuat dengan Hana ## Masa nyata ialah asasnya Apabila kami membina Hana, kami menjadikannya masa nyata sambil mampu memaparkan _apa sahaja_ yang boleh anda paparkan dalam 2D. Ini bermakna pemapar Hana boleh mengendalikan pelbagai kesan yang tepat hingga ke piksel (seperti bayang-bayang, kabur dan sebagainya), bentuk vektor, boolean dan banyak lagi, semuanya dalam masa nyata. Ini bermakna kami juga boleh memanfaatkan saluran kesan Hana untuk memaparkan grafik 3D dalam masa nyata. Pada dasarnya, Hana boleh menggabungkan 3D dan 2D sekali gus. Vektor yang ditukar menjadi 3D masa nyata dengan Hana ## Perjalanan menggabungkan dua dunia Menambah 3D pada kanvas 2D nampak seperti tugas yang mudah, tetapi sebenarnya terdapat pelbagai cabaran. Selalunya, ia memerlukan dua pemapar berjalan serentak atau gabungan beberapa runtime, menyebabkan masa muat turun yang panjang dan tidak ideal. Hana menggunakan runtime yang sama untuk 3D dan 2D, yang lebih cekap dan jauh lebih fleksibel. Satu lagi isu utama ialah kualiti, atau lebih tepat lagi, kekurangannya. Menggabungkan kedua-dua sistem menjadi satu sambil mengekalkan tahap kualiti yang sama adalah mencabar kerana kualiti 3D merangkumi beberapa faktor: anti-aliasing, resolusi, bilangan poligon (atau ketumpatan voksel yang tinggi), bilangan objek dan banyak lagi. Dalam Hana, anda boleh mencipta mana-mana bentuk 2D dan menukarnya menjadi objek 3D sambil mengekalkan sambungan masa nyata dengan bentuk asal. Ini bermakna pada bila-bila masa, anda boleh mengubah suai bentuk asal, dan objek 3D akan dijana semula dalam masa nyata mengikut bentuk asal itu. Ini membolehkan peningkatan produktiviti yang besar dalam penciptaan 3D dalam komposisi 2D. Sebagai contoh, anda boleh mencipta teks 3D dengan mudah dan menukar warna, fon atau sifat lainnya sambil mengekalkan semua fleksibiliti teks dalam aliran kerja yang tidak merosakkan. Susun atur boleh dikemas kini secara dinamik, dan objek 3D akan mengikut peraturan komposisi 2D. Pengalaman yang dibuat dengan Hana 3D Shapes ## 3D mengikut 2D Dalam Hana, setiap objek 3D mempunyai sistem koordinatnya sendiri. Namun, ia terus mengikut peraturan dan tingkah laku kanvas 2D, yang bermakna anda boleh menggunakan pada objek 3D apa sahaja yang biasanya anda gunakan pada objek 2D. Ini membuka pintu kepada pelbagai kemungkinan reka bentuk. ## Had Buat masa ini, hanya sebilangan ciri terhad tersedia dalam sistem 3D/2D Hana. Anda boleh menyemperitkan mana-mana bentuk 2D menjadi 3D dan mempunyai kawalan yang agak banyak terhadap bahan, tetapi masih banyak ruang untuk kemungkinan baharu. Idealnya, sistem 3D patut boleh memaparkan apa jua jenis objek atau adegan 3D dan jauh kurang terhad. ## Ini baru permulaan Kami telah bekerja keras sejak beberapa tahun lalu di Spline untuk mencipta sistem reka bentuk yang padu yang menyepadukan 2D, 3D, dan akhirnya 4D. Kami tidak sabar untuk terus melangkah ke arah masa depan baharu yang mengujakan ini. — Pasukan Spline 🌸 ## Lagi daripada blog [3 November 2026Memperkenalkan Spline Arena](https://spline.design/ms/blog/introducing-spline-arena)[21 Oktober 2026Memperkenalkan Spline untuk ChatGPT](https://spline.design/ms/blog/introducing-spline-for-chatgpt)[27 Ogos 2026Memperkenalkan Hana V2](https://spline.design/ms/blog/hana-v2) [Spline](https://spline.design/ms) Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android. #### Tanya AI tentang Spline #### Produk - [Reka Bentuk 3D](https://spline.design/ms/3d-design) - [Hana](https://spline.design/ms/hana) - [Omma](https://omma.build) - [Penjanaan 3D AI](https://spline.design/ms/ai-generate) - [Spline MCP](https://spline.design/ms/mcp) - [Spline Arena](https://spline.design/ms/arena) - [Harga](https://spline.design/ms/pricing) - [Perusahaan](https://spline.design/ms/enterprise) #### Runtime - [Web](https://spline.design/ms/web) - [iOS](https://spline.design/ms/ios) - [Android](https://spline.design/ms/android) #### Aplikasi - [Muat Turun](https://spline.design/ms/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Muat turun Spline Mirror](https://spline.design/download-mirror) #### Belajar - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ms/academy) - [API Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Penyelesaian](https://spline.design/solutions) #### Komuniti - [Komuniti Spline](https://community.spline.design) - [Blog](https://spline.design/ms/blog) - [Log Perubahan](https://spline.design/ms/changelog) - [Pendidikan](https://spline.design/ms/education) - [Contra](https://spline.design/contra) - [Afiliat](https://spline.design/ms/affiliate) #### Syarikat - [Pelanggan](https://spline.design/ms/customers) - [Kerjaya](https://www.ycombinator.com/companies/spline/jobs) - [Keselamatan](https://spline.design/ms/security) #### Undang-undang - [Terma & Syarat](https://spline.design/terms) - [Privasi](https://spline.design/privacy) #### Hubungi - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.