MC3D            MadComponents 3Dhttp://www.facebook.com/groups/madcomponents
MC3DMC3D is the Stage3D  enhancement to MadComponentshttp://www.facebook.com/groups/madcomponents
EFFECTS                 scroll   slide   pagesMC3D incorporates 9 Stage3D effects        flip      grid    fold  for mobile...
[ demo http://www.facebook.com/groups/madcomponents
Notes:• The  UIs are interactive. Buttons, switches, sliders, etc,. all usable.    http://www.facebook.com/groups/madcompo...
Notes:• The  UIs are interactive. Buttons, switches, sliders, etc,. all usable.• The    pages and forms in these demos are...
MC3Dhttp://www.facebook.com/groups/madcomponents
MC3D• What   is MadComponents ?         http://www.facebook.com/groups/madcomponents
MC3D• What   is MadComponents ?• GPU   Rendermode         http://www.facebook.com/groups/madcomponents
MC3D• What   is MadComponents ?• GPU   Rendermode• MC3D         http://www.facebook.com/groups/madcomponents
MC3D• What   is MadComponents ?• GPU   Rendermode• MC3D• Stage3D   bottlenecks         http://www.facebook.com/groups/madc...
What is MadComponents ?http://www.facebook.com/groups/madcomponents
MADCOMPONENTSMobile Framework for AIR          apps  http://www.facebook.com/groups/madcomponents
UI Components, Buttons, Sliders, Lists, Navigation, Tab-controls,Menus, Server-communication, Charts, Pop-ups, Call-outs, ...
대전맞고 온라인 고스톱                               Groeten uit...  [Gostop] KOR HDhttp://www.facebook.com/groups/madcomponents
PsicoTESTS             We♥Music MP3 Playerhttp://www.facebook.com/groups/madcomponents
Sims U Sharehttp://www.facebook.com/groups/madcomponents
Active Captainhttp://www.facebook.com/groups/madcomponents
MadComponentshttp://www.facebook.com/groups/madcomponents
MadComponents• Mature   Framework       http://www.facebook.com/groups/madcomponents
MadComponents• Mature   Framework• Lightweight        http://www.facebook.com/groups/madcomponents
MadComponents• Mature   Framework• Lightweight• Free   and Open Source          http://www.facebook.com/groups/madcomponents
MadComponents• Mature    Framework• Lightweight• Free   and Open Source• Easily   Extensible           http://www.facebook...
MadComponents• Mature    Framework• Lightweight• Free   and Open Source• Easily   Extensible• UI   adapts to screen size, ...
MadComponents• Display-List   Rendered        http://www.facebook.com/groups/madcomponents
MadComponents• Display-List   Rendered• Good   GPU rendermode performance ( on retina displays )         http://www.facebo...
MadComponents• Display-List   Rendered• Good     GPU rendermode performance ( on retina displays )• Fast   start-up       ...
MadComponents• Display-List   Rendered• Good     GPU rendermode performance ( on retina displays )• Fast   start-up• Memor...
MadComponents• Display-List   Rendered• Good     GPU rendermode performance ( on retina displays )• Fast   start-up• Memor...
[ demo http://www.facebook.com/groups/madcomponents
GPU Rendermodehttp://www.facebook.com/groups/madcomponents
Conventional display-list graphics are rendered to the GPU,   allowing for smoother and faster sprite movement.     http:/...
Conventional display-list graphics are rendered to the GPU,    allowing for smoother and faster sprite movement.While GPU ...
MadComponents + GPU rendermode is good enough.   http://www.facebook.com/groups/madcomponents
MadComponents + GPU rendermode is good enough.   This is why MC3D adds value by going beyond  MadComponents to new kinds o...
MadComponents    (display list)        GPU renderMode       “Magic”         GPUhttp://www.facebook.com/groups/madcomponents
MadComponents    (display list)                           CPU Rasterise       “Magic”         GPUhttp://www.facebook.com/g...
MadComponents    (display list)                           CPU Rasterise       “Magic”                           GPU Raster...
MC3Dhttp://www.facebook.com/groups/madcomponents
In!irationhttp://www.facebook.com/groups/madcomponents
MC3D• Inspiredby the fluid and immersive mobile user experiences - particularly on tablet devices.        http://www.facebo...
MC3D• Inspiredby the fluid and immersive mobile user experiences - particularly on tablet devices.• This     is an area whe...
MC3D             Direct renderMode       Stage3Dhttp://www.facebook.com/groups/madcomponents
MC3D       Starling       Stage3Dhttp://www.facebook.com/groups/madcomponents
3D Geometry        MC3D       Starling       Stage3Dhttp://www.facebook.com/groups/madcomponents
3D Geometry        MC3D                Custom Shaders       Starling       Stage3Dhttp://www.facebook.com/groups/madcompon...
3D Geometry        MC3D                Custom Shaders                            Motion Blur       Starling       Stage3Dh...
3D Geometry        MC3D                Custom Shaders                            Motion Blur       Starling               ...
3D Geometry        MC3D                Custom Shaders                            Motion Blur       Starling               ...
[ demo http://www.facebook.com/groups/madcomponents
Stage3D bottleneckshttp://www.facebook.com/groups/madcomponents
Stage3Dhttp://www.facebook.com/groups/madcomponents
Stage3D                  Slower than                 GPU rasterisehttp://www.facebook.com/groups/madcomponents
Load textures                         ATF Uploads  into spritesheet  Set spritesheet    Render loophttp://www.facebook.com...
Load textures                        BitmapData Uploads  from display list Render  loop                 Set texturehttp://...
Load textures                        BitmapData Uploads  from display list              Recycle texture Render  loop      ...
Load textures                        BitmapData Uploads  from display list              Recycle texture       slow Render ...
Recyclehttp://www.facebook.com/groups/madcomponents
http://madskool.wordpress.comhttp://www.facebook.com/groups/madcomponents  http://code.google.com/p/mad-components/     ht...
http://www.facebook.com/groups/madcomponents
Ihttp://www.facebook.com/groups/madcomponents
Ihttp://www.facebook.com/groups/madcomponents
Ihttp://www.facebook.com/groups/madcomponents
This presentation © Daniel Freeman 2013 Daniel Freeman: Freelance Software Developer for HireTraining Courses: http://mads...
Upcoming SlideShare
Loading in...5
×

MC3D

692
-1

Published on

MC3D is a stage3D framework that augments MadComponents for building Mobile UIs in Adobe AIR. There are nine effects in MC3D. From basic smooth list scrolling, and navigation page slides... And beyond that to much more powerful transitions and experiences.

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
692
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MC3D

  1. 1. MC3D MadComponents 3Dhttp://www.facebook.com/groups/madcomponents
  2. 2. MC3DMC3D is the Stage3D enhancement to MadComponentshttp://www.facebook.com/groups/madcomponents
  3. 3. EFFECTS scroll slide pagesMC3D incorporates 9 Stage3D effects flip grid fold for mobile GUIs nav wheel panel http://www.facebook.com/groups/madcomponents
  4. 4. [ demo http://www.facebook.com/groups/madcomponents
  5. 5. Notes:• The UIs are interactive. Buttons, switches, sliders, etc,. all usable. http://www.facebook.com/groups/madcomponents
  6. 6. Notes:• The UIs are interactive. Buttons, switches, sliders, etc,. all usable.• The pages and forms in these demos are customisable MadComponents layouts. http://www.facebook.com/groups/madcomponents
  7. 7. MC3Dhttp://www.facebook.com/groups/madcomponents
  8. 8. MC3D• What is MadComponents ? http://www.facebook.com/groups/madcomponents
  9. 9. MC3D• What is MadComponents ?• GPU Rendermode http://www.facebook.com/groups/madcomponents
  10. 10. MC3D• What is MadComponents ?• GPU Rendermode• MC3D http://www.facebook.com/groups/madcomponents
  11. 11. MC3D• What is MadComponents ?• GPU Rendermode• MC3D• Stage3D bottlenecks http://www.facebook.com/groups/madcomponents
  12. 12. What is MadComponents ?http://www.facebook.com/groups/madcomponents
  13. 13. MADCOMPONENTSMobile Framework for AIR apps http://www.facebook.com/groups/madcomponents
  14. 14. UI Components, Buttons, Sliders, Lists, Navigation, Tab-controls,Menus, Server-communication, Charts, Pop-ups, Call-outs, etc... http://www.facebook.com/groups/madcomponents
  15. 15. 대전맞고 온라인 고스톱 Groeten uit... [Gostop] KOR HDhttp://www.facebook.com/groups/madcomponents
  16. 16. PsicoTESTS We♥Music MP3 Playerhttp://www.facebook.com/groups/madcomponents
  17. 17. Sims U Sharehttp://www.facebook.com/groups/madcomponents
  18. 18. Active Captainhttp://www.facebook.com/groups/madcomponents
  19. 19. MadComponentshttp://www.facebook.com/groups/madcomponents
  20. 20. MadComponents• Mature Framework http://www.facebook.com/groups/madcomponents
  21. 21. MadComponents• Mature Framework• Lightweight http://www.facebook.com/groups/madcomponents
  22. 22. MadComponents• Mature Framework• Lightweight• Free and Open Source http://www.facebook.com/groups/madcomponents
  23. 23. MadComponents• Mature Framework• Lightweight• Free and Open Source• Easily Extensible http://www.facebook.com/groups/madcomponents
  24. 24. MadComponents• Mature Framework• Lightweight• Free and Open Source• Easily Extensible• UI adapts to screen size, orientation, and pixel density http://www.facebook.com/groups/madcomponents
  25. 25. MadComponents• Display-List Rendered http://www.facebook.com/groups/madcomponents
  26. 26. MadComponents• Display-List Rendered• Good GPU rendermode performance ( on retina displays ) http://www.facebook.com/groups/madcomponents
  27. 27. MadComponents• Display-List Rendered• Good GPU rendermode performance ( on retina displays )• Fast start-up http://www.facebook.com/groups/madcomponents
  28. 28. MadComponents• Display-List Rendered• Good GPU rendermode performance ( on retina displays )• Fast start-up• Memory management http://www.facebook.com/groups/madcomponents
  29. 29. MadComponents• Display-List Rendered• Good GPU rendermode performance ( on retina displays )• Fast start-up• Memory management• Server communication http://www.facebook.com/groups/madcomponents
  30. 30. [ demo http://www.facebook.com/groups/madcomponents
  31. 31. GPU Rendermodehttp://www.facebook.com/groups/madcomponents
  32. 32. Conventional display-list graphics are rendered to the GPU, allowing for smoother and faster sprite movement. http://www.facebook.com/groups/madcomponents
  33. 33. Conventional display-list graphics are rendered to the GPU, allowing for smoother and faster sprite movement.While GPU rendermode incurs little improvement to Flex - it works really well with MadComponents. http://www.facebook.com/groups/madcomponents
  34. 34. MadComponents + GPU rendermode is good enough. http://www.facebook.com/groups/madcomponents
  35. 35. MadComponents + GPU rendermode is good enough. This is why MC3D adds value by going beyond MadComponents to new kinds of UI experience. http://www.facebook.com/groups/madcomponents
  36. 36. MadComponents (display list) GPU renderMode “Magic” GPUhttp://www.facebook.com/groups/madcomponents
  37. 37. MadComponents (display list) CPU Rasterise “Magic” GPUhttp://www.facebook.com/groups/madcomponents
  38. 38. MadComponents (display list) CPU Rasterise “Magic” GPU Rasterise GPUhttp://www.facebook.com/groups/madcomponents
  39. 39. MC3Dhttp://www.facebook.com/groups/madcomponents
  40. 40. In!irationhttp://www.facebook.com/groups/madcomponents
  41. 41. MC3D• Inspiredby the fluid and immersive mobile user experiences - particularly on tablet devices. http://www.facebook.com/groups/madcomponents
  42. 42. MC3D• Inspiredby the fluid and immersive mobile user experiences - particularly on tablet devices.• This is an area where Flash and AIR are clearly differentiated from HTML5 / CSS. Flash/AIR is better at these experiences. http://www.facebook.com/groups/madcomponents
  43. 43. MC3D Direct renderMode Stage3Dhttp://www.facebook.com/groups/madcomponents
  44. 44. MC3D Starling Stage3Dhttp://www.facebook.com/groups/madcomponents
  45. 45. 3D Geometry MC3D Starling Stage3Dhttp://www.facebook.com/groups/madcomponents
  46. 46. 3D Geometry MC3D Custom Shaders Starling Stage3Dhttp://www.facebook.com/groups/madcomponents
  47. 47. 3D Geometry MC3D Custom Shaders Motion Blur Starling Stage3Dhttp://www.facebook.com/groups/madcomponents
  48. 48. 3D Geometry MC3D Custom Shaders Motion Blur Starling Reflections Stage3Dhttp://www.facebook.com/groups/madcomponents
  49. 49. 3D Geometry MC3D Custom Shaders Motion Blur Starling Reflections Stage3D Animationhttp://www.facebook.com/groups/madcomponents
  50. 50. [ demo http://www.facebook.com/groups/madcomponents
  51. 51. Stage3D bottleneckshttp://www.facebook.com/groups/madcomponents
  52. 52. Stage3Dhttp://www.facebook.com/groups/madcomponents
  53. 53. Stage3D Slower than GPU rasterisehttp://www.facebook.com/groups/madcomponents
  54. 54. Load textures ATF Uploads into spritesheet Set spritesheet Render loophttp://www.facebook.com/groups/madcomponents
  55. 55. Load textures BitmapData Uploads from display list Render loop Set texturehttp://www.facebook.com/groups/madcomponents
  56. 56. Load textures BitmapData Uploads from display list Recycle texture Render loop Set texturehttp://www.facebook.com/groups/madcomponents
  57. 57. Load textures BitmapData Uploads from display list Recycle texture slow Render loop Set texturehttp://www.facebook.com/groups/madcomponents
  58. 58. Recyclehttp://www.facebook.com/groups/madcomponents
  59. 59. http://madskool.wordpress.comhttp://www.facebook.com/groups/madcomponents http://code.google.com/p/mad-components/ http://www.facebook.com/groups/madcomponents
  60. 60. http://www.facebook.com/groups/madcomponents
  61. 61. Ihttp://www.facebook.com/groups/madcomponents
  62. 62. Ihttp://www.facebook.com/groups/madcomponents
  63. 63. Ihttp://www.facebook.com/groups/madcomponents
  64. 64. This presentation © Daniel Freeman 2013 Daniel Freeman: Freelance Software Developer for HireTraining Courses: http://madskool.wordpress.com/courses/ http://www.facebook.com/groups/madcomponents
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×