Blend4Web

Az oldal jelenlegi verzióját még nem ellenőrizték tapasztalt közreműködők, és jelentősen eltérhet a 2018. július 26-án felülvizsgált verziótól ; az ellenőrzések 17 szerkesztést igényelnek .
Blend4Web
Típusú Eszközök interaktív 3D grafikához
Fejlesztő Diadal
Beírva JavaScript , Python , C , C++
Első kiadás 2014. március 28
legújabb verzió 18.05.0
Állapot Aktív
Engedély GPLv3 vagy kereskedelmi
Weboldal blend4web.com

A Blend4Web  egy nyílt forráskódú keretrendszer interaktív 3D grafikák létrehozására és megjelenítésére a böngészőkben . A Blend4Web a nyílt forráskódú Blender 3D modellező csomagot használja a tartalom előkészítéséhez.

Az orosz Triumph cég fejlesztette és adta ki 2014-ben, amely kereskedelmi terméklicencet (beleértve a kész alkalmazások példáit is) és műszaki támogatási szolgáltatásokat is biztosít.

Áttekintés

A Blend4Web audiovizuális tartalom előkészítése a Blender 3D modellező és animációs csomagban történik . A tartalom WebGL , Web Audio és más szabványos böngészőtechnológiák használatával kerül lejátszásra, bármilyen bővítmény használata nélkül [1] .

A keretrendszert kettős licencfeltételek , nyílt GPLv3 és kereskedelmi licencek alapján terjesztik. A forráskód a GitHub [2] tárolójában található .

A 3D-s jelenet a Blenderben jön létre, és JSON -fájlként és bináris fájlként exportálódik, amelyet a webalkalmazás tölt be . A jelenet egyetlen, önálló HTML - fájlként is exportálható, amely csomagolja az exportált adatokat, a weblejátszó felhasználói felületét és a végrehajtható kódot [3] . A HTML formátumú exportálást tekintik a Blend4Web legegyszerűbb módjának [4] . Az így létrejött , minimum körülbelül MB méretű fájl a szabványos elem [5] segítségével elhelyezhető egy weboldalon . A Blend4Web alapú webalkalmazások olyan népszerű közösségi hálózatokon telepíthetők , mint a Facebook [6] és a VKontakte . <iframe>

A Blend4Web szoftverösszetevői JavaScript-könyvtárakat , egy Blender-bővítményt, valamint egy sor eszközkészletet tartalmaznak a 3D-s jelenetparaméterek beállításához, a hibakereséshez és az optimalizáláshoz.

A Blend4Web fejlesztését a moszkvai Triumph cég kezdte 2010-ben. Az első nyilvános megjelenésre 2014. március 28-án került sor [7] .

Jellemzők

A keretrendszer számos olyan összetevőt tartalmaz, amelyek általában megtalálhatók a játékmotorokban , beleértve a hangforrás-pozícionáló rendszert, a fizikai motort ( a Bullet fizikai motorjának JavaScript - be portolt elágazása ), egy animációs rendszert és egy absztrakciós réteget a játék logikájának programozásához [8 ] .

Akár 8 különböző típusú animáció is hozzárendelhető minden objektumhoz, beleértve a csontváz és csúcs animációkat is. Az animáció sebessége és iránya, valamint a részecskerendszerek paraméterei (méret, kezdeti sebesség és szám) az API -n keresztül állíthatók be [9] .

Adatok dinamikus be- és kirakodása, fénytérképek támogatottak , lehetőség van a felszín alatti szórás szimulálására [10] .

Vannak megoldások a kültéri jelenetek renderelésére , beleértve a szélszimulációt, a vízszimulációt, az atmoszférikus hatásokat. Ennek a funkciónak a működését a Farm bemutató videója mutatja be, amely számos animált, nem játékos karaktert is tartalmaz , a helyszínen való mozgás lehetőségét első személyű nézetben, tárgyakkal való interakciót és járművezérlést [11] .

