Index
pre-production, 18–19 A processing.js Almost Native Graphics Layer Engine audio, 28 (ANGLE), 136 basic processing syntax, 26 Angry Birds game, 9, 11, 64, 93 embedding a sketch, 26 Animation engine game developers, 24 bike game, 197 images, loading and importing, 29 clearInterval()method, 202 in-line processing, 27 CycleBlob, 197 JavaScript intergration, 27–28 main() function, 201 JavaScript version, 23 mesh pre-processing stage, 198 jQuery score list, 29 pre-processing, 199 lite version, 24 requestAnimationFrame()method, 202–204 web designers, 24 setInterval(func,timeout), 202 production, 19–20 setTimeout()method, 201–202 puzzle game, 16 speed and measurements, 199 reception, 20–21 steps, 197 risk vs. reward, 23 timing, 200–201 screenshot action, 16 toV vector, 198 simplicity rule, 21 Artistic track screenshot, 65 skill vs. chance, 23 A to B game strengths, 25 18 levels, 17 weaknesses, 25 brainstorming phase, 18 Audio Data API (Mozilla), 6 design background, 16 development stages, 19 Infinite Loop, screenshot, 17 B influence and inspiration, 17–18 Basic game planning inspiration to execution, 23 code modification, 163 post-production and release, 20 collision detection, 162, 172
257 INDEX
Basic game planning (continued) E dart drawing. (see Dart drawing) Embedded OpenType (EOT), 254 dartboard image textured, 167 dartboard variables and buffer initialization, 162 F drawDartboard function, 167 Fire game, 162 demo action, 120 input, 162 emitter implementation, 121 models, 162 fade out, 124 mouse events, 170–172 forces implementation, 122 parameterized shader functions, main loop implementation, 122 164–165 rotation, 123–124 scene and dartboard,drawing, 166 texture scoring, 162, 172–173 creation, 120 shader uniform and attributes, 165 individual flame, 121 texture, loading and initializing, 163 loading, 121 vertex and fragment shader, 164 Fish game Bejeweled game, 9, 10 explodeFish(…)function, 103 makeExplosion(…)function, 103 C makeFish(…) function, 101 new fish making, 97–99 Cascading Style Sheets (CSS), 36 properties, 102 attribute, style, 36 recycling, 102 cursor, 40 removeFish(…) function, 103 descriptive stylesheet language, 36 render, 100–101 domain, 36 sound, 103 selector and declarations, 36 touch or mouse-over a fish, 103 transforms, 39 touchstart and mouseover events, 101 transitions, 38–39 update, 99 user interface, 39–40 web fonts, 37 Client databases, 252–253 G CycleBlob. See Web-based Graphics Library Game (WebGL) Angry Birds, 9, 11, 64, 93 Artistic track screenshot, 65 D Doodle Jump, 64 Minecraft, 64 Dart drawing World of Warcraft, 64 dart buffer, 168–170 GLSL function drawDart(), 170 C-style language, 142 3D CSS tutorial cut/copy shader, 141 container properties, 95–96 fragment shader, 142 default touch/mouse behavior, 105 simplified graphics pipeline, 141 events and game loop timer, 96 vertex shader, 142 fish. (see Fish game) Graphics Processing Unit (GPU), 133 game variables and loop, 95, 97 parallax layer system, 104 particles, 104 H, I puffer fish, background layers, and Hello fireworks particles, 94 demo action, 115 Digital rights management (DRM), 3 emitter implementation, 117 Document object model (DOM), 5 forces, 117–118 Doodle Jump game, 64 hello world, 115
258 INDEX
life and death, 118–119 screenshot application, 62 main loop implementation, 116 screenshot,track, 62–63 rendering, 119–120 folder creation, 65–66 spark designing, 115–116 Minecraft game, 64 HTML markup Mozilla Firefox and Google Chrome, 177 brick type, buttons, 67 Multi-platform HTML5 games