Vefurinn er oft talinn ákvarðaður tvívíð miðill. Og til að vera sanngjörn, þá er það. Það er það sem það var hannað fyrir.
Að auki hefur viðbót þrívíddar grafíkar, sem gerðar eru lifandi, venjulega krafist viðbætur. Macromedia gaf okkur Shockwave, Unity gaf okkur Unity Web Player og allt á meðan höfum við notað 3D grafík fyrir leiki, að mestu leyti.
HTML5, CSS3, og einhverja uppfinningar JavaScript hefur gert mikið til að breyta þessu, hins vegar. Ó, það er samt aðallega notað fyrir leiki, en þú getur tekið það frekar og sameinað grafíkina í venjulegan vef auðveldara en nokkru sinni fyrr.
Jú, við höfum enn nothæfi áhyggjuefni. A staður sem fer eftir 3D grafík fyrir siglingar eða nauðsynlegt efni er enn hræðileg hugmynd. Hins vegar, þegar það er notað með framsæknum aukahlutum, 3D er raunhæfur, og jafnvel árangur-vingjarnlegur leið til að taka hlutina upp í hak.
Í því skyni kynna ég voxel.css .
voxel.css er ramma sem notar CSS3 til að gera þungar lyftingar á flutningi 3D hlutum. JavaScript er notað til að bæta við gagnvirkni, kveikja á hreyfimyndum og nánast öllu öðru.
Jæja, þetta er CSS sem við erum að tala um. Þú ert ekki að fara að fá Crysis-stig grafík. Eins og nafn þessa ramma bendir til, það sem þú færð er mikið af teningur. Hugsaðu Minecraft í vafranum. (Og einhver mun byggja Minecraft klón með þessu í þremur ... tveir ...)
Samt er hægt að gera nokkra glæsilega hluti með blokkaða grafík. Hugsaðu um það sem að taka 8-bita list á nýtt stig.
Grunnuppsetningin á voxel.css þarf aðeins að taka upp bókasafnið og 15 línur kóða. Þetta skapar öruggan raunverulegur vettvangur þar sem þú getur breytt líkönunum þínum, benda og smelltu á stíl.
Þú getur þá sýnt þessa tjöldin á hvaða vefsíðu sem er og búið þeim eins og þú vilt.
Notaðu PNG fyrir gagnsæi, GIF fyrir fjör eða SVG skrá fyrir ótakmarkaðan sveigjanleika. Notaðu JPG af ástæðum sem eru óþekktar, eða WebP sniðið vegna þess að þér líkar við hluti sem ekki eru framkvæmdar í öllum vöfrum.
Það er jafnvel kynningu sem notar lifandi myndefni frá vefmyndavélinni þinni sem áferð fyrir blokkirnar.
Aftur er það CSS3. Þú getur notað betri flutningsgetu skjákorta tækisins (eða flís, eftir því sem við á) til að sýna vinnuna þína. Þú þarft ekki að hafa áhyggjur af hrista grafík á neinu nema hægasta farsímum. (Þú ættir að nota fallhlé fyrir þá í hverju tilviki.)
voxel.css er einfalt, óþarflegt leið til að fá þrívíða gæsku í vefforritið, síðuna þína, síðuna eða leikinn. Prófaðu það út, líttu á kynningarnar og sjáðu hvort það er rétt fyrir verkefnið þitt.