SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
The tech. behind
Presented by: Javier Abud & Ramiro Bazan
Flash Online Conference #13
Intro
Who am I?
Principal Programmer at MovieStarPlanet
Making games since 2004
Agenda
Project intro
Development Tools
Conditional Compilation restrictions
Target frame rate
Cross Platform Multiplayer via
SmartFox Server
Scout usage
Weekly content releases
Leaderboards and Reddis
Part 2
Project Intro
Make a game that runs on iPhone, Android &
Web
Minecraft like building style, for avatars and
levels
Real time multiplayer
Social Network, integration with
MovieStarPlanet
Development Tools
Flash Develop
Flare 3D
Starling (fork)
3DS Max
Adobe Creative Cloud
Git
Conditional compilation restrictions
Helps to keep code clean
Have as few compiler flags as possible (3)
Use of inheritance for device specific code (iOS, Android, Web)
Input works like this
Target Frame Rate
60 FPS from the start
“Premature Optimization is the root of all evil” -Donald Knuth
Starting at 60 FPS with no content means every change that drops the framerate gets noticed quickly and
considered more thoroughly before being merged into main branch
Network communication code abstraction,
lets us focus on the gameplay server side
TCP & UDP messages only (Web and
Mobile)
Keep packets as small as possible
Amazon Web Services (AWS) for Server
up & down scaling
Cross Platform Multiplayer via
SmartFox Server
Adobe Scout
Scout gets used very often
Sound Transform discovery
Adobe Scout
Closely monitor the memory usage of RBP
Weekly Content Releases
Release new content every week for player engagement
We’ve had 40 content releases so far (every Thursday!)
Leaderboards and Reddis
Wanted to have cross platform leaderboards
Database access for live data is slow
Real time updates (every time you reload the
leaderboard)
Reddis backend
Estimated 16 gameplay hours to get 1 million blast points!
Intro - Ramiro
Frontend/Backend developer at RoboblastPlanet
Turning coffee into games since 2006
Agenda
Hot reloading of assets (UI & Flare)
JSONSprite
Reuse Flare Materials
Debug Panel and cheats
GameObject/Behavior
Image C
AS3 optimizations
Signals only
Compressed Int
Context Lost
Sharing of render targets
Mesh batching
Hot Reloading: UI
Hot Reloading: Meshes
Debug Panel and Cheats
Debug Panel and Cheats
GameObjects/Behaviors
Rule one: Everything is a gameObject and has behaviors
Rule two: Respect rule number one.
ImageC file format
Preprocessed image
Pros:
No Loader instance needed (No extra allocations)
No decoding
Works in all devices
Cons:
Bigger size (20% larger than a PNG in the worst case)
AS3 Optimizations
Optimized Loops
No Array/Vector push calls
No splice if the Player version allow us (RemoveAt() or custom splice)
Object Pooling
Single EnterFrame
Custom Signals
Based on Robert Penner’s as3Signals we created a simplified version of that
concept.
Pros:
No Events
No allocations
Callbacks are faster
Cons:
Non typed
Compressed int
We needed to store a massive amount of values related to voxels data.
The smallest data type that we could use was int.
This data structure handles multiple values inside one int to reduce the amount of
memory usage.
Example: 1000 ints between 0 and 256
Vector.<int> = 4004 bytes
Compressed int = 1004 bytes;
Context Lost
By default Starling keeps a reference to the BitmapData that we are using to be
able to re-upload it when the context is gone.
Instead of doing this we went for the reload everything approach.
We don’t have any bitmapdata cached in ram.
Flare & Starling sharing textures
We needed to show a 3d mesh inside the UI without hacking the entire universe.
Create a FlareTexture that we use as a render target and share the native texture with a StarlingTexture
so we can display the same content in the UI without adding additional agents in the middle.
Mesh Batching
Basically we reuse the same surface/mesh data to render it in multiple places at the same time in one
draw call.
All the meshes can move, rotate, scale or change color.
This concept was included a few releases later directly in Flare3D.
Questions?
Contact info:
Javier Abud - jc@moviestarplanet.com
Ramiro Bazan - rb@moviestarplanet.com

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

WebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platformWebVR, not just Holograms in the web but powerful platform
WebVR, not just Holograms in the web but powerful platform
 
Achieving Scale with HoloLens and BIM: Designing for interactions with large ...
Achieving Scale with HoloLens and BIM: Designing for interactions with large ...Achieving Scale with HoloLens and BIM: Designing for interactions with large ...
Achieving Scale with HoloLens and BIM: Designing for interactions with large ...
 
HTML5DevConf - Unleash the power of 3D with babylon.js
HTML5DevConf - Unleash the power of 3D with babylon.jsHTML5DevConf - Unleash the power of 3D with babylon.js
HTML5DevConf - Unleash the power of 3D with babylon.js
 
【Unite 2017 Tokyo】基調講演
【Unite 2017 Tokyo】基調講演【Unite 2017 Tokyo】基調講演
【Unite 2017 Tokyo】基調講演
 
Creating a third-person zombie horde shooter using DOTS – Unite Copenhagen
Creating a third-person zombie horde shooter using DOTS – Unite CopenhagenCreating a third-person zombie horde shooter using DOTS – Unite Copenhagen
Creating a third-person zombie horde shooter using DOTS – Unite Copenhagen
 
【Unite 2017 Tokyo】大作RPGを効率的且つ高品質にリマスターするためのUnity活用
【Unite 2017 Tokyo】大作RPGを効率的且つ高品質にリマスターするためのUnity活用【Unite 2017 Tokyo】大作RPGを効率的且つ高品質にリマスターするためのUnity活用
【Unite 2017 Tokyo】大作RPGを効率的且つ高品質にリマスターするためのUnity活用
 
【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介
【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介
【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介
 
Going Mobile with AIR+Starling
Going Mobile with AIR+StarlingGoing Mobile with AIR+Starling
Going Mobile with AIR+Starling
 
Unleash 3D games with Babylon.js - JSConf 2014 talk
Unleash 3D games with Babylon.js - JSConf 2014 talkUnleash 3D games with Babylon.js - JSConf 2014 talk
Unleash 3D games with Babylon.js - JSConf 2014 talk
 
【Unite 2017 Tokyo】インスタンシングを用いた美麗なグラフィックの実現方法
【Unite 2017 Tokyo】インスタンシングを用いた美麗なグラフィックの実現方法【Unite 2017 Tokyo】インスタンシングを用いた美麗なグラフィックの実現方法
【Unite 2017 Tokyo】インスタンシングを用いた美麗なグラフィックの実現方法
 
Intro to Massively Multiplayer Online Game (MMOG) Design
Intro to Massively Multiplayer Online Game (MMOG) DesignIntro to Massively Multiplayer Online Game (MMOG) Design
Intro to Massively Multiplayer Online Game (MMOG) Design
 
box.doc
box.docbox.doc
box.doc
 
Berbagai Pilihan Karir Developer
Berbagai Pilihan Karir DeveloperBerbagai Pilihan Karir Developer
Berbagai Pilihan Karir Developer
 
XHackers GameDev / Android LolliPop / Xamarin Forms
XHackers GameDev / Android LolliPop / Xamarin FormsXHackers GameDev / Android LolliPop / Xamarin Forms
XHackers GameDev / Android LolliPop / Xamarin Forms
 
Azure AI Conference Report
Azure AI Conference ReportAzure AI Conference Report
Azure AI Conference Report
 
Designing a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile gamesDesigning a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile games
 
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esCreating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
 
Game Engine for Serious Games
Game Engine for Serious GamesGame Engine for Serious Games
Game Engine for Serious Games
 
Sven Erik Knop, Perforce
Sven Erik Knop, Perforce Sven Erik Knop, Perforce
Sven Erik Knop, Perforce
 
Decode2018 report
Decode2018 reportDecode2018 report
Decode2018 report
 

Semelhante a The tech. behind RoboBlastPlanet

Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
Johan Andersson
 
