2 options
Build an HTML5 game : a developer's guide with CSS and JavaScript / by Karl Bunyan.
- Format:
- Book
- Author/Creator:
- Bunyan, Karl, author.
- Language:
- English
- Subjects (All):
- Video games--Programming.
- Video games.
- Web applications.
- HTML (Document markup language).
- JavaScript (Computer program language).
- Cascading style sheets.
- Physical Description:
- 1 online resource (220 p.)
- Edition:
- 1st edition
- Other Title:
- Build an Hyper Text Markup Language five game
- Developer's guide with CSS and JavaScript
- Developer's guide with Cascading Style Sheets and JavaScript
- Place of Publication:
- San Francisco, California : No Starch Press, 2015.
- Language Note:
- English
- System Details:
- text file
- Summary:
- A hands-on guide to web game development for programmers interested in building games using HTML5, CSS3, and JavaScript.
- Contents:
- About the Author; Brief Contents ; Contents in Detail ; Preface; Acknowledgments; Introduction; Why Build HTML5 Games?; Using Skills You Already Have; Multi-environment Development; A Rapidly Improving Platform; About This Book; Who This Book Is For; Overview; Depth of Coverage; How to Use This Book; Part 1: Building a Game with HTML, CSS, and JavaScript; Chapter 1: Preparation and Setup ; How the Game Is Played; Building the Game; Development and Testing Environment; Web Browser Testing; Debugging in the Web Browser; Laying Out the Game Screen; Creating Panels with HTML and CSS
- Code StructureAdding the First Scripts; The Modernizr and jQuery Libraries; Adding the Modernizr Library; Loading in Scripts with Modernizr; Modular JavaScript; User Interface and Display Scripts; Summary ; Further Practice; Chapter 2: Sprite Animation Using jQuery and CSS; Principles of CSS Sprites; Creating the Game Board ; Adding Sprites; Animation and the Bubble Class; Calculating Angle and Direction; Firing and Animating Bubbles; Summary; Further Practice; Chapter 3: Game Logic; Drawing the Game Board; Rendering the Level; The Bubble Queue; Detecting Collisions; Collision Geometry
- Collision Detection LogicReacting to Collisions; Adding the Bubble to the Board; Locking the Bubble into the Grid; Summary; Further Practice; Chapter 4: Translating Game State Changes to the Display; Calculating Groups; Fetching Bubbles; Creating Matching Color Groups; Popping Bubbles; Removing Bubble Groups with JavaScript; Popping Animations with CSS; Orphaned Groups; Identifying Orphaned Bubbles; Dropping Orphaned Bubbles; Exploding Bubbles with a jQuery Plug-in; Summary; Further Practice; Part 2: Enhancements with HTML5 and the Canvas; Chapter 5: CSS Transitions and Transformations
- Benefits of CSSBasic CSS Transitions; How to Write a Transition; Color-Changing Buttons; Basic CSS Transformations; How to Write a Transformation; Scaling a Button; CSS Transitions in Place of jQuery animate; Disadvantages of CSS Transitions; Summary; Further Practice; Chapter 6: Rendering Canvas Sprites; Detecting Canvas Support; Drawing to the Canvas; Image Rendering; Canvas Elements; Rotating a Canvas; Sprite Rendering; Defining and Maintaining States ; Preparing the State Machine; Implementing States; Sprite Sheets and the Canvas; The Canvas Renderer; Moving Sprites on the Canvas
- Animating Canvas Sprite FramesSummary; Further Practice; Chapter 7: Levels, Sound, and More; Multiple Levels and High Scores; New Game State Variables; Display Level and Score; Ending Levels Efficiently; High Score Persistence with Web Storage; Web Storage vs. Cookies; Adding Data to Web Storage; Smoothing Animations with requestAnimationFrame; A New Perspective on Frame Updates; Code Compatibility with Polyfills; Adding Sound with HTML5 ; The HTML5 Audio API; Popping Bubbles: Complete with Sound; Summary; Further Practice; Chapter 8: Next Steps in HTML5; Saving and Retrieving Data; AJAX
- WebSockets
- Notes:
- Includes index.
- Description based on print version record.
- ISBN:
- 9781457189876
- 1457189879
- 9781593276782
- 1593276788
- OCLC:
- 907477322
The Penn Libraries is committed to describing library materials using current, accurate, and responsible language. If you discover outdated or inaccurate language, please fill out this feedback form to report it and suggest alternative language.