SlideShare a Scribd company logo
HELLORUN: A HYPNOTIC
3D RUNNER MUSIC GAME
CARLOS ULLOA
HELLOENJOY.COM
FITC AMSTERDAM 20I4
@C4RL05
BRIGHTON
3D
HELLO

3
AN HTML5 GAME BY HELLOENJOY
WEB

APP
WEB

APP
WORKFLOW
OPEN SOURCE
THREE.JS
MR.DOOB
HOWLER.JS
GOLDFIRE STUDIOS
PXLOADER
PIXEL LAB
GOALS
MOBILE
WEBGL
HELLORACER.
COM/RACER-S
I-CLICK
GAME
AAA GFX
MUSIC
GAME
DESIGN
INSPIRATION
TRENCH RUN
SIMPLICITY
SPEED
FLOW
GRAPHICS
ENVIRONMENT
MICHAEL ORKISZ
MODEL
TEXTURES
TILED ATLAS
LIGHTING
UNWRAPPED
LIGHTMAP
EMISSION
COLOR
LIGHTMAP
BARRIERS
UI
TYPE
AUDIO
MATT VAN SCHIE
MIGHTY MOUSE
WEB AUDIO
PLAYBACK
RATE
ANALYSER
MOBILE
WEBGL
+
WEB AUDIO
+
FULL SCREEN
FRAGMENTATION
RESPONSIVE
CONTROLS
MOUSE
KEYBOARD
TOUCH
LEAP
HELLORUN.
HELLOENJOY.
COM
DANK U
helloenjoy.com

More Related Content

Viewers also liked

It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
 It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny... It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
FITC
 
Hacking the Creative Brain
Hacking the Creative Brain Hacking the Creative Brain
Hacking the Creative Brain
FITC
 
Experimenting with Creative Process with Qanta Shimizu
Experimenting with Creative Process with Qanta ShimizuExperimenting with Creative Process with Qanta Shimizu
Experimenting with Creative Process with Qanta Shimizu
FITC
 
Developing Interactive 3D Experiences in HTML5 with Carlos Ulloa
Developing Interactive 3D Experiences in HTML5 with Carlos UlloaDeveloping Interactive 3D Experiences in HTML5 with Carlos Ulloa
Developing Interactive 3D Experiences in HTML5 with Carlos Ulloa
FITC
 
Shepherding Innovation
Shepherding InnovationShepherding Innovation
Shepherding Innovation
FITC
 
Git hub for designers
Git hub for designersGit hub for designers
Git hub for designers
FITC
 
Make Something Ugly: An Experimental Creative Process with Myron Campbell
Make Something Ugly: An Experimental Creative Process with Myron CampbellMake Something Ugly: An Experimental Creative Process with Myron Campbell
Make Something Ugly: An Experimental Creative Process with Myron Campbell
FITC
 
Rik
RikRik
Rik
FITC
 
Mistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being CreativeMistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being Creative
FITC
 
Responsive Design Techniques, Tools and Design Strategies with Paul Trani
 Responsive Design Techniques, Tools and Design Strategies with Paul Trani Responsive Design Techniques, Tools and Design Strategies with Paul Trani
Responsive Design Techniques, Tools and Design Strategies with Paul Trani
FITC
 
Fitc presentation
Fitc presentationFitc presentation
Fitc presentation
FITC
 
Backyard Brains: Bringing the Body’s Electrical Signals Out of the Body
Backyard Brains: Bringing the Body’s Electrical Signals Out of the BodyBackyard Brains: Bringing the Body’s Electrical Signals Out of the Body
Backyard Brains: Bringing the Body’s Electrical Signals Out of the Body
FITC
 
Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675FITC
 
The Sum Is Greater Than The Parts
 The Sum Is Greater Than The Parts The Sum Is Greater Than The Parts
The Sum Is Greater Than The Parts
FITC
 
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of ChoiceUnity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
FITC
 
Process
ProcessProcess
Process
FITC
 
UX Design at the Speed of Thought
UX Design at the Speed of ThoughtUX Design at the Speed of Thought
UX Design at the Speed of Thought
FITC
 

Viewers also liked (17)

It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
 It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny... It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
It’s Not Enough To Be Brilliant – You Have To Be Convincing, Too. with Lanny...
 
Hacking the Creative Brain
Hacking the Creative Brain Hacking the Creative Brain
Hacking the Creative Brain
 
Experimenting with Creative Process with Qanta Shimizu
Experimenting with Creative Process with Qanta ShimizuExperimenting with Creative Process with Qanta Shimizu
Experimenting with Creative Process with Qanta Shimizu
 
Developing Interactive 3D Experiences in HTML5 with Carlos Ulloa
Developing Interactive 3D Experiences in HTML5 with Carlos UlloaDeveloping Interactive 3D Experiences in HTML5 with Carlos Ulloa
Developing Interactive 3D Experiences in HTML5 with Carlos Ulloa
 