BitSquid Tech: Benefits of a data-driven renderer
BitSquid Tech: Benefits of a data-driven rendererBitSquid Tech: Benefits of a data-driven renderer
BitSquid Tech: Benefits of a data-driven renderer
tobias_persson
 
Adobe gaming today tomorrow Trento
Adobe gaming today tomorrow TrentoAdobe gaming today tomorrow Trento
Adobe gaming today tomorrow Trento
InSide Training
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
Michael Chaize
 
Minko stage3d 20130222
Minko stage3d 20130222Minko stage3d 20130222
Minko stage3d 20130222
Minko3D
 
mloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game developmentmloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game development
David Galeano
 

Semelhante a The tech. behind RoboBlastPlanet (20)

Casual Engines 2009
Casual Engines 2009Casual Engines 2009
Casual Engines 2009
 
Albion Online - Software Architecture of an MMO (talk at Quo Vadis 2016, Berlin)
Albion Online - Software Architecture of an MMO (talk at Quo Vadis 2016, Berlin)Albion Online - Software Architecture of an MMO (talk at Quo Vadis 2016, Berlin)
Albion Online - Software Architecture of an MMO (talk at Quo Vadis 2016, Berlin)
 
FGS 2011: Making A Game With Molehill: Zombie Tycoon
FGS 2011: Making A Game With Molehill: Zombie TycoonFGS 2011: Making A Game With Molehill: Zombie Tycoon
FGS 2011: Making A Game With Molehill: Zombie Tycoon
 
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
 
JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D
JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3DJS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D
JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D
 
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
Frostbite Rendering Architecture and Real-time Procedural Shading & Texturing...
 
BitSquid Tech: Benefits of a data-driven renderer
BitSquid Tech: Benefits of a data-driven rendererBitSquid Tech: Benefits of a data-driven renderer
BitSquid Tech: Benefits of a data-driven renderer
 
Catan world and Churchill
Catan world and ChurchillCatan world and Churchill
Catan world and Churchill
 
Adobe gaming today tomorrow Trento
Adobe gaming today tomorrow TrentoAdobe gaming today tomorrow Trento
Adobe gaming today tomorrow Trento
 
Byte Conf React Native 2018
Byte Conf React Native 2018Byte Conf React Native 2018
Byte Conf React Native 2018
 
Develop store apps with kinect for windows v2
Develop store apps with kinect for windows v2Develop store apps with kinect for windows v2
Develop store apps with kinect for windows v2
 
Develop Store Apps with Kinect for Windows v2
Develop Store Apps with Kinect for Windows v2Develop Store Apps with Kinect for Windows v2
Develop Store Apps with Kinect for Windows v2
 
Applying AI in Games (GDC2019)
Applying AI in Games (GDC2019)Applying AI in Games (GDC2019)
Applying AI in Games (GDC2019)
 
Getting The Most Out of VR | Sinjin Bain
Getting The Most Out of VR | Sinjin BainGetting The Most Out of VR | Sinjin Bain
Getting The Most Out of VR | Sinjin Bain
 
Adobe: Adobe Gaming NOW!
Adobe: Adobe Gaming NOW!Adobe: Adobe Gaming NOW!
Adobe: Adobe Gaming NOW!
 
Adobe gaming flash gamm michael
Adobe gaming flash gamm michaelAdobe gaming flash gamm michael
Adobe gaming flash gamm michael
 
Minko stage3d 20130222
Minko stage3d 20130222Minko stage3d 20130222
Minko stage3d 20130222
 
Sprite js vs craftyjs
Sprite js vs craftyjsSprite js vs craftyjs
Sprite js vs craftyjs
 
HTML5 Game Development frameworks overview
HTML5 Game Development frameworks overviewHTML5 Game Development frameworks overview
HTML5 Game Development frameworks overview
 
mloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game developmentmloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game development
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Último (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 

The tech. behind RoboBlastPlanet

  • 1. The tech. behind Presented by: Javier Abud & Ramiro Bazan Flash Online Conference #13
  • 2. Intro Who am I? Principal Programmer at MovieStarPlanet Making games since 2004
  • 3. Agenda Project intro Development Tools Conditional Compilation restrictions Target frame rate Cross Platform Multiplayer via SmartFox Server Scout usage Weekly content releases Leaderboards and Reddis Part 2
  • 4. Project Intro Make a game that runs on iPhone, Android & Web Minecraft like building style, for avatars and levels Real time multiplayer Social Network, integration with MovieStarPlanet
  • 5. Development Tools Flash Develop Flare 3D Starling (fork) 3DS Max Adobe Creative Cloud Git
  • 6. Conditional compilation restrictions Helps to keep code clean Have as few compiler flags as possible (3) Use of inheritance for device specific code (iOS, Android, Web) Input works like this
  • 7. Target Frame Rate 60 FPS from the start “Premature Optimization is the root of all evil” -Donald Knuth Starting at 60 FPS with no content means every change that drops the framerate gets noticed quickly and considered more thoroughly before being merged into main branch
  • 8. Network communication code abstraction, lets us focus on the gameplay server side TCP & UDP messages only (Web and Mobile) Keep packets as small as possible Amazon Web Services (AWS) for Server up & down scaling Cross Platform Multiplayer via SmartFox Server
  • 9. Adobe Scout Scout gets used very often Sound Transform discovery
  • 10. Adobe Scout Closely monitor the memory usage of RBP
  • 11. Weekly Content Releases Release new content every week for player engagement We’ve had 40 content releases so far (every Thursday!)
  • 12. Leaderboards and Reddis Wanted to have cross platform leaderboards Database access for live data is slow Real time updates (every time you reload the leaderboard) Reddis backend Estimated 16 gameplay hours to get 1 million blast points!
  • 13. Intro - Ramiro Frontend/Backend developer at RoboblastPlanet Turning coffee into games since 2006
  • 14. Agenda Hot reloading of assets (UI & Flare) JSONSprite Reuse Flare Materials Debug Panel and cheats GameObject/Behavior Image C AS3 optimizations Signals only Compressed Int Context Lost Sharing of render targets Mesh batching
  • 17. Debug Panel and Cheats
  • 18. Debug Panel and Cheats
  • 19. GameObjects/Behaviors Rule one: Everything is a gameObject and has behaviors Rule two: Respect rule number one.
  • 20. ImageC file format Preprocessed image Pros: No Loader instance needed (No extra allocations) No decoding Works in all devices Cons: Bigger size (20% larger than a PNG in the worst case)
  • 21. AS3 Optimizations Optimized Loops No Array/Vector push calls No splice if the Player version allow us (RemoveAt() or custom splice) Object Pooling Single EnterFrame
  • 22. Custom Signals Based on Robert Penner’s as3Signals we created a simplified version of that concept. Pros: No Events No allocations Callbacks are faster Cons: Non typed
  • 23. Compressed int We needed to store a massive amount of values related to voxels data. The smallest data type that we could use was int. This data structure handles multiple values inside one int to reduce the amount of memory usage. Example: 1000 ints between 0 and 256 Vector.<int> = 4004 bytes Compressed int = 1004 bytes;
  • 24. Context Lost By default Starling keeps a reference to the BitmapData that we are using to be able to re-upload it when the context is gone. Instead of doing this we went for the reload everything approach. We don’t have any bitmapdata cached in ram.
  • 25. Flare & Starling sharing textures We needed to show a 3d mesh inside the UI without hacking the entire universe. Create a FlareTexture that we use as a render target and share the native texture with a StarlingTexture so we can display the same content in the UI without adding additional agents in the middle.
  • 26. Mesh Batching Basically we reuse the same surface/mesh data to render it in multiple places at the same time in one draw call. All the meshes can move, rotate, scale or change color. This concept was included a few releases later directly in Flare3D.
  • 27. Questions? Contact info: Javier Abud - jc@moviestarplanet.com Ramiro Bazan - rb@moviestarplanet.com