Blogs

Adobe recently released HTML5 Pack extension for Dreamweaver CS5. It adds initial support for HTML5 and CSS3 in Dreamweaver’s Live View mode as well as code hinting for HTML5/CSS3 exclusive properties. I just put together a quick test page and it’s pleasant to know that CSS animation is also supported within the Live View screen.

Another nice addition is the Multiscreen Preview which shows you multiple rendering of the page in different sizes. By default, it’s set to iPhone, iPad and Browser. This goes for Dreamweaver in general, but it would be nice if there was an option to set each view’s layout/rendering engine. I’m assuming it’s using some version of Webkit right now as it only accepts “-webkit-” prefix for CSS3 properties such as border-radius and text-shadow. Another addition I would like to see in the future is to be able to scroll through the whole multiscreen panel. You can scroll within each screen, but let’s say if there is a view that’s cut off below bottom of the panel, there is no way to get to it other than reducing the height of screens above it.

This extension is quite handy and I wouldn’t mind switching over to Dreamweaver to do HTML5 stuff, but then again, it crashed like 5 times while creating the test page. I’m sure it’s not the extension and it’s a Dreamweaver thing. Anyhow, I would highly recommend people with Dreamweave CS5 to try out this extension.

Adobe Dreamweaver CS5 HTML5 Pack

I’ve put together some CSS transitions that I’ve created in the past on this demo. It uses JS initially to set up the elements and the right CSS properties. After that all the looping animation is handled by CSS transitions. You’re gonna need a WebKit based browser to view this demo.

Announcement! I am being featured in the latest edition of the Applied Arts Magazine under the Young Blood column. It’s a full spread column dedicated to showing young talents in various media / communication related field. Ya, it’s pretty cool

I have just updated my Cube Defense Demo to work in both WebGL enabled WebKit and FireFox. It is still 10-20fps slower compared to WebKit, but hey, at least it works! I would like to thank those who emailed me tips on making it compatible for both.

To share my experience, these are some of the things I had to change to make it work for WebKit and FireFox:
• Use UNSIGNED_SHORT instead of UNSIGNED_BYTE
• Use CanvasUnsignedShortArray instead of CanvasUnsignedByteArray
• For FireFox, use WebGLFloatArray instead of CanvasFloatArray. This will make things faster.
• ARRAY_BUFFER rather than ELEMENT_ARRAY_BUFFER
• “clearDepth” for WebKit, “clearDepthf” for FireFox
• In “bindBuffer” function use null instead of 0

If you have anything else to add, share your thoughts!

*Update: (November 18th, 09)
This is a little outdated now, so I crossed out some irrelevent stuff. Also, in the lastest WebKit, anything that was CanvasXXXXXArray is now WebGLXXXXXArray.

This is a playable demo of a game I’ve been working on with WebGL. As per usual, this will only run in WebKit Nightlies build. No bias or anything, but WebGL runs too slow for the game to work in FireFox Minefield. (It will work in both WebGL enalbed WebKit and Firefox, but WebKit will perform better.) This is also my first take on trying to make a tower defense style game, so don’t expect too much.

You can download the latest simulator from this page.

Some major PhoneGap simulator update along with two new skins (Sony Ericsson Satio & Rachael). By default, the skin size is set to 100% according to the screen resolution. This may be too big for some monitors, so a new feature has been added to scale the skin (x1~0.25x).

In the source, I have updated the skinning stuff a bit so it is entirely configured in settings.xml. This will make adding new skins a lot easier and faster.

Also, if there is a request for new skins (WebKit enabled phone only) to add, this might be a good opportunity for me to ask. No guarantee that it’s going to be added, but it would be useful to know if there is a high demand on certain device that is not currently included PhoneGap Simulator. I’ll take the request as a comment to this post.

This is a work in progress of a game I will be making. This is based on BOOST (Some of you might see the resemblance).

Like the last example, it only runs on WebKit Nightlies at the moment. It renders partially in Firefox (Minefield) but is too slow, so I have disabled it from running.

It’s been a while since I’ve blogged last time. We’ve just wrapped up a project with VanAqua (See Chris Stone’s post for more info) and now with my down time, I started looking into WebGL. WebGL is OpenGL for web (duh) but it is currently underdevelopment and it is supported in very few browsers.

This is something I’ve come up with today. I am planning on turning this into some sort of game. Use A-S-W-D keys to move your box.

IMPORTANT!!!: You’ll need to have the latest WebKit Nightly build to run this. To set up, just follow the instructions on this page.

_
Peace out.

Our second iPhone / iPod Touch game, Cannon Head has finally been approved, and as a promotion we will be selling the game for 50% off (99¢) until June 30th. To celebrate the release, we are also putting out BOOST for free. We have our third project on the way, which is aimed to go on sale next month. Stay tuned!

Nitobi Games is a portal dedicated to iPhone / iPod Touch (and Android in the future) games that we will be making. Our first game BOOST has been added to iTunes App Store, and our second game Cannon Head will be ready soon.