Shepherding Innovation
Shepherding InnovationShepherding Innovation
Shepherding Innovation
 
Git hub for designers
Git hub for designersGit hub for designers
Git hub for designers
 
Make Something Ugly: An Experimental Creative Process with Myron Campbell
Make Something Ugly: An Experimental Creative Process with Myron CampbellMake Something Ugly: An Experimental Creative Process with Myron Campbell
Make Something Ugly: An Experimental Creative Process with Myron Campbell
 
Rik
RikRik
Rik
 
Mistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being CreativeMistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being Creative
 
Responsive Design Techniques, Tools and Design Strategies with Paul Trani
 Responsive Design Techniques, Tools and Design Strategies with Paul Trani Responsive Design Techniques, Tools and Design Strategies with Paul Trani
Responsive Design Techniques, Tools and Design Strategies with Paul Trani
 
Fitc presentation
Fitc presentationFitc presentation
Fitc presentation
 
Backyard Brains: Bringing the Body’s Electrical Signals Out of the Body
Backyard Brains: Bringing the Body’s Electrical Signals Out of the BodyBackyard Brains: Bringing the Body’s Electrical Signals Out of the Body
Backyard Brains: Bringing the Body’s Electrical Signals Out of the Body
 
Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675Charity apprentice logo-blue-6675
Charity apprentice logo-blue-6675
 
The Sum Is Greater Than The Parts
 The Sum Is Greater Than The Parts The Sum Is Greater Than The Parts
The Sum Is Greater Than The Parts
 
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of ChoiceUnity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
Unity: From Indie Game Start-Up to International Real-Time 3D Tool of Choice
 
Process
ProcessProcess
Process
 
UX Design at the Speed of Thought
UX Design at the Speed of ThoughtUX Design at the Speed of Thought
UX Design at the Speed of Thought
 

More from FITC

Cut it up
Cut it upCut it up
Cut it up
FITC
 
Designing for Digital Health
Designing for Digital HealthDesigning for Digital Health
Designing for Digital Health
FITC
 
Profiling JavaScript Performance
Profiling JavaScript PerformanceProfiling JavaScript Performance
Profiling JavaScript Performance
FITC
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech Stack
FITC
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR Project
FITC
 
Start by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the AnswerStart by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the Answer
FITC
 
Cocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s StoryCocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s Story
FITC
 
Everyday Innovation
Everyday InnovationEveryday Innovation
Everyday Innovation
FITC
 
HyperLight Websites
HyperLight WebsitesHyperLight Websites
HyperLight Websites
FITC
 
Everything is Terrifying
Everything is TerrifyingEverything is Terrifying
Everything is Terrifying
FITC
 
Post-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future HumanPost-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future Human
FITC
 
The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)
FITC
 
East of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR GameEast of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR Game
FITC
 
Creating a Proactive Healthcare System
Creating a Proactive Healthcare SystemCreating a Proactive Healthcare System
Creating a Proactive Healthcare System
FITC
 
World Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product DesignWorld Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product Design
FITC
 
The Power of Now
The Power of NowThe Power of Now
The Power of Now
FITC
 
High Performance PWAs
High Performance PWAsHigh Performance PWAs
High Performance PWAs
FITC
 
Rise of the JAMstack
Rise of the JAMstackRise of the JAMstack
Rise of the JAMstack
FITC
 
From Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self DiscoveryFrom Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self Discovery
FITC
 
Projects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time ForProjects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time For
FITC
 

More from FITC (20)

Cut it up
Cut it upCut it up
Cut it up
 
Designing for Digital Health
Designing for Digital HealthDesigning for Digital Health
Designing for Digital Health
 
Profiling JavaScript Performance
Profiling JavaScript PerformanceProfiling JavaScript Performance
Profiling JavaScript Performance
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech Stack
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR Project
 
Start by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the AnswerStart by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the Answer
 
Cocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s StoryCocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s Story
 
Everyday Innovation
Everyday InnovationEveryday Innovation
Everyday Innovation
 
HyperLight Websites
HyperLight WebsitesHyperLight Websites
HyperLight Websites
 
Everything is Terrifying
Everything is TerrifyingEverything is Terrifying
Everything is Terrifying
 
Post-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future HumanPost-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future Human
 
The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)
 
East of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR GameEast of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR Game
 
Creating a Proactive Healthcare System
Creating a Proactive Healthcare SystemCreating a Proactive Healthcare System
Creating a Proactive Healthcare System
 
World Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product DesignWorld Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product Design
 
The Power of Now
The Power of NowThe Power of Now
The Power of Now
 
High Performance PWAs
High Performance PWAsHigh Performance PWAs
High Performance PWAs
 
Rise of the JAMstack
Rise of the JAMstackRise of the JAMstack
Rise of the JAMstack
 
From Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self DiscoveryFrom Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self Discovery
 
Projects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time ForProjects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time For
 

HelloRun: A Hypnotic 3D Runner Music Game