March 26

Make a Game with ImpactJS Tutorial

While doing research in game development using HTML5, ImpactJS is a framework that is mentioned as being the best to date for making HTML5 games.  The great thing is that you can port over HTML5 to mobile platforms using AppMobi, PhoneGap, or Ejecta.  You will also learn Node.js and Socket.io in the tutorials.

Here is an extended tutorial for beginners:

The entire playlist http://www.youtube.com/playlist?list=PLAD5A0C028DA09694

September 23

Scale HTML5 Video to Fit Screen

Fullscreen HTML5 Video


With the recent updates of browsers supporting web more W3C standards, it is easier to embed HTML5 videos than before, although you still have to provide your video in multiple codecs such as webm, ogg, and mp4.
The thing is you still have to use javascript to control the video’s functionality. So here’s the simplest way to make your HTML5 video fit the screen of your browser. For this demo I will be using the popular and free video.js open source player.  There are several ways to do this, but after testing across different browsers I found this way the most efficient. (Demo inside)
Continue reading

July 11

Flare jQuery Plugin

Optical flare plugin

Description

This is a plugin for jQuery I developed, which renders a colored optical flare to slide across elements such as boxes, images, and containers. The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event triggering the animation. The animation is performed by sliding across an element’s top-left corner to the top-right corner.  It is the first of it’s kind on the web!

Features

  • Cool movie-style effect also used in games such as Sleeping Dogs.
  • Works in Chrome, Firefox, and Safari, and IE 10 including mobile.
  • Uses modern CSS techniques.
  • Customizable glow color, speed, glow radius, and trigger event.
  • First Optical flare effect without use of images.

Demo

Continue reading