HTML5 / JavaScript ist starting to get useful

[Kitty Hello]

Howdy,

the HTML5 port is getting into shape. I found some bugs and have a working demo now. See attached file.
Next step is to pack the resources from the Media directory into the html and then compress the output with a gzip option. But it's all no big problem anymore I guess.

It's a bit slow on my Opera browser. Maybe it's Opera, maybe another bug. It's using WebGL, btw.

One tiny bitter pill is there to swallow, though. The structured programming of GLBasic will have to be changed for HTML5. There's no way to write code like:

Code (glbasic) Select Expand


WHILE TRUE
   PRINT "X", 0,0
   SHOWSCREEN

for JavaScript. It would lock the browser and that would kill the script soon.

So, GLBasic (V11) already supports a new mechanism for this (cross platform, of course).
The key is the GLB_ON_LOOP sub, and the command SETLOOPSUB, that are new.

Here's the HTML5 example attached as code:

Code (glbasic) Select Expand


LIMITFPS 60
STDOUT "In main game now\n"
GLOBAL stary%[]
DIM stary%[300]
FOREACH y IN stary[]
y = -RND(400)
NEXT

// SETLOOPSUB "GLB_ON_LOOP" // - GLBasic V11 calls this at the END of "main"

STDOUT "finishing the main loop now\n"


@SUB GLB_ON_LOOP: // this is called by the framework after the "main" init module
LOCAL spd% = 0, x% = 0
FOREACH y IN stary[]
spd = bAND(spd+1, 3)
INC y, spd+1
PRINT "*", x, y
IF y>400 THEN y=-32
INC x
NEXT

PRINT "Merry Christmas, HoHoHo", 32,(1+SIN(GETTIMERALL()/10.)) * 64+60

SHOWSCREEN

ENDSUB





[attachment deleted by admin]

[Wampus]

Can't wait to play with this. Go Gernot! 

[bigsofty]

Very cool stuff!  I had a wee look at the produced Javascript too...

[Ruidesco]

It does work well in Firefox.

[spicypixel]

What's the effective overhead in Kb for a HTML5 project? For example would a simple "Hello World!" have 300Kb core js code regardless, more? less?

[erico]

aaaalmost there
this should open up a new dimension, I wonder what people here have in mind for it.

Great work Gernot!
I will try and get Papai Noel to deliver you some this year.

Now, if I get this right, a home page could then be programed with GLB right?
Should work on almost every browser but IE, right?

Really great to hear advancements on this front.
Congrats!  

[Hemlos]

Looks and works great! Cant wait to give it a shot!

I noticed the fullscreen doesnt scale up, but it does fill the screen with a black background.

[mentalthink]

Uhhhhu!!! This it´s very very nice!!!

In Firefox for me runs very fine!!! super-smooth and quick!!!

[backslider]

Wow!

This is really nice, Gernot!
I can't wait for a Web GLBasic Game!

Show the monkey who the boss is. (only a joke)

[jestermon]

WOW. Perfect under Firefox. Smooth and fast. I can see network analysis and management front-end programs with hundreds of bells and whistles. Can't wait for it.

[MrTAToad]

It doesn't seem to like Internet Explorer 9 unfortunately - just get "Downloading" and an empty box - so it looks like all browsers except that are supported

It'll be interesting to see what sprites are like!

[Ruidesco]

IE doesn't support WebGL at all.
MS making friends yet again.

Well, to be honest you can install a plug-in for WebGL support. But it just doesn't support it natively like the rest of the world does.

[MrTAToad]

It's no great loss not being able to use the current version of Internet Explorer

[spacefractal]

Look like its a nice solution . I do allready something like that in Greedy Mouse, so I could adapt it very easy (that property in the java applets public void run() did the extract same thing and then its easier for me doing something similar). Howover the game mightbeen a tad too big for online use, but could been fun if its could been integrate that way for new platforms mightbeen....

[D2O]

FF          geht
Chrome geht aber kein Fullscreen
IE          geht nicht, leeres fenster
Opera   geht nicht, leeres fenster
Safarie  geht nicht, leeres fenster

Video: ~5mb
http://www.deuteriumoxid.com/glbasic/GLBHTML5.avi