Devana how a browser game is made


image feature enhancement

I've done this web application as a research project for school.
The code uses the new HTML 5 canvas to manipulate image pixels via JavaScript.
Click on "load" then on "filter" to find the high contrast areas in the image and to enhance their visibility.
The "threshold" number is the contrast limit for which the areas are enhanced.
The "enhance ratio" shows by how much the brightness of those areas is increased. Setting this to 1 will disable the enhancement.
The "apply mean" option allows you to replace the active pixel with a mean value of it's high contrast neighbors before the actual enhancement is done.

A new Devana update should be available within 2 weeks.

Filed under: misc 3 Comments

forum disabled

Due to excessive spam bot posts the forum is going offline.
I am very sorry for those who used the board for mods, but I just cannot keep cleaning up after people who just do not appreciate such mediums. It's a real shame, as phpBB is really good.

The forum will reemerge once devana 2.0 nears completion and it will use code written by myself since that is the only way to prevent spam bot abuse.

Filed under: misc 60 Comments

webGL experiment

I had a school assignment for today. Some algorithm optimization using Newton's discrete method.
The fun thing is that I got to display f(x, y) type functions in 3D space. I chose to do so using the new webGL draft from the html5 suite.
It was a whole lot of fun making it. A colleague created Newton's method code while I just wrote the 3D rendering stuff.

Here's the link:
Keep in mind that since this is a very new draft (v1.0 released on March 3, 2011), not all browsers currently support it.
At the time this post was written, the script was tested and worked on Chrome and Firefox 4 Beta. It might also work in Safari, but It needs testing.

This will surely be a thing of the future as I'm sure lots of great games/applications will be made using it. Even more once the support across browsers will be wide spread.


Make sure to first press "compute" and then "draw" for the script to work properly.
Also, here is a set of functions I used to test this script:

Math.pow(1-x, 2)+100*Math.pow(y-Math.pow(x,2),2)
Math.pow(x, 2)-Math.pow(y, 2)
Math.pow(1-x, 2)+100*Math.pow(y-Math.pow(x, 2),2)

For the last one to display properly, use a "z scale" value of 0.0007 as that function conjures high Z values and they won't show up nicely with the default 1 "Z scale".

Enjoy. :)

Filed under: misc 15 Comments


Lots of people said that Devana 1.x.x has messy code and an ugly UI. They were right.
So, a while ago, before starting work on Devana 2.0, I created 2 small projects.

The first was which today became open source. It helped me learn more about HTML, CSS and it also started the template system that I'm currently using in Devana 2.0.
The code is a bit messy, but fully functional.

Enjoy! :)

Filed under: misc 1 Comment

hello world

Welcome to the development blog of Devana 2.0, a "when it's done" to be released browser based open source game.
To check out the current version, go to the Devana page.

Filed under: misc 5 Comments