unleashing the power of 3d with webjs

20
Unleasing 3D with WebGL Michael “Mickey” MacDonald Indie Game Developer & @ScruffyFurn Extreme Video Game Geek Michael “Mickey” MacDonald Indie Game Developer & @ScruffyFurn Extreme Video Game Geek

Upload: fitc

Post on 02-Dec-2014

138 views

Category:

Internet


0 download

DESCRIPTION

Unleashing the Power of 3D with WebJS with Mickey MacDonald Presented on September 17 2014 at FITC's Web Unleashed Toronto 2014 WebGL is a powerful JavaScript API used for rendering interactive 3D graphics within any compatible web browser, without the use of plug-ins. In this talk, Mickey will look at how HTML, JavaScript, and WebGL are related. He will even walk through setting up a WebGL application and creating a 3D scene. So come out and see how amazing this graphics library really is. OBJECTIVE To show the power and ease that WebJS offers TARGET AUDIENCE Web based game developers ASSUMED AUDIENCE KNOWLEDGE Basic understanding of 3D game development FIVE THINGS AUDIENCE MEMBERS WILL LEARN How HTML, JavaScript and WebGL are related Setting up a WebGL application How to create a 3D scene Importing shaders Advance settings available in WebGL

TRANSCRIPT

Page 1: Unleashing the Power of 3D with WebJS

Unleasing 3D with WebGL

Michael “Mickey” MacDonaldIndie Game Developer & @ScruffyFurnExtreme Video Game Geek

Michael “Mickey” MacDonaldIndie Game Developer &@ScruffyFurnExtreme Video Game Geek

Page 2: Unleashing the Power of 3D with WebJS
Page 3: Unleashing the Power of 3D with WebJS
Page 4: Unleashing the Power of 3D with WebJS
Page 5: Unleashing the Power of 3D with WebJS
Page 6: Unleashing the Power of 3D with WebJS
Page 7: Unleashing the Power of 3D with WebJS
Page 8: Unleashing the Power of 3D with WebJS
Page 9: Unleashing the Power of 3D with WebJS

Libraries make it easy

• Three.js - http://threejs.org/

Page 10: Unleashing the Power of 3D with WebJS

Libraries make it easy

• Babylon.js - http://www.babylonjs.com/

Page 11: Unleashing the Power of 3D with WebJS
Page 12: Unleashing the Power of 3D with WebJS
Page 13: Unleashing the Power of 3D with WebJS
Page 14: Unleashing the Power of 3D with WebJS
Page 15: Unleashing the Power of 3D with WebJS

+

Page 16: Unleashing the Power of 3D with WebJS
Page 17: Unleashing the Power of 3D with WebJS

DemoBuilding a simple scene with BabylonJS

Page 18: Unleashing the Power of 3D with WebJS

wootstudio.ca

Page 19: Unleashing the Power of 3D with WebJS

Windows Game On

Thank you! Happy Coding

Michael “Mickey” MacDonaldIndie Game Developer &@ScruffyFurnExtreme Video Game Geek

Page 20: Unleashing the Power of 3D with WebJS

©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.