Kage Faoliyat yuritmoqda

Kage — dizayner Meng To tomonidan ochiq manba sifatida taqdim etilgan immersiv 3D interaktiv tajriba loyihasi. Vosita faqat bitta HTML faylidan foydalanib, Three.js yordamida GPT Image 2 yaratgan sahna materiallarini real vaqt rejimida ko‘rsatadi va xayoliy Kioto tog‘ ibodatxonasida tungi sayrni yaratadi. Foydalanuvchi kamera yo‘nalishini faqat sichqonchani aylantirish orqali boshqarib, tog‘ darvozasi, sokin bog‘ kabi besh bobdan o‘tadi hamda yomg‘ir tumani, to‘kilayotgan barglar va qizil to‘lin oyning uyg‘unligidan iborat kinematografik muhitni his qiladi. Kage to‘g‘ridan-to‘g‘ri ochilganda ishga tushadi va AI yaratgan kontentni real vaqt rejimidagi WebGL bilan birlashtiruvchi frontend dizayn namunasi hisoblanadi.

WeChat’da obuna bo‘lib, “开源” deb javob yuboring va AI ochiq manba loyihalari guruhiga qo‘shiling
Aylantirish — navigatsiya: sichqoncha g‘ildiragi orqali kamera oldindan belgilangan yo‘nalish bo‘ylab tog‘ ibodatxonasidan o‘tadi; tugmalar ham, menyular ham yo‘q, aylantirish yagona interaksiya usulidir.
Real vaqt rejimidagi 3D render: Three.js asosida brauzerda ibodatxona, tog‘ darvozasi, yom‘ir tumani, to‘kilayotgan barglar va qizil to‘lin oy kabi dinamik sahnalar real vaqt rejimida yaratiladi.
AI materiallarini uyg‘unlashtirish: GPT Image 2 yaratgan sahna tasvirlari va shaffof WebP oldingi plan elementlari real vaqt rejimidagi 3D dunyo ustiga qo‘yilib, kinematografik taassurot kuchaytiriladi.
Besh bobli hikoya tuzilmasi: “Tog‘ darvozasi → Sokin bog‘ → Hunarmandchilik → Qoldiq shu’la → Manifest” besh bobi asosida tuzilgan bo‘lib, har bir aylantirish yangi kompozitsion kadrga mos keladi.
Bitta fayl, qurilishsiz: barcha mantiq, uslublar va render jarayoni bitta HTML fayliga jamlangan; npm, React yoki boshqa qurilish vositalari talab qilinmaydi.
Immersiv vizual muhit: deyarli qora, to‘q ko‘k, iliq qahrabo, suyakrang va qizil ranglardan iborat vazmin palitra bloom, plyonka donadorligi va vinyetka post-processing effektlari bilan uyg‘unlashtirilgan.
Maxsus imkoniyatlarga moslashuv: animatsiyani kamaytirish opsiyasi mavjud va mobil qurilmalar uchun moslashuvchan maket qo‘llab-quvvatlanadi.

Onlayn tajriba: https://mengto.github.io/kage/ manziliga brauzer orqali kirib, Kioto tog‘ ibodatxonasidagi tungi sayrni boshlang.
Mahalliy joylashtirish: repozitoriyni klonlagach, istalgan statik serverni (masalan, python3 -m http.server) ishga tushiring; qurish bosqichi kerak emas.
Interaksiya: sahifani ochgach, faqat sichqonchani aylantiring — kamera oldindan belgilangan yo‘nalish bo‘ylab besh bobdan avtomatik o‘tadi.
Brauzer talabi: WebGL’ni qo‘llab-quvvatlaydigan zamonaviy brauzerdan foydalaning, aks holda tasvir render qilinmaydi.
Qayta ijod qilish: nusxa yaratishda PROMPT.md asosida materiallarni AI yordamida qaytadan yarating; original loyiha artwork materiallaridan bevosita foydalanish mumkin emas.
Maxsus imkoniyatlar sozlamasi: tizimda “Harakat effektlarini kamaytirish” afzalligi yoqilgan bo‘lsa, bosh aylanishining oldini olish uchun sahifa animatsiya intensivligini avtomatik pasaytiradi.

Bitta faylli arxitektura: barcha mantiq, uslublar va 3D render jarayoni bitta HTML fayliga jamlangan — qurilish va bog‘liqliklar yo‘q, darhol ishga tushadi.
Minimal interaksiya: kamera yo‘nalishi faqat aylantirish orqali boshqariladi; tugmalar ham, menyular ham yo‘q, foydalanishni boshlash juda oson.
AI va render uyg‘unligi: GPT Image 2 yaratgan sahna materiallari Three.js real vaqt rejimidagi 3D renderi bilan uzluksiz birlashtirilib, haqiqiy tasvir sifati va dinamik yorug‘lik-soya effektlarini uyg‘unlashtiradi.
Kinematografik immersiya: besh bobli hikoya tuzilmasi, vazmin ranglar va post-processing effektlari interaktiv Kioto tog‘ ibodatxonasidagi tungi sayrga xos kino muhitini yaratadi.
Dizayner boshchiligidagi yondashuv: dasturchi bo‘lmagan muallif ijodni promptlar orqali boshqarib, AI davrida dizayn ustuvor bo‘lgan frontend ishlab chiqishning yangi paradigmasini namoyish etadi.
Yengil va ko‘chma: backend, analitika skriptlari va ish vaqtida tarmoq so‘rovlari yo‘q; istalgan statik serverda soniyalar ichida joylashtirish mumkin.

Loyiha sayti: https://mengto.github.io/kage/
GitHub repozitoriysi: https://github.com/MengTo/kage

Shaxsiy portfolio yoki kreativ bosh sahifa: dizaynerlar va dasturchilar an’anaviy portfolioni bitta faylli 3D immersiv tajriba bilan almashtirib, loyihalarni aylantirish asosidagi hikoya orqali namoyish etishlari mumkin; vizual taassurot odatiy veb-sahifalarnikidan ancha kuchli bo‘ladi.
Sayyohlik va madaniy maskanlar uchun raqamli gid: Kage’ning “tungi tog‘ ibodatxonasi sayri” modelini haqiqiy diqqatga sazovor joylarga ko‘chirish, qadimiy me’moriy inshootlar va tabiiy manzaralar bo‘ylab aylantirish orqali sayohat qilish hamda statik matnli-tasvirli taqdimotni almashtirish mumkin.
Brend taqdimoti yoki mahsulotni qizdirish sahifasi: yangi mahsulot chiqarilishidan oldin bitta sahifalik kinematografik tajriba orqali muhit yaratiladi — avtomobillar, qo‘l soatlari va hashamatli mahsulotlar bobma-bob aylantirish yordamida mahsulot tafsilotlari hamda brend hikoyasini ochib berishi mumkin.
Muzey yoki tarix ta’limi uchun raqamli ko‘rgazma: tarixiy manzaralarni, masalan, qadimiy shaharlar va arxeologik yodgorliklarni qayta yaratib, o‘quvchilar yoki tomoshabinlarga aylantirish orqali tarixga “kirish” imkonini berish; AI yaratgan materiallar badiiy ishlab chiqish xarajatlarini kamaytiradi.
Frontend ta’limi va Three.js uchun boshlang‘ich namuna: qurilishsiz bitta fayl yondashuvining namunasi sifatida Kage manba kodini bevosita tahlil qilib o‘qitish uchun mos; talabalar npm muhitini sozlamasdan 3D sahna, kamera yo‘nalishi va aylantirish orqali boshqariladigan asosiy mantiqni tushunishlari mumkin.