SlideShare a Scribd company logo
1 of 7
Download to read offline
WebGL
Game Development
Author:-
Sumeet Arora
Tech Enterpreneur
About the Author
Sumeet Arora
Sumeet Arora is a tech entrepreneur. He founded Evon
Technologies, a consultancy for mobile and web
development, and Logic Simplified, a game development
company. He holds the position of CTO at Evon and works as
a consultant for Logic Simplified. He has worked as an
architect consultant for scalable web portals for clients across
the globe. His core expertise lies in 3D rendering technologies
and collaboration tools. For the past four years, he has been
working with various clients/companies on multiplatform
content delivery. His own passion towards gaming
technologies has helped him help his clients in launching
games on various platforms on both web and mobile.
Currently his company, Logic Simplified, helps new gaming
ideas to launch in the market.
Overview of the Book
• Load and rendering Complex 3D objects in
WebGL using Javascript.
• Apply textures and lightning to game
scenarios.
• Load rigged 3D models and Skeletal
animations.
• Add physics Engine to WebGl games.
What you will Learn From This Book
• Load 3D objects exported from Blender using
WebGL
• Understand texture mapping and apply textures to
3D objects
• Add lights and a camera to a WebGL scene
• Create simple object animations utilizing matrix
transformations
• Fiddle with complex object animations such as
skeletal animations
• Get to grips with user interaction and picking
• Build multiplayer games in WebGL
• Handle difficult concepts such as animating skinned
models using matrix transformations, quaternion
mathematics, and linear interpolation
• Apply physics engine to your WebGL game
In Detail
WebGL, the web implementation of Open GL, is a
JavaScript API used to render interactive 3D graphics
within any compatible web browser, without the need
for plugins. It helps you create detailed, high-quality
graphical 3D objects easily. WebGL elements can be
mixed with other HTML elements and composites to
create high-quality, interactive, creative, innovative
graphical 3D objects.
This book begins with collecting coins in Super Mario,
killing soldiers in Contra, and then quickly evolves to
working out strategies in World of Warcraft. You will be
guided through creating animated characters, image
processing, and adding effects as part of the web page
canvas to the 2D/3D graphics. Pour life into your
gaming characters and learn how to create special
effects seen in the most powerful 3D games. Each
chapter begins by showing you the underlying
mathematics and its programmatic implementation,
ending with the creation of a complete game scene to
build a wonderful virtual world.
Approach
This book is set-by-step, example-based tutorial that
provides details on gaming logic using Web GL.
Who this book is for
If you are a programmer who wants to transform the
skill of blending imagination and throughput in games,
this is the book for you. You need to have a good
understanding of object-oriented programming,
JavaScript, and vector and matrix operations.

More Related Content

Viewers also liked

Corporate Brochure final version
Corporate Brochure final versionCorporate Brochure final version
Corporate Brochure final versionMichel Audry
 
Ashwest module 3 webeval.
Ashwest module 3 webeval.Ashwest module 3 webeval.
Ashwest module 3 webeval.awesthoven
 
Ashwest module 3 webeval.
Ashwest module 3 webeval.Ashwest module 3 webeval.
Ashwest module 3 webeval.awesthoven
 
Channel i.,.,.,
Channel i.,.,.,Channel i.,.,.,
Channel i.,.,.,Nw Dewan
 
Індекс здоров'я. Україна
Індекс здоров'я. УкраїнаІндекс здоров'я. Україна
Індекс здоров'я. УкраїнаUkraineCrisisMediaCenter
 

Viewers also liked (8)

Corporate Brochure final version
Corporate Brochure final versionCorporate Brochure final version
Corporate Brochure final version
 
Ashwest module 3 webeval.
Ashwest module 3 webeval.Ashwest module 3 webeval.
Ashwest module 3 webeval.
 
Ashwest module 3 webeval.
Ashwest module 3 webeval.Ashwest module 3 webeval.
Ashwest module 3 webeval.
 
02 ciudad 21-04-16
02 ciudad 21-04-1602 ciudad 21-04-16
02 ciudad 21-04-16
 
Channel i.,.,.,
Channel i.,.,.,Channel i.,.,.,
Channel i.,.,.,
 
Website evals
Website evalsWebsite evals
Website evals
 
Індекс здоров'я. Україна
Індекс здоров'я. УкраїнаІндекс здоров'я. Україна
Індекс здоров'я. Україна
 
ITRADE Derivatives strategy guide
ITRADE Derivatives strategy guideITRADE Derivatives strategy guide
ITRADE Derivatives strategy guide
 

Similar to Webgl game development.

