HTML5 RougeLIke

[languard]

First has anyone done one yet?  Currently revving up one myself to A)Get experience programming a RL before inflicting them on my students B)To learn the CANVAS tag and HTML and it's always good to see what else has been done before.

Second, is there a common tweet tag for RL development?  #rougelike has nothing, nor does #rougedev.  Those are the two hash tags I was going to use, and will use I guess if there isn't something out there yet.

[Ancient]

Cardinal Quest is one such game.

There is nothing under these tags because you are misspelling it. it roGUe, not roUGe.

[languard]

*facepalm* Spelling error.  Of course.  Thanks for the link as well

[Ancient]

You are welcome. The rogue/rouge mishap is so common nobody gets upset when this happens. There is even The Roguelike 7DRL and POWDER was actually named under this inspiration. You know, rogue is misspelled as rouge, rouge is a kind of powder so ... POWDER!

Enough ranting, you may wish to check out another HTML5 roguelike I remembered:
A Little Anxious When It's Dark has a CSS3/HTML5 HUD. Beware, it is very demanding in regards of minimum system requirements because it also uses WebGL.

[languard]

Well I'll have to wait until I get home to test the second one out.  This netbook is not exactly what you would call a gaming machine    Do love the Iron Maiden reference though. Oddly enough Cardinal Quest crashes FireFox almost constantly, so I wasn't able to try it out very much.

Still nothing under the #roguedev tag, so I'll start using that on twitter.

For anyone that is interested, I'll be blogging about the development of webrogue at http://webrogue.blogspot.com/, and the project website is http://WebRouge.languard.kodingen.com/index.html.  At the moment there is nothing there other than some ultra basic info.  Will be changing soon though.

[siob]

Unclear if it yet qualifies as rogue but I'm developing this with GameJs (canvas + js):

http://apps.gamejs.org/rtsimple/

control with mouse

[languard]

@Ancient: How strange, can't load up Anxious on my work machine    Using Chrome 10, and I can play Crysis, but not a web-based RL.  Technology is grand sometimes 

@siob: Thanks for the link.  My first thought was: oh great it's broke on FireFox.  Then 20 seconds later it finally started.  In dev, I know, but you really need to improve that load time, or give a status bar or something.  Attention spans on the web are oooo shiny video....

*coughs* Where was I?  Oh right, improve the load screen    The GameJs looks interesting as well.

My first round of experimentation is going to be with vector based graphics and the Dojo Toolkit.  I like the UI that you can do with Dojo, so we'll see how that goes.  Hopefully I'll something up later today that is playable.

[Ancient]

Anxious has caused a lot of head scratching for us in the reviewing committee too. Half of us were unable to run this. People who were initially assigned to this all happened to belong to that very group.

[languard]

Update on blog: goo.gl/eHMbU  Nothing much.  Backing off on vectors due to low support, started work on core.js.  Hopefully something playable tomorrow.

[siob]

Anxious has caused a lot of head scratching for us in the reviewing committee too. Half of us were unable to run this. People who were initially assigned to this all happened to belong to that very group.

regarding webGL: even if you have chrome or firefox4, your GFX card must be supported and I know that ff4 is still blocking a lot of them due to open bugs.

Maybe in half a year most combinations of browsers/cards work.

edit @languard, this has a ton of up2date info about different JS engines / frameworks / tools: https://github.com/bebraw/jswiki/wiki/

[languard]

Perhaps someone knows of a better solution, but I found a good solution on the net for including javascript files:

Code: [Select]

//Function posted by jawednazarali
//taken from: http://forums.digitalpoint.com/showthread.php?t=146094
//Attribution added by Languard
function include(filename)
{
    var head = document.getElementsByTagName('head')[0];

script = document.createElement('script');
script.src = filename;
script.type = 'text/javascript';

head.appendChild(script)
}

Finally getting a chance to work on it tonight.  Experimenting with using arrays of functions and a factory system to make the engine easily moddable/expandable.

[languard]

JavaScript doesn't support associative arrays, which is very aggravating because the system I had envisioned used them.  Ah well, such is life I suppose.

[siob]

JavaScript doesn't support associative arrays, which is very aggravating because the system I had envisioned used them.  Ah well, such is life I suppose.

maybe I misunderstand, but javascript has nothing but assoc arrays:

var test = {
   "aRandomKey": 123,
   234: true
};

regarding javascript loaders, may I suggest: RequireJs.

No offense, but you don't seem to have much JS knowledge May I suggest this as intro material: https://developer.mozilla.org/en/A_re-introduction_to_JavaScript

If you want a pure reference doc: https://developer.mozilla.org/en/JavaScript/Reference

[languard]

*laughs* No offense taken.  It's been 10+ years since I've worked with javascript, and I never was very heavily into the language.

What you posted is an object if I understand the language correctly, not an array.  I can do the same thing in C#:

Code: [Select]

class test
{
  int aRandomKey = 123;
  bool _234 = true;
}

A few minor syntax differences, but the same thing.  Those are objects, not arrays.  Arrays use the [ ] brackets for access, so it would look like this: someArray["akey"] = something.  While that appears to work in JS, it doesn't really.  Not as a true array.

[purestrain]

Code: [Select]

var foo= new Array()
foo["z1"]="x1";
foo["z2"]="x2";
foo["z3"]="x3";

Should work in javascript afaik