A böngészők közötti WebGL technológia használatának köszönhetően a Blend4Web minden nagyobb [12] böngészőben működik , beleértve a mobileszközöket is [13] . A WebGL-szabvány kísérleti megvalósításával rendelkező böngészőkben, például az Internet Explorerben azonban a Blend4Web szolgáltatásai nem támogatottak teljes mértékben [14] . Vannak olyan alkalmazások, amelyek a Tizen operációs rendszeren futhatnak , különösen a Samsung Gear S2 okosórákon [ 15] .

A böngésző keretrendszerek számára nem triviális funkciók közül a következőket nevezzük: optimalizálás rajzolási hívások kombinálásával, optimalizálás rejtett objektumok levágásával, fizikai számítások elvégzése külön végrehajtási szálban , tengeri hullámok viselkedésének szimulálása [16] .

A 14.09-es verzióban a Blend4Web megvalósította az interaktivitás megvalósítását 3D-s jelenetekben a vizuális programozási eszköz segítségével . Az eszköz hasonlít a Blender beépített játékmotorjának logikai szerkesztőjére, különösen a BGE-hez hasonlóan a Blender felületébe épített vizuális logikai blokkokat használ. A művész által létrehozott animációs szekvenciák a felhasználó bizonyos 3D objektumokkal való interakciójára reagálva játszódnak le [17] [18] .

A 15.03-as verziótól kezdve a Blend4Web támogatja a 2D HTML elemek (például info ablakok) 3D objektumokhoz csatolását (úgynevezett annotációk), valamint az objektumok másolását az alkalmazás futása közben ( példányosítás ) [ 19] . 

A támogatott utófeldolgozási effektusok közé tartoznak a világító felületek ( glow ), a virágzás  , a kamera mélységélessége , az alkonyi sugarak , a mozgási elmosódás és a keresztárnyékolás ( SSAO ) [20] .

A virtuális valóság eszközök támogatása 2015 végén került bevezetésre. Az Oculus Rift sisak működését a kísérleti WebVR API biztosítja . [21]

Integráció a Blenderrel

A Blender kiegészítő Python és C nyelven íródott, és Linux x86/x64, OS X x64 és MS Windows x86/x64 platformokra fordítható.

A Blend4Web beállítási profil aktiválva van a kiegészítő beállításaiban. A profilra váltás újjáépíti a Blender felületét, és egyben eltávolítja az összes nem támogatott beállítást [22] .

A Blend4Web számos Blender-specifikus szolgáltatást támogat, mint például a csomóponti anyagszerkesztő (egy vizuális shader programozási eszköz ) [23] és a részecskerendszer [24] . A Blender csomag részeként egy nemlineáris animációs (NLA) szerkesztő is kezdetben támogatott egyszerű szkriptek létrehozására.

A szerkesztőben és a böngészőben ( WYSIWYG ) hasonló vizuális eredmény érdekében a felhasználóknak azt tanácsoljuk, hogy váltsanak a Blender által biztosított GLSL renderelési módra [25] .

Összehasonlítás társaival

Blender Game Engine

A Blender beépített játékmotorjához ( Blender Game Engine , BGE) hasonlóan a Blend4Web is betölti a Blender által előkészített jelenetadatokat köztes szerkesztő használata nélkül [4] . A Blend4Web alapú alkalmazásokat böngészőben való futtatásra tervezték, míg a BGE végrehajtható fájlok böngészőkön kívül futnak [26] [27] . A Blend4Web API -jai JavaScriptben vannak implementálva , szemben a Blender beépített motorjának Python -alapú API-jaival. A vizuális BGE logikai szerkesztő helyett, amelyet a Blend4Web nem támogat, az utóbbi a szabványos webfejlesztési megközelítések használatát feltételezi.

Unity

