You look at a pair of shoes online. The store gives you a front view and a side view. You zoom in hoping to see the text

Unatazama jozi ya viatu mtandaoni. Duka linakupa mtazamo wa mbele na wa pembeni. Unakuza picha ukitumaini kuona muundo wa ngozi, lakini picha inageuka kuwa mfululizo wa pixel. Unabadilisha picha inayofuata. Ni kiatu kile kile kwenye mguu tofauti. Baada ya picha kumi, bado huwezi kujua kama soli ni ngumu au laini, au kama rangi ni navy halisi au nyeusi iliyofifia. Unapofika hatua ya malipo, unasita. Kisha unafunga ukurasa huo.

Hili hutokea mamilioni ya mara kila siku. Picha bapa zinamlazimu mteja kufanya kazi ya akili ya kuwazia kitu halisi. Kazi hiyo inasababisha vikwazo, na vikwazo huua mauzo.

Sasa fikiria ukurasa tofauti. Kiatu kile kile kinapakia kama modeli ya 3D ndani kabisa ya ukurasa. Unabonyeza na kuvuta ili kukiendesha. Unakuza picha, na umbo (geometry) linabaki kuwa safi kwa sababu unatazama mesh, si bitmap iliyovutwa. Unabadilisha rangi kwa wakati halisi. Unakagua ushonaji kando ya sehemu ya kisigino kutoka chini, pembe ambayo hakuna mpiga picha wa bidhaa aliyojaribu kuipiga. Kitu hicho kipo kwenye skrini yako kama kilivyo katika nafasi halisi. Unaongeza kwenye kikapu kwa sababu unahisi kana kwamba tayari umekishika.

Hakuna kilichobadilika kuhusu bidhaa. Uzoefu tu ndio uliobadilika.

Kwa nini Kivinjari?

Mpaka hivi karibuni, aina hii ya mwingiliano ilihitaji programu maalum au plugin ambayo watumiaji wengi walikataa kuweka. Three.js ilibadilisha hilo. Ni maktaba ya JavaScript inayofanya kazi juu ya msimbo wa WebGL wa kivinjari na kuwaruhusu watengenezaji kujenga mandhari ya 3D kwa kutumia msimbo uleule unaowezesha sehemu nyingine za ukurasa wa wavuti. Mtumiaji hadownloadi programu maalum. Hakuna dirisha la pekee, hakuna faili linalotekelezeka, hakuna ujumbe wa ruhusa. Canvas inatoa picha kama kipengele kingine chochote cha HTML.

Hilo ni muhimu kwa sababu ufikiaji huamua upokeaji wa teknolojia. Ikiwa mteja anaweza kutazama bidhaa ya 3D kwenye simu yake wakati wa safari, kwenye laptop ya zamani, au kwenye kompyuta ya ofisi iliyofungwa na idara ya IT, teknolojia hiyo inawafikia watu kweli. Three.js inageuza kivinjari kuwa dirisha la ulimwengu wote.

Wapi 3D Inastahili Nafasi Yake

Kuongeza michoro ya pande tatu si bure. Inagharimu muda wa utengenezaji, bajeti ya utendaji, na mara nyingi bajeti ya uzalishaji kwa mali (assets) zenyewe. Unapaswa kulipia gharama hiyo tu wakati faida ni halisi. Hoja nne za kawaida za 3D kwenye wavuti kila moja inastahili uzito zaidi kuliko nukta tu.

Ushiriki mkubwa unaonekana kama kipimo cha masoko, lakini kina chanzo cha kimekanika. Mgeni anapoweza kuingiliana na mandhari—kuzungusha, kukuza, kuchochea vichekesho (animations)—wanatengeneza maudhui yao wenyewe. Hawapokei tu maelezo bila kushiriki. Wanachunguza. Hali hiyo ya ushiriki inawafanya wabaki kwenye ukurasa kwa muda mrefu zaidi kwa sababu wana jambo ambalo hawajamaliza na modeli hiyo. Wanataka kuona upande wa nyuma. Wanataka kuona ndani. Mwingiliano huo unaunda mzunguko wa udadisi ambao gridi tuli haziwezi kuiga.

Uelewa bora unaonekana wazi zaidi katika e-commerce. Sofa iliyoorodheshwa katika vipimo viwili inamlazimu mnunuzi kusoma vipimo kutoka kwenye karatasi ya maelezo na kuwazia kina kutoka kwenye kivuli. Modeli ya 3D inamruhusu kuzunguka kifaa hicho na kuona jinsi sehemu ya mkono inavyopungua. Wanaweza kuiweka katika chumba chao kwa kutumia uhalisia ulioongezwa (augmented reality) ulioundwa kwenye mandhari ile ile ya Three.js, wakikagua nafasi chini ya dirisha bila kutoa utepe wa kupimia. Wateja wanapoona bidhaa kutoka kila upande, wanafanya maamuzi kwa ujasiri.

Usimulizi wa hadithi unavuka mipaka ya bidhaa. Mtengenezaji anaweza kuonyesha jinsi injini inavyofanya kazi bila kutuma mfano wa kimwili. Msanifu majengo anaweza kumwongoza mteja kupitia mpango wa sakafu kabla ya msingi kuwekwa. Mwendo unaelezea uhusiano ambao maneno na picha tuli hushindwa...