book

Build Your Own 2D Game Engine and Create Great Web Games: Using HTML5, JavaScript, and WebGL

Name: Build Your Own 2D Game Engine and Create Great Web Games: Using HTML5, JavaScript, and WebGL
ISBN: 9781484209523

by Kelvin Sung, Jebediah Pavleas, Fernando Arnez, Jason Pace

October 2015

Intermediate to advanced

496 pages

13h 43m

English

Apress

Read now

Unlock full access

Cover
Title
Copyright
Dedication
Contents at a Glance
Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction

Chapter 1: Introducing 2D Game Engine Development with JavaScript
The TechnologiesSetting Up Your Development EnvironmentDownloading and Installing JavaScript Syntax CheckerWorking in the NetBeans Development EnvironmentCreating an HTML5 Project in NetBeansThe Relationship Between the Project Files and the File SystemHow to Use This BookHow Do You Make a Great Video Game?ReferencesTechnologies
Chapter 2: Working with HTML5 and WebGL
IntroductionCanvas for DrawingThe HTML5 Canvas ProjectSeparating HTML and JavaScriptThe JavaScript Source File ProjectObservationsElementary Drawing with WebGLThe Draw One Square ProjectObservationsAbstraction with JavaScript ObjectsThe JavaScript Objects ProjectObservationsSeparating GLSL from HTMLThe Shader Source Files ProjectSource Code OrganizationChanging the Shader and Controlling the ColorThe Parameterized Fragment Shader ProjectSummary
Chapter 3: Drawing Objects in the World
IntroductionEncapsulating DrawingThe Renderable Objects ProjectObservationsTransforming a Renderable ObjectMatrices as Transform OperatorsThe glMatrix LibraryThe Matrix Transform ProjectObservationsEncapsulating the Transform OperatorThe Transform Objects ProjectThe Transform ObjectView, Projection, and ViewportsCoordinate Systems and TransformationsThe View Projection and Viewport ProjectThe CameraThe Camera Objects ProjectSummary
Chapter 4: Implementing Common Components of Video Games
IntroductionThe Game LoopThe Game Loop ProjectKeyboard InputThe Keyboard Support ProjectResource Management and Asynchronous LoadingThe Resource Map and Shader Loader ProjectGame Level from a Scene FileThe Scene File ProjectScene Object: Client Interface to the Game EngineThe Scene Objects ProjectAudioThe Audio Support ProjectSummaryGame Design Considerations
Chapter 5: Working with Textures, Sprites, and Fonts
IntroductionTexture Mapping and Texture CoordinatesThe Texture Shaders ProjectDrawing with Sprite SheetsThe Sprite Shaders ProjectSprite AnimationsOverview of Animated Sprite SheetsThe Sprite Animation ProjectFonts and Drawing of TextBitmap FontsThe Font Support ProjectSummaryGame Design Considerations
Chapter 6: Defining Behaviors and Detecting Collisions
IntroductionGame ObjectsThe Game Objects ProjectChasing of a GameObjectVectors ReviewThe Front and Chase ProjectCollisions Between GameObjectsBounding BoxThe Bounding Box and Collisions ProjectPer-Pixel CollisionsThe Per-Pixel Collisions ProjectGeneralized Per-Pixel CollisionsVector Review: Components and DecompositionThe General Pixel Collisions ProjectPer-Pixel Collisions for SpritesThe Sprite Pixel Collisions ProjectSummaryGame Design Considerations
Chapter 7: Manipulating the Camera
IntroductionCamera ManipulationsThe Camera Manipulations ProjectInterpolationThe Camera Interpolations ProjectCamera Shake EffectThe Camera Shake ProjectMultiple CamerasThe Multiple Cameras ProjectMouse Input Through CamerasThe Mouse Input ProjectSummaryGame Design Considerations
Chapter 8: Implementing Illumination and Shadow
IntroductionOverview of Illumination and GLSL ImplementationAmbient LightThe Global Ambient ProjectLight SourceGLSL Implementation and Integration into the Game EngineThe Simple Light Shader ProjectMultiple Light Sources and Distance AttenuationThe Multiple Lights ProjectDiffuse Reflection and Normal MappingThe Normal Maps and Illumination Shaders ProjectSpecular Reflection and MaterialsIntegration of Material in the Game Engine and GLSL ShadersThe Material and Specularity ProjectLight Source TypesThe Directional and Spot Lights ProjectShadow SimulationThe Shadow Simulation AlgorithmThe Shadow Shaders Project
Summary
Game Design Considerations
Chapter 9: Integrating Physics and Particles
IntroductionPhysics OverviewMovementCollision DetectionCollision ResolutionDetecting CollisionsThe Rigid Shape Bounds ProjectResolving CollisionsThe Rigid Shape Impulse ProjectParticles and Particle SystemsThe Particles ProjectParticle EmittersThe Particle Emitters ProjectSummaryGame Design Considerations
Chapter 10: Supporting Camera Background
IntroductionTiling of the BackgroundThe Tiled Objects ProjectSimulating Motion Parallax with Parallax ScrollingThe ParallaxObjects ProjectLayer ManagementThe Layer Manager ProjectSummaryGame Design Considerations
Chapter 11: Building a Sample Game: From Design to Completion
Part 1: Refining the ConceptPart 2: Integrating a SettingContextual Images Bring the Setting to LifeDefining the Playable SpaceAdding Layout to the Playable SpaceTuning the Challenge and Adding FunFurther Tuning: Introducing EnemiesGeneral ConsiderationsPart 3: Integrating Additional Design ElementsVisual DesignGame AudioInteraction ModelGame Systems and Meta GameUser Interface (UI) DesignGame NarrativeBonus Content: Adding a Second Stage to the LevelSummary
Index

Content preview from Build Your Own 2D Game Engine and Create Great Web Games: Using HTML5, JavaScript, and WebGL

CHAPTER 8

Implementing Illumination and Shadow

After completing this chapter, you will be able to:

Understand the parameters of simple illumination models
Define infrastructure supports for working with multiple light sources
Understand the basics of diffuse reflection and normal mapping
Understand the basics of specular reflection and the Phong illumination model
Implement GLSL shaders to simulate diffuse and specular reflection and the Phong illumination model
Create and manipulate point, directional, and spotlights
Simulate shadows with the WebGL stencil buffer

Introduction

Up to now in your game engine you have implemented mostly functional ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Build Your Own 2D Game Engine and Create Great Web Games: Using HTML5, JavaScript, and WebGL2

Publisher Resources

ISBN: 9781484209523Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Build Your Own 2D Game Engine and Create Great Web Games: Using HTML5, JavaScript, and WebGL

by Kelvin Sung, Jebediah Pavleas, Fernando Arnez, Jason Pace

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.