Adrian Herbez Rotating Header Image

Posts Tagged ‘javascript’

More fun with HTML5 and the <canvas> tag

I just finished a second small html5 example. In this one, I create randomized terrain and place a soccer ball in the middle of the resulting field. The arrow keys will accelerate the ball left and right. The ball both follows the terrain and rotates as it moves.

Go here to see it in action.

projects , ,

Experimenting with HTML5

Just spent the evening watching Dexter and playing around with the canvas tag. I made a small game-like experiment that lets players control a man in black to capture aliens. Not terribly polished, but it’s a decent example of gameplay for a couple hours of messing around.

Click here to see the result in action.

projects , , ,

Chat Fiction

This was a small experiment in delivering fiction through a simulated chat interface. There are two characters, both with pre-scripted dialog. The user takes on one of the roles, with the other being automated.
 
The automated character “types” messages by waiting a set amount of time between adding lines of text, with the specific amount of time being a function of the number of characters in that line. Once the automated character has typed a line, control switches back to the user. Each keypress on the keyboard adds a letter to a simulated text entry field, with the letters coming from the script. Once the user has “typed” all of the letters for a given line, it is added to the ongoing dialog (as if they had pressed the enter key), and control switches back to the simulated character.
 
Check it out here.

projects ,

Out-of-Office tool

This was one of the tools I built during my time at Linden Lab. It is meant to make it easy for employees to indicate when they will be out of the office, and to easily see when their teammates will be gone or otherwise unavailable.

I developed both the back-end (MySQL/PHP) and front-end (HTML/JS) components of the system from start-to-finish, though I owed Johnhenry Righter a big debt of gratitude for making it actually look good.

projects , , ,

Metrics dashboard

This was a tool I wrote while at Linden Lab to make it easy for employees to monitor metrics related to Second Life. A user could select metrics to subscribe to, which would then be displayed in individual windows. The background color (green, yellow, or red) of the window indicated whether the number was “good” (green), “bad” (red), or in between (yellow).

The stats reporting system was built by LL’s data warehousing team, and I built the frontend, including a windowing system implemented in javascript- each of the windows could be resized and moved around. Bigger windows would display their metrics in larger text, allowing users to highlight metrics that were especially important to them.

There was also a lightweight social component, in that the page to allow users to subscribe to metrics also displayed the usernames of everyone that had signed up to watch a given metric.

projects , ,