Three.js Gallery: interaktiv WebGL-demolar to'plami

Muammo

Bitta standart landing sahifada Three.js bo'yicha chuqur bilimni ko'rsatish qiyin: yorug'lik va soyalar, Web Audio, nostandart geometriya, haydash fizikasi yoki boshqa birovning UI'sini qayta yaratish — har bir texnika ko'nikmalar ro'yxatidagi qatordan emas, o'zining ishlaydigan namunasidan iborat bo'lishi kerak.

Hammasini bitta loyihaga sig'dirish ham yechim emas — turli demolar turli kod va murakkablikni talab qiladi, umumiy dvigatel esa har birini faqat sekinlashtiradi.

Format: har bir demo — alohida index.html

Bitta katta ilova o'rniga — bu Three.js asosidagi mustaqil loyihalar to'plami, har birining o'z index.html fayli va «MVP'dan professional grafikagacha» degan o'z yo'l xaritasi bor. Tekshiruv vaqtida galereyada muhandislik tajribalaridan mavzuli 3D-sahnalargacha 12 ta demo mavjud.

Muhandislik demolari: 4D-matematika, Web Audio, ASCII-render

4D Hypercube Shadow to'rt o'lchamli tesseraktni 3D fazoga proyeksiya qiladi va 2D soya tashlaydi, XW/YW/ZW tekisliklarida real vaqtda aylanish bilan. Tiny Clockwork Music Box — tishli g'ildiraklar, tikonli baraban, 32 ta til va Web Audio API orqali jonli sintez qilinadigan ohang bilan zavod musiqa qutisi — kalit bilan zavod buriladi va bitta ham audio fayl ishlatmasdan ohang chalinadi.

Donut Terminal donut.c dagi klassik aylanuvchi torni Three.js asosida terminal uslubidagi jonli ASCII matn sifatida render qiladi, Three.js Room esa erkin kamera, yorug'lik, soyalar va sahna post-prosessingi bilan interaktiv 3D xona.

Mavzuli sahnalar: aviatsiya, jangovar robotlar, retro-UI

Bir nechta demo texnikaning batafsil 3D-modellarini interaktiv ko'rish bilan qayta yaratadi — Lockheed CL-1201 yadroviy kontsept-samolyoti, nemis reaktiv Horten Ho 229, AQSh armiyasining gigant tashuvchi samolyoti va sovet ekranoplani MD-160 «Kaspiy dahshati» qanotli raketalar va dengiz to'lqinlari bilan.

Boshqa demolar — to'liq interaktiv sahnalar: uchta quruqlik linkori (Ratte, sovet T-35, xayoliy «Sturmfestung») orasidan tanlov, umumiy 6 lokatsiyali jang maydoni, haydash va otishma bilan; HP-panellar va effektlar bilan Po'lat Gigant va MexaGodzilla o'rtasidagi jang; hujum va stels rejimlariga ega «Akrobat» Tumbler-betmobil. Alohida — Windows XP Desktop, «Boshlash» menyusi, oynalar va mashhur Bliss foni bilan sof HTML/CSS/JS'da qayta yaratilgan ish stoli.

Natija

Tekshiruv vaqtida galereyada turli murakkablikdagi 12 ta demo bor — 4D-matematika va tovush sintezidan harbiy texnikaning batafsil 3D-modellari va qayta yaratilgan retro-interfeysgacha, — har biri o'z texnologiya teglari va «Demoni ochish» havolasi bilan.

Loyiha Cloudflare'da to'liq statik sayt sifatida joylashtirilgan, manba kodi GitHub'da ochiq (Ecomdev-Labs/threejs-gallery-uz), demo ro'yxati esa keys e'lon qilingan sanaga muzlab qolmasdan, o'z yo'l xaritasi bo'yicha o'sishda davom etmoqda.