UI Design and Development with Scaleform Gfx
Total Page:16
File Type:pdf, Size:1020Kb
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, and 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 C h 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.