Introduction to html5 game programming with ImpactJs
Introduction to html5 game programming with ImpactJsIntroduction to html5 game programming with ImpactJs
Introduction to html5 game programming with ImpactJsLuca Galli
 
A List of Some of the Tools Available to Create Digital Learning Games
A List of Some of the Tools Available to Create Digital Learning GamesA List of Some of the Tools Available to Create Digital Learning Games
A List of Some of the Tools Available to Create Digital Learning GamesKarl Kapp
 
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...Nexgits Private Limited
 
Installing Games Sucks, Learn WebGL
Installing Games Sucks, Learn WebGLInstalling Games Sucks, Learn WebGL
Installing Games Sucks, Learn WebGLCorey Clark, Ph.D.
 
3D Programming Basics: WebGL
3D Programming Basics: WebGL3D Programming Basics: WebGL
3D Programming Basics: WebGLGlobant
 
WebGL For Game Development Spring 2013
WebGL For Game Development Spring 2013WebGL For Game Development Spring 2013
WebGL For Game Development Spring 2013Tony Parisi
 
About logic wolves
About logic wolvesAbout logic wolves
About logic wolvesMohammad Apu
 
Game Development Trends 2023.pptx
Game Development Trends 2023.pptxGame Development Trends 2023.pptx
Game Development Trends 2023.pptxMarkThomas316888
 
Bradfield, Chris - Godot engine game development projects_ build five cross-p...
Bradfield, Chris - Godot engine game development projects_ build five cross-p...Bradfield, Chris - Godot engine game development projects_ build five cross-p...
Bradfield, Chris - Godot engine game development projects_ build five cross-p...Francisco S. Barralaga
 
Ancient world online
Ancient world online Ancient world online
Ancient world online SeifElDeen3
 
Google Developer Student Club Avantika University Info Session
Google Developer Student Club Avantika University Info SessionGoogle Developer Student Club Avantika University Info Session
Google Developer Student Club Avantika University Info SessionAKSHATPATEL48
 
A-Frame: building virtual reality experiences for the web
A-Frame: building virtual reality experiences for the webA-Frame: building virtual reality experiences for the web
A-Frame: building virtual reality experiences for the webErik Minarini
 
Metodologías de desarrollo de software en Gaming
Metodologías de desarrollo de software en GamingMetodologías de desarrollo de software en Gaming
Metodologías de desarrollo de software en GamingGlobant
 
Autodesk Maya 2023.pdf
Autodesk Maya 2023.pdfAutodesk Maya 2023.pdf
Autodesk Maya 2023.pdfHamzaJani4
 
O365 and SharePoint Connect - Create an immersive experience with office 365...
O365 and SharePoint Connect  - Create an immersive experience with office 365...O365 and SharePoint Connect  - Create an immersive experience with office 365...
O365 and SharePoint Connect - Create an immersive experience with office 365...Alexander Meijers
 
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...NCCOMMS
 
Introduction to html5 game programming with impact js
Introduction to html5 game programming with impact jsIntroduction to html5 game programming with impact js
Introduction to html5 game programming with impact jsLuca Galli
 
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArt
Interactive  3D graphics for web with three.js, Andrey Vedilin, DataArtInteractive  3D graphics for web with three.js, Andrey Vedilin, DataArt
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArtAlina Vilk
 

Similar to Webgl game development. (20)

HTML5 Game Development frameworks overview
HTML5 Game Development frameworks overviewHTML5 Game Development frameworks overview
HTML5 Game Development frameworks overview
 
Introduction to html5 game programming with ImpactJs
Introduction to html5 game programming with ImpactJsIntroduction to html5 game programming with ImpactJs
Introduction to html5 game programming with ImpactJs
 
A List of Some of the Tools Available to Create Digital Learning Games
A List of Some of the Tools Available to Create Digital Learning GamesA List of Some of the Tools Available to Create Digital Learning Games
A List of Some of the Tools Available to Create Digital Learning Games
 
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
 
Installing Games Sucks, Learn WebGL
Installing Games Sucks, Learn WebGLInstalling Games Sucks, Learn WebGL
Installing Games Sucks, Learn WebGL
 
3D Programming Basics: WebGL
3D Programming Basics: WebGL3D Programming Basics: WebGL
3D Programming Basics: WebGL
 
WebGL For Game Development Spring 2013
WebGL For Game Development Spring 2013WebGL For Game Development Spring 2013
WebGL For Game Development Spring 2013
 
About logic wolves
About logic wolvesAbout logic wolves
About logic wolves
 
Game Development Trends 2023.pptx
Game Development Trends 2023.pptxGame Development Trends 2023.pptx
Game Development Trends 2023.pptx
 
