// Tehnologija

Three.js sajtovi sa pravim WebGL iskustvom

Pravo 3D iskustvo umesto CSS trika: Three.js scena u WebGL kontekstu, fiksna cena, mobilni profil testiran na tri device tiera.

Pošalji upit Sve 3D usluge

Three.js je biblioteka koja vrti pravu WebGL scenu u browseru. Razlika u odnosu na CSS i SVG animacije je jasna čim se otvori sajt: dubina, parallax po svim osama, dinamičko osvetljenje, custom shaderi. Razvijam Three.js sajtove kao samostalne 3D module unutar klasičnog HTML-a, pa stranica ostaje SEO-prijateljska, brza za prvo iscrtavanje, i ne tera korisnika da skida 50MB pre nego što išta vidi. Specijalizovan sam za scroll-driven scene, gde 3D radnja prati skrol i svaki passage ima svoj momenat.

Kako to radi u praksi

Na tipičnom projektu, threejs ovi stiže kao samostalni modul: jedan entry-point JS fajl, jedan CSS, asset bundle ispod 1.5MB ukupno. Integracija je sandbox — ostatak sajta ostaje SEO-friendly klasičan HTML. Frame budget: 60 FPS na srednjem Androidu, sa merljivim fallback režimom ispod toga.

Performance budget

Lighthouse mobile cilj: 85+ u svim kategorijama. Pre predaje merim Lighthouse na mobilnom i šaljem vam rezultat. Asset kompresija: glTF + Draco za mesh-eve, KTX2 za teksture, Brotli za shaderse. Lazy-load svake threejs ovi scene koja nije above-the-fold, uz cilj da prvi paint bude ispod 1.5s.

Kada nije isplativo

Ako je cilj jednostavan e-commerce katalog ili sadržajni blog, pun threejs ovi setup je prevelik — CSS hero i statičke slike obave posao uz mnogo manje rada. threejs ovi se isplati kada brand zahteva memorabilan vizuelni momenat, ili kada 3D zaista pomaže razumevanju proizvoda (konfiguratori, ture, demoi).

Šta dobijate na predaji

Posle isporuke: kompletan izvorni kod (komentarisan) i dokumentovan asset pipeline — sve ostaje u vašem vlasništvu. Hosting, SSL, noćne rezervne kopije i održavanje dogovaramo u pisanoj ponudi, ako vam trebaju.

Često postavljana pitanja

Zašto baš ova tehnologija?

Ima najveći produkcijski ekosistem, najviše dokumentacije, i najviše iskusnih developera. Za sajt koji treba da traje 3+ godine, zrelost ekosistema je važnija od pojedinačnih feature-a.

Šta ako sledeće godine izađe nešto novo?

Pratim novi tooling i migriram kada ima smisla, ali tek pošto novi alat ima 6-9 meseci stable produkcijskih izdanja. Ne pišem klijentske sajtove na bleeding-edge alatima — to je put ka pokvarenim sajtovima.

Koliko traje izrada?

Zavisi od obima. Jednostavan sajt obično 1–2 nedelje, veći projekti duže, a tačan rok piše u ponudi.

Koliko košta?

Zavisi od obima — hero nadogradnja, multi-scene sajt i konfigurator sa custom shaderima su različite klase posla. Konkretan iznos stiže u pisanoj fiksnoj ponudi posle kratkog brief-a, izvorni kod uključen.

Šta sa korisnicima na slabim telefonima?

Sajt detektuje device tier pre prve scene i servira lakšu verziju na slabom hardveru (manje čestica, jednostavniji shaderi). Uređaji bez WebGL-a dobiju statičan fallback koji čuva vizuelni jezik i konverzioni put.

Spremni za 3D iskustvo na vašem sajtu?

Recite mi šta vam treba — jasan dogovor unapred, bez iznenađenja.

Pošalji upit +381 61 224 8989