Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Trej.js damball hoortî 70% li hemî naveroka 3D li ser înterneta vekirî ye, û êdî hûn ne hewce ne ku hûn wê kodbikin
Trej.js zêdetirî 70% ji hemî naveroka 3D li ser înterneta vekirî dimeşîne, ji rûpelên hilberê yên Apple heya lîstikên înternetê yên serbixwe. Heta sala 2025, çêkirina her tiştî bi wê re tê wateya fêrbûna WebGL, şaderan, û malperek doksîmanî ya 200-rûpelî. Naha, jêhatîbûnên AI li Vibe Skills dihêlin ku ne-developers di dawiya hefteyekê de dîmenek Trej.js ya dixebite bişînin - bê pileya matematîkê, bê qulika raba pêşiya Stack Overflow.
Ev rêber nîşanî we dide ka kîjan jêhatîbûnên AI çawa encamek rastîn a Trej.js çêdikin, hûn dikarin bi rastî çi çêbikin (hawîrdorên lîstikê, mêzekerên hilberê, dîmenên qehreman), û çawa ji "Min ramanek heye" berbi "Ew li ser domaina min zindî ye" bêyî ku tucarî destê xwe bidin sêwiranerê THREE.PerspectiveCamera bi destan.
Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Çima Trej.js Berê Ji Ne-Developers Re Girtî bû
Trej.js pêlika JavaScript-ê ye li dora WebGL, API-ya grafîkî ya 3D ya asta nizm a înternetê. Ji bo ku hûn rasterast bikar bînin, we neçar bû ku fêm bikin:
- Grafikên dîmenê (kamera, ronahî, meshan, û meriv çawa ew di hundur de cih digirin)
- Şaderan (bernameyên vertex û fragment ku bi GLSL hatine nivîsandin)
- Math matematîkî (matris, quaternion, cîhê cîhanî li hember cîhê herêmî)
- Budceya performansa (pêşniyarên kişandinê, hejmara polygonan, bîranîna tekstûrê)
Dîmenek tîpîk "Hello Cube" ji 800 rêzên JavaScript berî ku hûn şeklê zivirî bibînin dimeşîne. Dîmenên hilberîna rastîn ji ajansên wekî Active Theory an Resn 5,000 heta 15,000 rêz diherikînin bi rêbazên şaderekî taybet.
Ev derî Trej.js di destê pisporên WebGL de ku $120 heta $250 serê saetê qezenc dikirin girt. Sêwiraner, bazirgan, damezrîner, û xwendekar dikarin kar bibînin lê qet nikarin bişînin.
Guheztina di sala 2026-an de: Amûrên kodkirina AI yên wekî Cursor û Claude naha dikarin pêşniyarek bi Englishngilîziya zelal bixwînin û dîmenên dixebitin react-three-fiber derxînin. Jêhatîbûnên AI ew pêvajoyê di sazkirinên yek-klîk de pak dikin - avahî, ronahî, kontrolên kamerayê, çêtirkirina performansa, hemî pêş-çêkirî.
Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Hûn Çi Dikarin Bi Trej.js + Jêhatîbûnên AI Çêbikin
Hûn dikarin pênc celebên encamên konkret bêyî ku WebGL bi destan binivîsin bişînin. Her yek kategoriyek Vibe Skills heye ku pêvajoyê berhev dike.
| Cureyê encamê | Nimûneya cîhana rastîn | Demjimêra çêkirinê (bi jêhatîbûnek AI) | Demjimêra çêkirinê (ji nû ve) |
|---|---|---|---|
| Hawîrdora lîstikê | Lîstikek pêşbaziya înternetê, mini-platformer, jûreya reviandinê | 4-12 demjimêr | 2-6 hefte |
| Mêzekera hilberê | Sneaker 360-derece, mîmarê guheztina serî, rûyê saetê | 2-6 demjimêr | 1-3 hefte |
| Dîmena qehreman 3D | Paşnavê rûpela dakêşanê ya anîmasyonkirî, dîmenê 3D yê ku bi scroll ve hatî ajotin | 3-8 demjimêr | 1-2 hefte |
| Infografîka înteraktîf | Erdê zivirî, diagrama motorê ya teqandî, globeya daneyê | 4-10 demjimêr | 2-4 hefte |
| Nîşanek web a AR / hewl bide ku li xwe bike | Pêşdîtina çawikê, cîhê jûreyê, modela pîvanê | 6-15 demjimêr | 3-6 hefte |
Teqwîm bi qasî 10x heta 20x e. Jêhatîbûnên nivîsarên destpêkê (danîna dîmenê, ronahî, kontrol, pîvana bersivdar) hildigirin da ku hûn li ser rêwerziya afirîner balê bikişînin.
Dîmenên Vibe Skills herî têkildar li vir:
- Lîstikên 3D - Lîstikên tevahî yên 3D yên lîstîbar bi riya Trej.js (pêşbazî, puzzle, mini-platformer, prototipên FPS-ê înternetê)
- 3D Înteraktîf - mîmarên hilberê, qehremanên 3D, dîmenên ku bi scroll ve hatine ajotin, nîşanên daneyê
5 Jêhatîbûnên Trej.js AI li Vibe Skills (Ne hewce ye WebGL)
Kategoriya Lîstikên 3D li Vibe Skills xwedan jêhatîbûnek taybetî ji bo ne-developers ku dixwazin encama Trej.js bistînin heye. Her yek bi nivîsarên react-three-fiber, rêgeza amûrê, û pelê pêvajoya ku ji bo Cursor amade ye tê.
| Tîpa jêhatî | Ew çi çêdike | Ji bo çi çêtirîn e |
|---|---|---|
| Avakarê Dîmena Qehreman 3D | Dîmena Trej.js ya ku bi scroll ve hatî ajotin wekî pêkhateyek Next.js | Rûpelên dakêşanê, malperên portfolî, malperên ajansê |
| Destpêkerê Lîstika Pêşbaziyê ya Înternetê | Lîstikek pêşbaziyê ya tevahî bi rêgeh, fîzîk, kontrolan | Prototîpên lîstikê, çalakiyên marqeyê, hackathon |
| Mîmarê Hilberê | Mêzkerê 360-derece bi guheztina materyal/reng | Dukana ecommerce, destpêkirina hilberê, rûpelên Kickstarter |
| Paketa Hawîrdora Lîstika 3D | Dîmenên pêş-çêkirî (daristan, zindan, zanistî-fîksîyonel, bajarî) | Lîstikên serbixwe, projeyên dibistanê, ezmûnên çîrokî |
| Nîşanek Logoya 3D Înteraktîf | Logo wekî modela 3D bi anîmasyona kamerayê | Destpêkên webê, fîlimên marqeyê, destpêkên konferansê |
Li Vibe Skills jêhatîbûnên Lîstikên 3D bibînin da ku pêşdîtinên zindî bibînin. Her jêhatî bi demoyek vîdyoyê tê, da ku hûn berî sazkirinê encamê bibînin.
Encam di her çarçoveya nûjen de dixebite: Next.js, Astro, Vite, HTML sade. Ti qefleya vendor nîne.
Dîmena Trej.js ya Pêşîn di Dawiya Hefteyê de Çêbikin
Li vir riya pratîkî ji sifir ber bi dîmenek Trej.js ya zindî li ser domaina we heye.
Gav 1: Jêhatîbûna Rast li Vibe Skills Hilbijêrin
Li /category/3d-games dest pê bikin û li gorî celebê encamê fîltre bikin. Heke hûn dîmenek qehreman dixwazin, Avakarê Dîmena Qehreman 3D bistînin. Heke hûn lîstikek lîstîbar dixwazin, Destpêkerê Lîstika Pêşbaziyê ya Înternetê an Paketa Hawîrdora Lîstikê bistînin.
Pêşdîta zindî bixwînin, vîdyoya demo temaşe bikin, li hevkomerbûna çarçoveyê binêrin (piraniya wan ji bo Next.js / Vite react-three-fiber dişînin). Jêhatîbûnê li Cursor an Claude Code saz bikin.
Gav 2: Cursor saz bikin (an Claude Code)
Her du amûr dikarin jêhatîbûnên AI bimeşînin. Cursor ji bo edîtasyona dîtbarî bi panek pêşdîta kodê çêtir e. Claude Code ji bo xebata ku bi termînalê tê rêvebirin û pêvajoyên ajan çêtir e. Yek hilbijêrin - di 5 hûrdeman de saz bikin.
Gav 3: Dîmenê Çê bikin
Projeyê di edîtorê xwe de vekin, jêhatîbûnê bixebitînin, ew ku hûn dixwazin bi Englishngilîziya zelal diyar bikin: "Dîmena qehreman a krîstalî ya zivirî bi paşnavek neba tarî, bandorek hilweşînê, zivirîna otomatîkî ya hêdî." Jêhatîbûna AI kodê tevahî Trej.js derdixe, tevî ronahî, kamera, kontrol, û pîvana bersivdar.
Gav 4: Amûrên Xwe Guheztin
Modelên xwe yên 3D (.glb an .gltf ji Sketchfab, Polyhaven, an derketinên Blender), tekstûr (Polyhaven CC0 belaş), û rengên marqeyê davêjin. Jêhatîbûnê çîpên amûrê vedihewîne da ku hûn dîmenê ji nû ve ava nekin.
Gav 5: Ji bo Mobîl Hêz bikin
Jêhatîbûnê paşgirên mobîl dişîne: hejmarên polî yên kêmtir, roniyên hêsantir, rêjeyên çarçoveyê yên ku li ser GPUyên qels hatine girtin. Li ser têlefonek rastîn test bikin (Chrome DevTools mobîl emulator pirsgirêkên GPUyê winda dike). Armanc bikin ku 60 FPS li ser iPhone-ya 2-salî wekî bingehek bin.
Gav 6: Bişînin
Vercel an Netlify bişînin. Dîmenên Trej.js JavaScript-a statîk in - server tune, bûtana GPU tune, mêvandariya taybet tune. URL-ya zindî di kêmtirî 60 çirkeyan de.
Li Vibe Skills jêhatîbûnên Trej.js û Lîstikên 3D bibînin →
Pirsên Pir Pirsî
Ma ji bo bikar anîna jêhatîbûnên AI yên Trej.js divê ez WebGL bizanim?
Na. Jêhatîbûnên AI li Vibe Skills WebGL bi tevahî pêça dikin. Hûn dîmenê bi Englishngilîziya zelal diyar dikin, jêhatîbûnê kodê dixebitin react-three-fiber derdixe, û hûn amûrên xwe yên xwe zêde dikin. Ya herî kûr ku hûn diçin edîtasyona nirxên rengîn û rêyên pelê modelê ye.
Ma dîmen li ser mobîl bi xweşî dimeşe?
Erê, dema ku jêhatîbûnê pêşniyarên mobîl vedihewîne. Hemî avakarên dîmena 3D ya Vibe Skills bi paşgirên asta cîhazê têne: meshên polî yên kêm li ser telefonên qels, rêjeyên çarçoveyê yên ku li ser tabloyên paşîn hatine girtin, û tekstûrên ku hêdî têne barkirin. Armanc 60 FPS li ser iPhone-ya 2-salî ye. Berî ku hûn bişînin test bikin.
Ma divê ez Trej.js yê xav bikar bînim an react-three-fiber?
react-three-fiber bikar bînin. Ew pêlekek React-ê li ser Trej.js ye ku kodê ragihandî û 40-60% kurttir dike. Jêhatîbûnên 3D yên Vibe Skills ji ber ku ew bi Next.js, Astro, û Vite re baş tê hev kirin, li react-three-fiber didin. Trej.js yê xav tenê ji bo motorên JS-yên paqij an çêtirkirina zêde hêjayî ye.
Ma ez dikarim modelên 3D yên xwe ji Blender an Sketchfab bikar bînim?
Erê. Ji Blender wekî .glb an .gltf derxînin, an jî pelên .glb ji Sketchfab û Polyhaven dakêşin. Wan bavêjin peldanka amûrê, jêhatîbûnê li pelê nîşan bikin, qediya. Dîmenên dîmena 3D bibînin da ku nimûneyên çîpên amûrê bibînin.
Jêhatîbûnek Trej.js çiqas lêçûn dike li gorî kirêgirtina developerek?
Xebatkarek WebGL freelancer $120 heta $250 serê saetê distîne, bi dîmenek bingehîn a qehreman ku ji $2,000 heta $8,000 dimeşîne. Abonetiyek Vibe Skills ji $39/meh dest pê dike û jêhatîbûnên 3D yên bêsînor vedihewîne. Xala bêrawestî yek dîmen e.
Ma ez dikarim bêyî kodkirinê lîstikek tevahî çêkim?
Erê ji bo prototîpan, pirî caran erê ji bo lîstikên ku ji bo şandinê amade ne. Destpêkerê Lîstika Pêşbaziyê ya Înternetê û Paketa Hawîrdora Lîstikê li Vibe Skills fîzîk, kontrol, û hesabkirina xalan dixebitin. Hûn astan, huner, û deng lê zêde dikin. Polish hilberînê (multiplayer, dewleta hilanînê, analîtîk) hîn jî ji developer sûd werdigire.
Ma kodê Trej.js yê ku ji hêla AI ve hatî çêkirin dê performant be?
Ger jêhatîbûnê pêşniyarên performansa xwe vedihewîne, erê. Li jêhatîbûnên ku bi budceya kişandinê, kulîlkên frustum, meshên bînmîlet, û tevlihevkirina tekstûrê têne peyda kirin bigerin. Jêhatîbûnên 3D yên Vibe Skills hemî çar bi awayekî pêşîn vedihewîne. Dîmenên ku ji hêla destan ve hatine nivîsandin ji destpêkan re bi gelemperî hêdîtir in ji ber ku çêtirkirin di doksan de veşartî ne.
Temaşekirina Demo 3D yên Webê Bisekinin. Ya Xwe Bişînin.
Trej.js deh salan deriyê 3D li ser înternetê bû. Jêhatîbûnên AI derî şikandin. Hûn êdî ne hewceyî zanîna WebGL, kirêgirtina developerek, an rêgezek fêrbûna 6-mehan hewce ne. Hûn hewceyê ravekirina dîmenek zelal, jêhatîbûnek ji Vibe Skills, û dawiya hefteyekê heye.
Sêwiraner qehremanên 3D dişînin. Damezrîner mêzkerên hilberê dişînin. Xwendekar lîstikên înternetê dişînin. Bazirgan infographics înteraktîf dişînin. Bar naha rêwerziya afirîner e, ne sentaksê GLSL.
Li Vibe Skills jêhatîbûnên Trej.js û Lîstikên 3D bibînin →
Înternet diçe 3D. Jêhatîbûna Trej.js ya xwe ya yekem li Vibe Skills saz bikin û vê dawiya hefteyê dîmenek bişînin.