mc3d

MC3DMadComponents 3D

http://www.facebook.com/groups/madcomponents



MC3D

MC3D is the Stage3D enhancement to MadComponents




EFFECTS

MC3D incorporates 9 Stage3D effects for mobile GUIs


scroll slide pages

flip grid fold

nav wheel panel



[ demo





• The UIs are interactive. Buttons, switches, sliders, etc,. all usable.

Notes:




• The UIs are interactive. Buttons, switches, sliders, etc,. all usable.

• The pages and forms in these demos are customisable MadComponents layouts.

Notes:



MC3D




MC3D• What is MadComponents ?





• GPU Rendermode





• GPU Rendermode

• MC3D





• GPU Rendermode

• MC3D

• Stage3D bottlenecks





What is MadComponents ?



MADCOMPONENTS

Mobile Framework for AIR apps




UI Components, Buttons, Sliders, Lists, Navigation, Tab-controls, Menus, Server-communication, Charts, Pop-ups, Call-outs, etc...




대전맞고 온라인 고스톱[Gostop] KOR HD


Groeten uit...



PsicoTESTS


We♥Music MP3 Player



Sims U Share




Active Captain





MadComponents



• Mature Framework


MadComponents




• Lightweight


MadComponents




• Lightweight

• Free and Open Source


MadComponents




• Lightweight


• Easily Extensible


MadComponents




• Lightweight


• Easily Extensible

• UI adapts to screen size, orientation, and pixel density


MadComponents



• Display-List Rendered


MadComponents




• Good GPU rendermode performance ( on retina displays )


MadComponents





• Fast start-up


MadComponents





• Fast start-up

• Memory management


MadComponents





• Fast start-up

• Memory management

• Server communication


MadComponents



[ demo





GPU Rendermode




Conventional display-list graphics are rendered to the GPU, allowing for smoother and faster sprite movement.




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.




MadComponents + GPU rendermode is good enough.




MadComponents + GPU rendermode is good enough.

This is why MC3D adds value by going beyond MadComponents to new kinds of UI experience.




MadComponents(display list)

GPU

“Magic”

GPU renderMode





GPU

“Magic”CPU Rasterise





GPU

“Magic”CPU Rasterise

GPU Rasterise




MC3D




In!iration



MC3D

• Inspired by the fluid and immersive mobile user experiences - particularly on tablet devices.





MC3D

• Inspired by 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.




MC3D

Stage3D

Direct renderMode




MC3D

Stage3D

Starling




MC3D

Stage3D

Starling

3D Geometry




MC3D

Stage3D

Starling

3D Geometry

Custom Shaders




MC3D

Stage3D

Starling

3D Geometry

Custom Shaders

Motion Blur




MC3D

Stage3D

Starling

3D Geometry

Custom Shaders

Motion Blur

Reflections




MC3D

Stage3D

Starling

3D Geometry

Custom Shaders

Motion Blur

Reflections

Animation



[ demo





Stage3D bottlenecks




Stage3D




Stage3D

Slower thanGPU rasterise




Load texturesinto spritesheet

Set spritesheet

Render loop

ATF Uploads




Load texturesfrom display list

Set texture

Renderloop

BitmapData Uploads





Recycle textureRenderloop

BitmapData Uploads

Set texture





Recycle textureRenderloop

BitmapData Uploads

Set texture

slow




Recycle




http://madskool.wordpress.com


http://code.google.com/p/mad-components/









Ihttp://www.facebook.com/groups/madcomponents




This presentation © Daniel Freeman 2013

Daniel Freeman: Freelance Software Developer for Hire

Training Courses: http://madskool.wordpress.com/courses/



http://madskool.wordpress.com/courses/

http://madskool.wordpress.com/courses/

mc3d

Technology