SlideShare une entreprise Scribd logo
1  sur  120
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

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 ShimizuFITC
 
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 UlloaFITC
 
Shepherding Innovation
Shepherding InnovationShepherding Innovation
Shepherding InnovationFITC
 
Git hub for designers
Git hub for designersGit hub for designers
Git hub for designersFITC
 
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 CampbellFITC
 
Rik
RikRik
RikFITC
 
Mistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being CreativeMistakes, Lessons, and Being Creative
Mistakes, Lessons, and Being CreativeFITC
 
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 TraniFITC
 
Fitc presentation
Fitc presentationFitc presentation
Fitc presentationFITC
 
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 BodyFITC
 
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 PartsFITC
 
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 ChoiceFITC
 
Process
ProcessProcess
ProcessFITC
 
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 ThoughtFITC
 

En vedette (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
 

Plus de FITC

Cut it up
Cut it upCut it up
Cut it upFITC
 
Designing for Digital Health
Designing for Digital HealthDesigning for Digital Health
Designing for Digital HealthFITC
 
Profiling JavaScript Performance
Profiling JavaScript PerformanceProfiling JavaScript Performance
Profiling JavaScript PerformanceFITC
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech StackFITC
 
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 ProjectFITC
 
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 AnswerFITC
 
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 StoryFITC
 
Everyday Innovation
Everyday InnovationEveryday Innovation
Everyday InnovationFITC
 
HyperLight Websites
HyperLight WebsitesHyperLight Websites
HyperLight WebsitesFITC
 
Everything is Terrifying
Everything is TerrifyingEverything is Terrifying
Everything is TerrifyingFITC
 
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 HumanFITC
 
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 GameFITC
 
Creating a Proactive Healthcare System
Creating a Proactive Healthcare SystemCreating a Proactive Healthcare System
Creating a Proactive Healthcare SystemFITC
 
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 DesignFITC
 
The Power of Now
The Power of NowThe Power of Now
The Power of NowFITC
 
High Performance PWAs
High Performance PWAsHigh Performance PWAs
High Performance PWAsFITC
 
Rise of the JAMstack
Rise of the JAMstackRise of the JAMstack
Rise of the JAMstackFITC
 
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 DiscoveryFITC
 
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 ForFITC
 

Plus de 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