Liigu sisu juurde

Kerge vaade: lehed avanevad kiiresti ja ilma 3D-graafikata. Näitame kerget vaadet, sest 3D-graafika oleks selles seadmes aeglane. Sisu on sama.

Lülita 3D sisse

Valmistan graafikat ette. Esimesel külastusel võib see veidi aega võtta.

Henry Lõiv

Veebidisain ja arendus

Kiirvastus

Miks väike GLB-fail kasutab veebis palju mälu?

3D ja WebGL 1 min lugemist

Faili allalaadimissuurus ja GPU mälukulu on erinevad asjad. GLB sees olev väike JPEG võib muutuda renderdamisel suureks lahtipakitud tekstuuriks. Geomeetria kokkupakkimine ei vähenda automaatselt tekstuuride mälukulu. 1

Vaata piksleid, mitte ainult megabaite

Üks 4096 × 4096 tekstuur nelja 8-bitise kanaliga vajab baastasemel 64 MiB. Tavaline täispikk mipmap-ahel lisab ligikaudu kolmandiku, seega tuleb umbes 85 MiB. See on näidisarvutus, mitte iga formaadi ja seadme täpne mäluraport.

Värvikaart, normaalikaart ja muud materjalitekstuurid võivad seda kulu korrata. Seepärast ei tõesta viiemegabaidine allalaadimine veel, et mudel mahub igas telefonis mugavalt mällu.

Tee kontrollitud muudatus

Vali üks suur tekstuur ning vähenda selle pikslimõõtmeid testkoopias. Võrdle sama vaate kvaliteeti ja mälukäitumist päris seadmes. Kui pilt jääb piisavalt hea, võib väiksem mõõt olla kasulikum kui JPEG kvaliteediprotsendi edasine vähendamine.

KTX2/Basis võib võimaldada sobivat GPU tekstuuripakkimist, kuid see vajab õigesti seadistatud laadijat ja sihtseadme toe tuvastamist. 2

Ära vaheta korraga geomeetriat, tekstuure ja renderduse eraldusvõimet. Ühe muutuja võrdlus aitab aru saada, kas paranes allalaadimine, mälukulu või kaadriaeg.

Seotud lugemine

3D-portfoolio ülesehitus inglise keeles

Allikad

  1. Three.js: texture memory usage
  2. Three.js: KTX2Loader and GPU texture compression

Faktid kontrollitud:

Räägime sinu projektist

Kirjelda oma projekti

Räägi, mida soovid luua või paremaks teha. Valmis lähteülesannet pole vaja — täpsustame töömahu ja järgmised sammud koos.

01 Millega saan aidata?
02 Mitu lehte on vaja?
03 Milliseid lisasid veebileht vajab? Vali kõik sobivad
04 Millal peab töö valmis olema?
05 Projekti üksikasjad
06 Sinu kontaktandmed

Päring on vastu võetud

Aitäh!

Päring on vastu võetud. Vastan e-posti teel tavaliselt 2 tööpäeva jooksul.