Videos

Nintendo Web Framework Indie: Do I Need the DevKit?

Nintendo Web Framework Indie: Do I Need the DevKit?

3 years ago
Question: Can I develop my game for the Nintendo Wii U without a development kit? Since I’m asked this question more than anything else regarding the Nintendo Web Framework, I’ve decided to make this video. Hopefully this helps you. The short answer is: no – you don’t need a devkit to write your game. The […]
Event Bus: GWT Tutorial (Google Web Toolkit)

Event Bus: GWT Tutorial (Google Web Toolkit)

3 years ago
Why use an event bus: allow components to communicate throughout the app in a decoupled way. This Google Web Toolkit tutorial explains the event bus pattern. Behind the scenes, if you squint your eyes, you can see the subscriber, pub/sub design pattern going on. The purpose and goal of the event bus is to decouple […]
Angularjs Tutorial for Beginners – learn Angular.js using UI-Router

Angularjs Tutorial for Beginners – learn Angular.js using UI-Router

3 years ago
Working Angularjs Code Sample on Plunkr: plnkr.co/edit/YJvbrV2AFq2r6LjSKeQU?p=preview This tutorial will teach you how to build a single page javascript application using Angular.js from Google. Angular is an amazing framework for rapid development and building stable apps with little effort. I’m using UI-Router (github.com/angular-ui/ui-router) for this example, as I really like the way that functions over […]
CSS-Tricks Screencast #130: First Few Minutes with Grunt

CSS-Tricks Screencast #130: First Few Minutes with Grunt

3 years ago
AngularJS Game Tutorial 3: Tile Map – Dispatching menu events

AngularJS Game Tutorial 3: Tile Map – Dispatching menu events

4 years ago
In order to make our map editor app more dynamic, we’ll replace the hard-coded menu links with a list of actions passed in from the controller. Using Angular’s ng-repeat, we’re able to achieve the same result as PHP’s foreach loop. By programming this way, we can declaratively create a menu widget that can be configured […]
AngularJS Game Development 1: 2D Tile Map Editor

AngularJS Game Development 1: 2D Tile Map Editor

4 years ago
This AngularJS tutorial develops a 2D tile map editor for my custom HTML5 game engine Rokko.js. If you know JavaScript game development, this series is perfect for you, especially if you’re into Google’s Angular MVC framework. Description: Learn how to create 2D games using Angular.js and HTML5. The Tile-based map editor created in this tutorials […]
Render Loop – Pixel Art Special Effects – JavaScript Tutorial

Render Loop – Pixel Art Special Effects – JavaScript Tutorial

4 years ago
The render loop is a way to control how and when our scene is drawn to the screen. Inside it we’ll just call all of the game entities using an HTML5 2D canvas. After the canvas has rendered, we will eventually post process the canvas pixel data manually. My hope is that they add a […]
console.warn VS console.error – JavaScript Tutorial for Beginners

console.warn VS console.error – JavaScript Tutorial for Beginners

4 years ago
The main difference between console.warn and console.error is the way they appear in the console. Note that console.error is not the same thing as an error that gets thrown. Execution of your JavaScript will not break because of an error being logged. Copyright (c) 2013 Rodrigo Silveira www.easylearntutorial.com
HTML5 logging – JavaScript Tutorial for Beginners

HTML5 logging – JavaScript Tutorial for Beginners

4 years ago
How to log information to the application UI layer in JavaScript. This way you don’t have to look at the browser’s console. To log complex data types to the user interface, you’ll need to parse your objects, or call the toString class method of the instance you wish to log. Of course, you can also […]
console.log() – JavaScript Tutorial for Beginners

console.log() – JavaScript Tutorial for Beginners

4 years ago
Logging information in JavaScript is very handy. It allows you to send data directly to the browser’s console, so that you can trace the execution path of your script, test data in your application, as well as just simply record events as your web app runs. The console object has a function log, which takes […]
HTML5 2D Canvas Fragment Shader: Feature Request GLSL

HTML5 2D Canvas Fragment Shader: Feature Request GLSL

4 years ago
2D special effect demo done in HTML5 for games: Wouldn’t it be nice if there was a way to specify our own custom fragment shader in HTML5 canvas? More specifically, I would like to be able use a CanvasRenderingContext2D instance (not WebGL), and use my own .glsl shader program. This video demonstrates a simple, yet […]
Image Component – Nintendo Game Development

Image Component – Nintendo Game Development

4 years ago
Now that our Nintendo Wii U game is able to render entities, let’s use HTML5’s canvas API and draw actual images to the screen. The image class will abstract the native image element from HTML 1, as well as abstract away the possibility to use a single image file as an atlas. This way we […]