SlideShare a Scribd company logo
Unleasing 3D with WebGL 
Michael “Mickey” MacDonald 
Indie Game Developer & @ScruffyFurn 
Extreme Video Game Geek
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
• Three.js - http://threejs.org/
• Babylon.js - http://www.babylonjs.com/
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
Unleashing the Power of 3D with WebJS
+
Unleashing the Power of 3D with WebJS
Demo 
Building a simple scene with 
BabylonJS
wootstudio.ca
Windows Game On 
Thank you! 
Happy Coding
©2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the 
U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft 
must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after 
the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related Content

PPT
2 - ScottGu-SilverlightFireStarter-Keynote
PPTX
Web unleashed 2015-tammyeverts
PDF
Empowering the “Mobile Web” with Chris Mills
PDF
Everydays
PDF
Reinvent Your Creative Process with Collaborative Hackathons
PDF
Ryan Christiani I Heard React Was Good
PPTX
21st Century Crystal Ball
PDF
Technical Intuition
2 - ScottGu-SilverlightFireStarter-Keynote
Web unleashed 2015-tammyeverts
Empowering the “Mobile Web” with Chris Mills
Everydays
Reinvent Your Creative Process with Collaborative Hackathons
Ryan Christiani I Heard React Was Good
21st Century Crystal Ball
Technical Intuition

Viewers also liked (18)

PDF
Emergent Narrative: What We Can Learn From Dungeons & Dragons
PDF
Functional Web Development
PDF
Customizing Your Process
PDF
Defying Definition: The Path to Eschewing Traditional Design Genres with Davi...
PDF
Programming Play
PDF
Why Everyone Should Own a Giant Robot Arm
PPTX
Pocket web gl sk
PDF
The Power of Play in Experimental Design with Claudia Chagüi De León
PDF
Design that’s easy on the brain
PDF
When Clients Bare it All with David Allen
PDF
I Heard React Was Good
PDF
“It’s all a matter of Perspective.” Incorporating Play to Help Solve Problems
PDF
How to SURVIVE the Creative Industry
PDF
Untangle The Mess In Your Team’s Process
PPTX
The Future of Motion/Gesture Technology
PDF
Open Sourcing the Secret Sauce
PDF
Building Tools for the Next Web
PDF
Designing Interactive Experiences for Kids of All Ages with Mark Argo
Emergent Narrative: What We Can Learn From Dungeons & Dragons
Functional Web Development
Customizing Your Process
Defying Definition: The Path to Eschewing Traditional Design Genres with Davi...
Programming Play
Why Everyone Should Own a Giant Robot Arm
Pocket web gl sk
The Power of Play in Experimental Design with Claudia Chagüi De León
Design that’s easy on the brain
When Clients Bare it All with David Allen
I Heard React Was Good
“It’s all a matter of Perspective.” Incorporating Play to Help Solve Problems
How to SURVIVE the Creative Industry
Untangle The Mess In Your Team’s Process
The Future of Motion/Gesture Technology
Open Sourcing the Secret Sauce
Building Tools for the Next Web
Designing Interactive Experiences for Kids of All Ages with Mark Argo
Ad

Similar to Unleashing the Power of 3D with WebJS (20)

PDF
Power of WebGL (FSTO 2014)
DOC
Webgl game development.
DOC
Webgl game development
PDF
Demistifying the 3D Web
PDF
Demystifying the 3d web - Codemotion 2016
PDF
Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016
PPTX
WebGL For Game Development 2012
PPTX
WebGL For Game Development Spring 2013
PDF
Webgl game development.
PPT
Web gl game development
PPTX
WebGL Crash Course
PPTX
Building Rich Internet Applications with HTML5 and WebGL
PDF
Web gl & three.js.key
PPTX
HTML5DevConf 2013 (October): WebGL is a game changer!
PPTX
WebGL: The Next Generation
PPTX
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
PPTX
And Who Shall Control the Metaverse?
PPTX
Html5 (games)
DOCX
Ha4 displaying 3 d polygon animations
PDF
You Don't Know WebGL at GREE Tech Talk #08
Power of WebGL (FSTO 2014)
Webgl game development.
Webgl game development
Demistifying the 3D Web
Demystifying the 3d web - Codemotion 2016
Demystifying the 3D Web by Pietro Grandi @ Codemotion Dubai 2016
WebGL For Game Development 2012
WebGL For Game Development Spring 2013
Webgl game development.
Web gl game development
WebGL Crash Course
Building Rich Internet Applications with HTML5 and WebGL
Web gl & three.js.key
HTML5DevConf 2013 (October): WebGL is a game changer!
WebGL: The Next Generation
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
And Who Shall Control the Metaverse?
Html5 (games)
Ha4 displaying 3 d polygon animations
You Don't Know WebGL at GREE Tech Talk #08
Ad

More from FITC (20)

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

Recently uploaded (20)

PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
PPTX
E -tech empowerment technologies PowerPoint
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PDF
The New Creative Director: How AI Tools for Social Media Content Creation Are...
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
PPTX
Introduction to cybersecurity and digital nettiquette
PPTX
Mathew Digital SEO Checklist Guidlines 2025
PPTX
Power Point - Lesson 3_2.pptx grad school presentation
PDF
An introduction to the IFRS (ISSB) Stndards.pdf
PDF
Smart Home Technology for Health Monitoring (www.kiu.ac.ug)
PPTX
artificial intelligence overview of it and more
PPTX
SAP Ariba Sourcing PPT for learning material
PPTX
innovation process that make everything different.pptx
PDF
Sims 4 Historia para lo sims 4 para jugar
PPTX
newyork.pptxirantrafgshenepalchinachinane
PPTX
Internet___Basics___Styled_ presentation
Tenda Login Guide: Access Your Router in 5 Easy Steps
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
Unit-1 introduction to cyber security discuss about how to secure a system
SASE Traffic Flow - ZTNA Connector-1.pdf
E -tech empowerment technologies PowerPoint
INTERNET------BASICS-------UPDATED PPT PRESENTATION
The New Creative Director: How AI Tools for Social Media Content Creation Are...
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
Introduction to cybersecurity and digital nettiquette
Mathew Digital SEO Checklist Guidlines 2025
Power Point - Lesson 3_2.pptx grad school presentation
An introduction to the IFRS (ISSB) Stndards.pdf
Smart Home Technology for Health Monitoring (www.kiu.ac.ug)
artificial intelligence overview of it and more
SAP Ariba Sourcing PPT for learning material
innovation process that make everything different.pptx
Sims 4 Historia para lo sims 4 para jugar
newyork.pptxirantrafgshenepalchinachinane
Internet___Basics___Styled_ presentation

Unleashing the Power of 3D with WebJS

  • 1. Unleasing 3D with WebGL Michael “Mickey” MacDonald Indie Game Developer & @ScruffyFurn Extreme Video Game Geek
  • 9. • Three.js - http://threejs.org/
  • 10. • Babylon.js - http://www.babylonjs.com/
  • 15. +
  • 17. Demo Building a simple scene with BabylonJS
  • 19. Windows Game On Thank you! Happy Coding
  • 20. ©2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Editor's Notes

  • #12: Three JS and other libraries
  • #14: Lighting effects and shaders Great transparent effect