Three.js — Rikardo Kabelyo (taxallusi “Mr.doob”) tomonidan 2010-yilda taqdim etilgan, brauzerda uch o’lchamli grafikani yaratishni soddalashtiruvchi JavaScript kutubxonasi. U WebGL‘ning past darajadagi murakkabligini yashirib, dasturchiga ancha yuqori darajadagi, tushunarli interfeys taqdim etadi.
Ricardo Cabello tomonidan yaratilishi
Kabelyo Three.js’ni shaxsiy ijodiy loyihalari uchun brauzerda 3D animatsiyalar yaratish jarayonini osonlashtirish maqsadida boshlagan. Kutubxona tez orada boshqa dasturchilar e’tiborini tortib, faol hamjamiyat va keng qo’llanilish doirasiga ega ochiq manba loyihasiga aylandi.
WebGL’ni soddalashtirish vazifasi
WebGL — brauzerlarda GPU orqali grafika chizish uchun past darajadagi API bo’lib, u to’g’ridan-to’g’ri ishlatilganda ko’plab matritsa hisob-kitoblari va murakkab sozlamalarni talab qiladi. Three.js bu murakkablikni yashirib, dasturchiga sahna, obyekt va yorug’lik kabi tushunarli yuqori darajadagi tushunchalar orqali ishlash imkonini beradi.
Brauzerda 3D grafika yaratish imkoniyati
Three.js yordamida dasturchi alohida dastur o’rnatmasdan, oddiy veb-sahifa ichida to’liq huquqli uch o’lchamli sahnalarni — aylanadigan modellar, animatsiyalar, virtual muhitlarni — yaratishi mumkin. Bu imkoniyat brauzerni oddiy hujjatlar ko’rsatuvchi vositadan interaktiv 3D platformaga aylantirgan.
Sahna, kamera, render tushunchalari
Three.js’da har qanday 3D loyiha uchtta asosiy elementga ega bo’lishi kerak: sahna (barcha obyektlar joylashgan makon), kamera (foydalanuvchi nuqtai nazari) va renderer (yakuniy tasvirni ekranga chiqaruvchi mexanizm). Bu uchta tushuncha deyarli barcha zamonaviy 3D grafika kutubxonalarida umumiy asos hisoblanadi.
Qo’llanilish sohalari
Three.js veb-asosidagi o’yinlar, mahsulotlarni interaktiv 3D ko’rinishda namoyish etish (masalan, kiyim-kechak yoki mebel), ma’lumotlarni uch o’lchamli vizualizatsiya qilish va badiiy, ijodiy veb-tajribalar yaratishda keng qo’llaniladi. Uning ochiq manba va bepul bo’lishi uni kichik ijodiy loyihalar uchun ham qulay qiladi.
Bog’liq tushunchalar
WebGL, JavaScript, 3D grafika, Brauzer, Rendering, Game engine