3D svet - Flash a HTML5

2,702 views
2,645 views

Published on

Materiály z prednášky na AUG Slovakia. Problematika 3D sveta - webové a mobilné technológie. Ukážka Collajader testeru.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,702
On SlideShare
0
From Embeds
0
Number of Embeds
666
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

3D svet - Flash a HTML5

  1. 1. 3D svet - Flash, HTML5 Adobe User Group Slovakia Bratislava 26.5. 2011 Juraj MichálekBlog: http://georgik.sinusgear.com
  2. 2. Obsah Modelovacie nástroje Flash a 3D Collajader Android a Alternativa 3DHTML5 – Cavnas a WebGL
  3. 3. Rhinoceros Ovládanie typu IllustratorPodporuje aj .STEP, .IGES a CAD formáty
  4. 4. BlenderPoužívať Beta verziu. Open source. Menší počet podporovaných formátov.
  5. 5. Autodesk 3D Studio Max Silný nástroj. Alternativa 3D Export plugin.
  6. 6. Flash a 3D Away3D Alternativa3DPapervision (update z 2009) Sandy3D Flare3D
  7. 7. Molehill Flash 11Podpora akcelerovaného 3D už „čoskoro“...Bude podporovaný aj Linux?
  8. 8. Molehill Iná architektúra Iné API! Alternativa 3D v7 != Alternativa 3D v812 000 polygónov != 3 000 000 polygónov
  9. 9. Svet bez Molehillu Alernativa 3D v7„Až“ 12 000 polygónov na scéne. To nie je až tak moc.
  10. 10. Zložitejší 3D objekt 1480 povrchov
  11. 11. HotRunnerModel.com 13150 povrchov www.hotrunnermodel.com
  12. 12. Standard Slide 32364 povrchov http://www.jansvoboda.cz/generator-3d-modelu
  13. 13. Normálový vektor 3D povrch je viditeľný len z jednej strany. Diery v obraze. Nutné opraviť normály.
  14. 14. Collajader Open source Collada/3D testing tool Engine – Alternativa 3D v7.xhttp://georgik.sinusgear.com/projects/collajader/ https://github.com/georgik/collajader
  15. 15. Collajader
  16. 16. Collajader InternalsPrevod Collada XML na scénu.Nastavovanie farby povrchov. Rotácia objektov a kamery.
  17. 17. Collajader Camera OrbitAko spočítať orbitu pre kameru? Sínus, kosínus, deskriptíva...
  18. 18. Camera Orbit trik Umiestnime kameru do rohu kockyZamerajme kameru na súradnicu 0,0,0 Otáčajme kockou 
  19. 19. Alternativa 3D a Android Tutoriál od Alternativa 3D - použite: mx:Cavnas addRawChildren  Nie je k dispozícii
  20. 20. Alternativa 3D – Android - Spark Spark architektúra – Flex 4.5 mx:Canvas na s:SpriteVisualElement rawChildren.addChild na addChildhttp://www.macromediastudio.biz/devnet/flex/articles/migrating-dashboard-part4.html
  21. 21. Collajader pre Androida Mobile verzia: CollajaderMobile.mxml
  22. 22. 3D/Flash/Flex v PDFhttp://georgik.sinusgear.com/2011/02/02/3d-in-pdf/
  23. 23. HTML5 Canvas – Context 2DIE9, Firefox,Safari, Chrome,Opera https://github.com/mrdoob/three.js/
  24. 24. WebGL – Three.JSChrome,Firefox https://github.com/mrdoob/three.js/
  25. 25. WebGL - GLGEhttp://georgik.sinusgear.com/2011/04/04/standard-slide-camera-orbit-in-webgl/
  26. 26. WebGL – www.ro.me
  27. 27. WebGL Earthhttp://www.webglearth.com
  28. 28. Otázky?
  29. 29. Konzultácie a implementácieRád prednášam a školím RIA technológie. ;-)
  30. 30. 3D svet – Flash, HTML5 Adobe User Group Slovakia Bratislava 26.5. 2011 Juraj MichálekBlog: http://georgik.sinusgear.com

×