A Unity az 5-ös verzió óta képes a WebGL-be exportálni [28] . A WebGL-támogatás megvalósítása azonban kísérleti jellegű, különösen a WebGL-verzióban a közeljövőben nem tervezik mobileszközök, hangforrás-pozicionáló rendszerek és videotextúrák támogatását [29] .

three.js

A Three.js WebGL-könyvtár triviális feladatok végrehajtásához kódírást igényel, ami megemeli a belépési küszöböt és meghosszabbítja a tanulási görbét; a Blend4Webben az online prezentációk elkészítésével kapcsolatos munka nagy része nem igényel programozást [30] .

Ismert felhasználások

A NASA interaktív webalkalmazást fejlesztett ki a Curiosity rover leszállásának harmadik évfordulójára [31] . A Blend4Web alapú alkalmazás [32] a rover mozgását, a kamera és a manipulátor vezérlését valósítja meg, és reprodukál néhány ismert küldetési eseményt [33] [34] . Az alkalmazást a SIGGRAPH 2015 WebGL szekciójának elején mutatták be [35] .

Jegyzetek

  1. Blend4Web: a nyílt forráskódú megoldás az online 3D-hez . Mozilla Hacks. Letöltve: 2015. augusztus 13. Az eredetiből archiválva : 2016. március 4..
  2. Blend4Web a GitHubon . GitHub.com/TriumphLLC. Letöltve: 2014. augusztus 11. Az eredetiből archiválva : 2016. május 5..
  3. Prahov, Andrej (2015. július). Blend4web. Linux formátum , 20. oldal.
  4. 1 2 Blend4Web, interaktív 3D-s megjelenítő . BlenderNation.com. Letöltve: 2014. augusztus 11. Az eredetiből archiválva : 2016. február 15.
  5. Blend4Web: Egy módja annak, hogy 3D tartalmat illesszen be egy weboldalba a WebGL (downlink) használatával . Belursus.info. Letöltve: 2014. szeptember 4. Az eredetiből archiválva : 2015. június 26.. 
  6. Blender modellek a Facebookon . Dalai Felinto. Letöltve: 2015. szeptember 11. Az eredetiből archiválva : 2016. március 4..
  7. A Blend4Web hivatalos oldala - A projektről . Blend4web.com. Letöltve: 2015. augusztus 13. Az eredetiből archiválva : 2015. július 1.
  8. Bemutatkozik a Blend4Web, a böngésző alapú 3D alkalmazások létrehozására szolgáló motor . OpenNet.ru. Hozzáférés dátuma: 2015. június 18. Az eredetiből archiválva : 2016. március 3.
  9. A böngésző alapú 3D alkalmazások létrehozására szolgáló motor kiadása Blend4Web 14.08 . OpenNet.ru. Letöltve: 2015. augusztus 13. Az eredetiből archiválva : 2016. március 3.
  10. A Blend4Web frissítés javítja a világítást és még sok mást . BlenderNation.com. Letöltve: 2014. augusztus 13. Az eredetiből archiválva : 2016. február 15.
  11. A farm . Chrome kísérletek. Letöltve: 2015. szeptember 11. Az eredetiből archiválva : 2016. október 5..
  12. Használhatom a WebGL-t? . canius.com. Letöltve: 2014. augusztus 15. Az eredetiből archiválva : 2015. április 20.
  13. HTML5, a 3D Web és a Death of Plugins (lefelé mutató link) . 3dspace.com. Letöltve: 2016. február 18. Az eredetiből archiválva : 2016. február 15.. 
  14. Blend4Web: 3D jelenetek és alkalmazások böngészőmérnöke . Kaldata: Szoftver-, hardver- és játékértékelések. Hozzáférés dátuma: 2014. szeptember 4. Eredetiből archiválva : 2016. március 3.
  15. Valós idejű 3D óralapok a Luxury Watchestől a Gear S2-hez . Tizen szakértők. Letöltve: 2016. augusztus 12. Az eredetiből archiválva : 2016. szeptember 29.
  16. Cozzi, Patrick. WebGL Insights . CRC Press, 2015 ISBN 978-1-4987-1607-9 .
  17. Blend4Web frissítés: nem lineáris animáció és még sok más . BlenderNation.com. Hozzáférés időpontja: 2014. szeptember 29. Az eredetiből archiválva : 2016. január 31.
  18. Megjelent a Blend4Web 14.09 keretrendszer (lefelé irányuló kapcsolat) . digilinux.ru Letöltve: 2014. szeptember 29. Az eredetiből archiválva : 2014. szeptember 28.. 
  19. Blend4web: annotations interactives et autres nouveautés (downlink) . Greg GdBénicourt. Letöltve: 2015. május 29. Az eredetiből archiválva : 2016. május 14.. 
  20. A böngésző alapú 3D alkalmazások létrehozására szolgáló motor kiadása Blend4Web 15.05 . OpenNet.ru. Hozzáférés dátuma: 2015. június 18. Az eredetiből archiválva : 2016. március 3.
  21. A Triumph kiadja a Blend4Web 15.12-t . cgchannel.com. Hozzáférés időpontja: 2016. február 18. Az eredetiből archiválva : 2016. szeptember 20.
  22. Blend4Web – kötelező darab a Blender rajongóknak! (nem elérhető link) . 3ddey.com. Hozzáférés dátuma: 2015. május 29. Az eredetiből archiválva : 2015. június 1. 
  23. Interaktív 3D web – a Das Die Zukunft? . 3d-magazin.eu. Letöltve: 2016. szeptember 16. Az eredetiből archiválva : 2016. szeptember 19.
  24. 3D-Web-alkalmazás a Blend4Web erstellen (downlink) segítségével . entwickler.de. Letöltve: 2015. május 29. Az eredetiből archiválva : 2016. március 3. 
  25. Blend4Web: Exporter Facilement en HTML . Blender Lounge. Hozzáférés időpontja: 2015. július 17. Az eredetiből archiválva : 2015. július 17.
  26. Blender a weben: Blend4Web . PatrimonioVirtual.com. Letöltve: 2014. augusztus 13. Az eredetiből archiválva : 2015. január 1..
  27. Blend4Web: Ferramenta publica projetos do Blender par Web . Allan Brito. Letöltve: 2015. május 29. Az eredetiből archiválva : 2015. június 29.
  28. A Unity 5 szállítja és egyetlen kattintással exportálja a WebGL-t a Legions of Game Developers számára . A Mozilla blog. Letöltve: 2015. június 16. Az eredetiből archiválva : 2016. március 3.
  29. Miért vált a NASA a Unity-ről a Blend4Webre ? gamedev.net. Letöltve: 2015. szeptember 11. Az eredetiből archiválva : 2015. szeptember 12..
  30. A jó, a rossz és a WebGL-y . benchung.com. Letöltve: 2015. június 19. Az eredetiből archiválva : 2015. június 22..
  31. Új online felfedezőeszközök új generációhoz hozzák a NASA utazását a Marsra . NASA. Letöltve: 2015. augusztus 7. Az eredetiből archiválva : 2016. február 15.
  32. Tapasztalja meg a kíváncsiságot . NASA szeme. Letöltve: 2015. augusztus 7. Az eredetiből archiválva : 2015. augusztus 6..
  33. A Curiosity vezérlése a Blend4Web (lefelé irányuló kapcsolat) segítségével . Greg GdBénicourt. Letöltve: 2015. szeptember 16. Az eredetiből archiválva : 2015. szeptember 19. 
  34. Internet 3D: Pörgessen a Curiosity Roverrel közvetlenül a NASA webhelyén . technology.org. Letöltve: 2015. augusztus 12. Az eredetiből archiválva : 2016. február 21..
  35. Khronos Events – 2015 SIGGRAPH . Khronos. Letöltve: 2015. augusztus 13. Az eredetiből archiválva : 2016. március 3.

Linkek