Bradfield, Chris - Godot engine game development projects_ build five cross-p...
Bradfield, Chris - Godot engine game development projects_ build five cross-p...Bradfield, Chris - Godot engine game development projects_ build five cross-p...
Bradfield, Chris - Godot engine game development projects_ build five cross-p...
 
Ancient world online
Ancient world online Ancient world online
Ancient world online
 
Google Developer Student Club Avantika University Info Session
Google Developer Student Club Avantika University Info SessionGoogle Developer Student Club Avantika University Info Session
Google Developer Student Club Avantika University Info Session
 
A-Frame: building virtual reality experiences for the web
A-Frame: building virtual reality experiences for the webA-Frame: building virtual reality experiences for the web
A-Frame: building virtual reality experiences for the web
 
Metodologías de desarrollo de software en Gaming
Metodologías de desarrollo de software en GamingMetodologías de desarrollo de software en Gaming
Metodologías de desarrollo de software en Gaming
 
Autodesk Maya 2023.pdf
Autodesk Maya 2023.pdfAutodesk Maya 2023.pdf
Autodesk Maya 2023.pdf
 
O365 and SharePoint Connect - Create an immersive experience with office 365...
O365 and SharePoint Connect  - Create an immersive experience with office 365...O365 and SharePoint Connect  - Create an immersive experience with office 365...
O365 and SharePoint Connect - Create an immersive experience with office 365...
 
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...
O365Con18 - Create an Immersive Experience with Office365 Data and Mixed Real...
 
POV | Unity vs HTML5 | Affle Enterprise
POV | Unity vs HTML5 | Affle EnterprisePOV | Unity vs HTML5 | Affle Enterprise
POV | Unity vs HTML5 | Affle Enterprise
 
Introduction to html5 game programming with impact js
Introduction to html5 game programming with impact jsIntroduction to html5 game programming with impact js
Introduction to html5 game programming with impact js
 
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArt
Interactive  3D graphics for web with three.js, Andrey Vedilin, DataArtInteractive  3D graphics for web with three.js, Andrey Vedilin, DataArt
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArt
 

Webgl game development.

  • 2. About the Author Sumeet Arora Sumeet Arora is a tech entrepreneur. He founded Evon Technologies, a consultancy for mobile and web development, and Logic Simplified, a game development company. He holds the position of CTO at Evon and works as a consultant for Logic Simplified. He has worked as an architect consultant for scalable web portals for clients across the globe. His core expertise lies in 3D rendering technologies and collaboration tools. For the past four years, he has been working with various clients/companies on multiplatform content delivery. His own passion towards gaming technologies has helped him help his clients in launching games on various platforms on both web and mobile. Currently his company, Logic Simplified, helps new gaming ideas to launch in the market.
  • 3. Overview of the Book • Load and rendering Complex 3D objects in WebGL using Javascript. • Apply textures and lightning to game scenarios. • Load rigged 3D models and Skeletal animations. • Add physics Engine to WebGl games.
  • 4. What you will Learn From This Book • Load 3D objects exported from Blender using WebGL • Understand texture mapping and apply textures to 3D objects • Add lights and a camera to a WebGL scene • Create simple object animations utilizing matrix transformations • Fiddle with complex object animations such as skeletal animations • Get to grips with user interaction and picking • Build multiplayer games in WebGL • Handle difficult concepts such as animating skinned models using matrix transformations, quaternion mathematics, and linear interpolation • Apply physics engine to your WebGL game
  • 5. In Detail WebGL, the web implementation of Open GL, is a JavaScript API used to render interactive 3D graphics within any compatible web browser, without the need for plugins. It helps you create detailed, high-quality graphical 3D objects easily. WebGL elements can be mixed with other HTML elements and composites to create high-quality, interactive, creative, innovative graphical 3D objects. This book begins with collecting coins in Super Mario, killing soldiers in Contra, and then quickly evolves to working out strategies in World of Warcraft. You will be guided through creating animated characters, image processing, and adding effects as part of the web page canvas to the 2D/3D graphics. Pour life into your gaming characters and learn how to create special effects seen in the most powerful 3D games. Each chapter begins by showing you the underlying mathematics and its programmatic implementation, ending with the creation of a complete game scene to build a wonderful virtual world.
  • 6. Approach This book is set-by-step, example-based tutorial that provides details on gaming logic using Web GL.
  • 7. Who this book is for If you are a programmer who wants to transform the skill of blending imagination and throughput in games, this is the book for you. You need to have a good understanding of object-oriented programming, JavaScript, and vector and matrix operations.