3d svet - flash a html5
DESCRIPTION
Materiály z prednášky na AUG Slovakia. Problematika 3D sveta - webové a mobilné technológie. Ukážka Collajader testeru.TRANSCRIPT
![Page 1: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/1.jpg)
3D svet - Flash, HTML5
Adobe User Group SlovakiaBratislava26.5. 2011
Juraj Michálek
Blog: http://georgik.sinusgear.com
![Page 2: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/2.jpg)
Obsah
Modelovacie nástroje
Flash a 3D
Collajader
Android a Alternativa 3D
HTML5 – Cavnas a WebGL
![Page 3: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/3.jpg)
Rhinoceros
Ovládanie typu IllustratorPodporuje aj .STEP, .IGES a CAD formáty
![Page 4: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/4.jpg)
Blender
Používať Beta verziu. Open source. Menší počet podporovaných formátov.
![Page 5: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/5.jpg)
Autodesk 3D Studio Max
Silný nástroj.
Alternativa 3D Export plugin.
![Page 6: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/6.jpg)
Flash a 3D
Away3DAlternativa3D
Papervision (update z 2009)Sandy3DFlare3D
![Page 7: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/7.jpg)
Molehill
Flash 11
Podpora akcelerovaného 3Duž „čoskoro“...
Bude podporovaný aj Linux?
![Page 8: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/8.jpg)
Molehill
Iná architektúra
Iné API!
Alternativa 3D v7 != Alternativa 3D v812 000 polygónov != 3 000 000 polygónov
![Page 9: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/9.jpg)
Svet bez Molehillu
Alernativa 3D v7„Až“ 12 000 polygónov na scéne.
To nie je až tak moc.
![Page 10: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/10.jpg)
Zložitejší 3D objekt
1480 povrchov
![Page 11: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/11.jpg)
HotRunnerModel.com
13150 povrchov
www.hotrunnermodel.com
![Page 12: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/12.jpg)
Standard Slide
32364 povrchov
http://www.jansvoboda.cz/generator-3d-modelu
![Page 13: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/13.jpg)
Normálový vektor
3D povrch je viditeľný len z jednej strany.
Diery v obraze.
Nutné opraviť normály.
![Page 14: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/14.jpg)
Collajader
Open source Collada/3D testing tool
Engine – Alternativa 3D v7.x
http://georgik.sinusgear.com/projects/collajader/https://github.com/georgik/collajader
![Page 15: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/15.jpg)
Collajader
![Page 16: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/16.jpg)
Collajader Internals
Prevod Collada XML na scénu.
Nastavovanie farby povrchov.
Rotácia objektov a kamery.
![Page 17: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/17.jpg)
Collajader Camera Orbit
Ako spočítať orbitu pre kameru?
Sínus, kosínus, deskriptíva...
![Page 18: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/18.jpg)
Camera Orbit trik
Umiestnime kameru do rohu kocky
Zamerajme kameru na súradnicu 0,0,0
Otáčajme kockou
![Page 19: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/19.jpg)
Alternativa 3D a Android
Tutoriál od Alternativa 3D- použite:
mx:CavnasaddRawChildren
Nie je k dispozícii
![Page 20: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/20.jpg)
Alternativa 3D – Android - Spark
Spark architektúra – Flex 4.5
mx:Canvas na s:SpriteVisualElement
rawChildren.addChild naaddChild
http://www.macromediastudio.biz/devnet/flex/articles/migrating-dashboard-part4.html
![Page 21: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/21.jpg)
Collajader pre Androida
Mobile verzia: CollajaderMobile.mxml
![Page 22: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/22.jpg)
3D/Flash/Flex v PDF
http://georgik.sinusgear.com/2011/02/02/3d-in-pdf/
![Page 23: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/23.jpg)
HTML5 Canvas – Context 2D
https://github.com/mrdoob/three.js/
IE9, Firefox,Safari, Chrome,Opera
![Page 24: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/24.jpg)
WebGL – Three.JS
https://github.com/mrdoob/three.js/
Chrome,Firefox
![Page 25: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/25.jpg)
WebGL - GLGE
http://georgik.sinusgear.com/2011/04/04/standard-slide-camera-orbit-in-webgl/
![Page 26: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/26.jpg)
WebGL – www.ro.me
![Page 27: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/27.jpg)
WebGL Earth
http://www.webglearth.com
![Page 28: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/28.jpg)
Otázky?
![Page 29: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/29.jpg)
Konzultácie a implementácie
Rád prednášam a školím RIA technológie.
;-)
![Page 30: 3D svet - Flash a HTML5](https://reader034.vdocuments.pub/reader034/viewer/2022052523/555a27d4d8b42a900d8b499c/html5/thumbnails/30.jpg)
3D svet – Flash, HTML5
Adobe User Group Slovakia
Bratislava26.5. 2011
Juraj Michálek
Blog: http://georgik.sinusgear.com