Temple of The Roguelike Forums

Announcements => Traditional Roguelikes (Turn Based) => Topic started by: qbradq on October 06, 2011, 01:44:01 PM

Title: HTML+JS Tech Demo
Post by: qbradq on October 06, 2011, 01:44:01 PM

Link with Demo: http://code.google.com/p/dhack/ (http://code.google.com/p/dhack/)

Hi folks! I have just completed a tech demo using HTML and JavaScript to render Code Page 437 characters within a browser window using a Unicode font. The display technique is the result of several research and development projects, but is still quite slow in Internet Explorer for full-screen updates.

Anyhow, there's a little game here with a snazzy user interface, help documents, equipable weapons, usable items and castable spells. Can you find the Goblin King and destroy him? Probably :P

Now that I've got the technology and fundamental systems down I am putting some actual design work into a game using that technology. Let's hope I finish it :D

Title: Re: HTML+JS Tech Demo
Post by: getter77 on October 06, 2011, 07:09:11 PM

Congrats and keep at it---always good to see people striding forth using new tech!   8)

Title: Re: HTML+JS Tech Demo
Post by: Ouren on October 07, 2011, 07:58:56 PM

Yea, keep going.
HTML5/Canvas shit is the future.

Title: Re: HTML+JS Tech Demo
Post by: qbradq on October 09, 2011, 01:43:10 AM

This does not use canvas. It's a lot faster to render text using divs and JS. I did a bit of research on all this stuff :D

I suppose I could make a canvas / graphical version. But yea, I prefer CP 437 :D

Title: Re: HTML+JS Tech Demo
Post by: ondras on October 11, 2011, 07:34:49 PM

Quote from: qbradq on October 09, 2011, 01:43:10 AM

This does not use canvas. It's a lot faster to render text using divs and JS. I did a bit of research on all this stuff :D

I suppose I could make a canvas / graphical version. But yea, I prefer CP 437 :D

I have a canvas/html/image switch in my game: the "Map style" link in the bottom right corner (http://ondras.zarovi.cz/js-like/). The canvas backend seems to be marginally faster, but the true difference is in the features provided - canvas allows easy saving of a screenshot, HTML allows east copy&paste of the map...