UI Design and Development with Scaleform GFx
Ben Mowery Business Director Scaleform Middleware •Fastest Growing Game Middleware! • Scaleform GFx #1 Game UI, 300+ Games WW • Licensed T&M on PC, Wii, 360, PS3, PSP, PS2 • Integrated in UE3, Gamebryo, CryEngine, BigWorld, etc. • 30+ US HQ, Asian Offices: Korea, China, Japan • Fully Localized Presence What is Scaleform GFx? •Comppplete UI & 2D Graphics Solution • Use Adobe Flash to Create: o Front EEdnd Menus o HUD o 3D Textures o Mini-Games o And more… GFx Technologies •Vector Grappghics Rendering o Scalable Graphics o Anti-Aliasing • Cross Platform • High Performance • Text Rendering Flash Examples
Using Adobe Flash / Design Suite for Game UI, Textures, & Casual Games Menus & Chat
Front End (X360, PS3, Wii, PC) On line MMO Lobb y with Cha t (PC)
Mass Effect (X360, PC) Demo: Chatting Lobby HUDs & MMO UIs
Mass Effect (X360, PC) MMO UI (PC)
Civilization Revolution (X360, PS3) Drag & Drop Demo 3D Animated Textures Crysis (PC) UE3 + GFx Demo ((,PC, PS3 , X360 )
3D Window (PC) UE3 Integration Demo Gamebryo Integration Demo Mini Games Uno Rush (XBLA)* Fable 2 Pub Games (XBLA)*
Globz Games (iPhone)PacMan (Mobile) World Tour Golf (PC)
* Uno Rush and Fable 2 Pub Games were made exclusively with Scaleform . Others are standard Flash games. Why Use GFx? • Reduce Risk and Streamline Development • Save Time, Money, an d Resources • Empower the Artists and Designers • Focus EEiingineering on Game Play • Would You Build These? o Photoshop – Heck No! o 3D Studio MAX – No Way! o Flash – Of course not! • Use Multi-Billon $$$ Industry Standard Tools • Worldwide Communityypp & Support Improves Workflow! Improves Workflow
Proven Industry Standard Tools
3D Textures Video UI Autodesk 3DS Max Adobe Photoshop Adobe After Effects Adobe Flash
Convert to Game Engine/Middleware Format
Game Editor and Runtime Example: Flash for Games
User Interface (UI) Video Game Engine with Scaleform GFx
Convert SWF to GFx Format
Artists Create UIs, HUDs, Animated Textures, Mini Games WYSIWYG - What You See Is What You Get! Flash Workflow Demo
WYSIWYG – from Flash to Game! GFx 303.0 •Imppyyroved Memory System • UI Framework Components • Localization Enhancements • Audio Support • Scaleform Video Add-On
Plus much more… UI Components
• Developed by gskinner • Made for Console & MMO • Customizable Look & Feel • Full Docs & Samples • Optimized Memory & Perf
Out-Of-The-Box Flash UI Components & Plugins!
CONFIDENTIAL UI Framework Controls Libraries Workflow Button FocusHandler API Docs RadioButton InputManager Samples CheckBox DragManager Chat w/ IME ComboBox SoundManager Best Practices ScrollList DataProvider Launch Panel TileList PopupManager Control Panel InventorySlot EventDispatch Import Helper etc. etc. etc.
CONFIDENTIAL Illustrator Skinning Demo Scaleform Video • Native Flash Video w/ alpha channel • Powered by CRI Movie • All Platforms: PC, X360, PS3, Wii
AE/Premier -> Flash -> Game
• Video Use Cases: • FllSFull Screen: I Itntros, C CtSut Scenes w/ subtitl es • Windowed: Billboards, HUDs • Alpha (Green Screen): Casual Games, UI Effects
DEMO: Scaleform Audio/Video!
CONFIDENTIAL Scaleform 3 . 0 Video Demo Scaleform IME
• Full Asian Text Input • Chinese, Japanese, and Korean • Cross Pla tform: PC, X360, PS3 Multi-Lingual In-Game Ch at PC & Console MMOs Thank you Question & Answer
Brendan Iribe Frank Black President and CEO VP of Sales [email protected] [email protected] T: +1 (301) 446-3200 T: +1 (301) 446-3200 F: +1 (301) 446-3199 F: +1 (301) 446-3199