background preloader

HTML5

Facebook Twitter

Platform Game Bitzz built with HTML5 & JavaScript is now open source!

Art Assets

Ludum Dare - Home. Beginning Android ADK with Arduino. Book Description Whether you’re new to Arduino and Android development, or you’ve tinkered a bit with either one, this is the book for you.

Beginning Android ADK with Arduino

Android has always been a natural fit with Arduino projects, but now that Google has released the Android Open Accessory Development Kit (the Android ADK), combining Android with Arduino to create custom gadgets has become even easier. Beginning Android ADK with Arduino shows how the ADK works and how it can be used with a variety of Arduino boards to create a variety of fun projects that showcase the abilities of the ADK. Mario Böhmer will walk you through several projects, including making sounds, driving motors, and creating alarm systems, all while explaining how to use the ADK and how standard Arduino boards may differ from Google-branded Arduinos.

Home. Lee Reilly · Jump into Game Development with GitHub. GitHub hosts a ton of great games, game content, plugins, are more!

Lee Reilly · Jump into Game Development with GitHub

More details below. Lee is a software developer at GitHub, a data reviewer for EA's FIFA Soccer series and a l33t gamer I’m always blown away by GDC attendees’ passion for games - especially the students, recent graduates and indie developers there to network and break into the industry. I’ve heard more than a few people say that the most valuable thing about the GDC is the connections that they make; it’s these connections that help them find their dream jobs in professional game development. I’d like to take a few moments of your time and tell you about another way to connect, get noticed and perhaps find your dream job. Geting Noticed In 2010 Jacob Minkoff delivered an inspiring talk about getting noticed, advising people how they could get their foot in the door. How to make a simple HTML5 Canvas game : Lost Decade Games. You want a quick tutorial for making a SIMPLE game in HTML5?

How to make a simple HTML5 Canvas game : Lost Decade Games

Let's walk through a SIMPLE game practically line-by-line! (If you're curious about my credentials, I made half of A Wizard's Lizard.) Let's jump right in by walking through game.js. You can also play the game right here. Screenshot 1. // Create the canvas var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); canvas.width = 512; canvas.height = 480; document.body.appendChild(canvas); Whitaker Blackall – Music and Sound FX for Video Games. How I went from knowing nothing about programming to being a published game developer (x-post) : gamedev.

Slynk's Revenge - Beginning HTML5 Game Development. Goals: Learn to use the <canvas> tag.

Slynk's Revenge - Beginning HTML5 Game Development

Learn to separate logic to separate source files. Setup a basic game loop. One thing I never liked about programming tutorials is that most are derived from some completed project. Now there’s nothing particularly wrong with this other than the author doesn’t take the time to provide a well documented skeleton to work from, something free of the bloat code specific to their game. We’ll start off with the <canvas> tag. <div align="center"> <canvas id="canvas" width="800" height="600"> Canvas not supported. :( </canvas> </div> This will place a 800 x 600 canvas in the center of the screen.

The canvas is pretty pointless if you can’t draw to it, so create a JavaScript file for your game (mine’s called xong.js). Now your variables and class definitions are part of the global namespace for the page. How to make Angry Birds – part 2. Hello and welcome back to my blog!

How to make Angry Birds – part 2

This is the 2nd part of my series on how to make a game like Angry Birds by Rovio - and its been a while coming… You can read the first part here. The Game Ok, so here is the game so far; there are three demo levels to show the level progress system and some simple looking characters and block types. Apologies for the programmer art Catch up Ok, so last time I had covered how to draw the background graphics and made a start on how the world is going to be composed in terms of collision.

What I’m going to cover in this article is the physics part; stability and optimisations. Build New Games. Let’s Make a 3D Game with HTML5: 00. Welcome to part 00 of Let’s Make a 3D Game with HTML5, a new tutoiral about building an HTML5 game with three.js.

Let’s Make a 3D Game with HTML5: 00

This series will walk you through building a game from the ground up with three.js, covering all the major areas you’ll need to face when building your own 3D game. Selected Frameworks and Tools The game we are going to build will utilize several components: JavaScript: Our language of choice and no, it has nothing to do with Java! Sublime Text 2: Amazing text editor for writing code.Chrome: To run our code and take advantage of its rocking development tools.Three.js: Abstracted graphics framework for WebGl.jQuery: Helper framework to initialize and capture events.Photoshop: Photo manipulation tool to help develop concepts and textures.Cinema 4d: 3d application to create and animate our art assets.RoadKill UV: Tool for unwrapping 3d objects for texturing.Collada or JSON 3D Objects: Output files for the graphics pipeline.github: God bless version control! Making a Speedy HTML5 Game - Desarrolladores de Facebook. This is a guest post by Sean Soria of Gamzee, a leader in HTML5 game development.

In this post, he describes the potential of creating a city build using HTML5, as well as the trial and tribulations and how you can avoid them. Back when we started Gamzee, a lot of people in the game industry were down on HTML5. The hopeful ones said that HTML5 was the wave of the future, but it just wasn't stable or fast enough to make the big sort of 'Ville-type Flash games that dominate social gaming today.

So what did we do?