next »

[DanFessler]

So let me start off by saying I'm not a programmer by any stretch of the imagination - I work as a senior artist for flash games at the moment.  The only real experience I have with programming are a couple crappy BASIC languages. But lately I've been dabbling with JavaScript - specifically HTML5.

So the idea is to make functions in JavaScript that would make coding much more friendly to me coming from a BASIC background.  I don't know what exactly the end result will be, but it gets closer and closer to looking like a game as I continue.  This thread will track it's aimless progress...

7/30/2010:



LINK: http://danfessler.com/html5

Features:

• (NEW) Tile Collision
• (NEW) Basic Physics
• Simple sprite library
  
  • Animation strip support
  • Variable speed playback (negative values for reverse)
  • Sprite rotation

• Hacked together tile engine with screen culling
• different draw context layers (background, world, ui)
• input handling

To Do:

• Image Preloader
• fix chrome bug
• fix safari loading bug
• Expanded Sprite Library

[increpare]

All I see is the background (on chrome on windows).

[DanFessler]

It is almost surely due to the images not being preloaded before they are used.  Thats on my to-do list.  For now, if you reload the page a couple times it should show up.

EDIT:
actually you're right.. there seems to be a bigger problem there.  For now, view it in firefox as I sort out the problem

[migrafael]

Great job! Can't wait to see updates on this. I have a feeling that Java and HTml5 will make a lot of people happy (me included).

[Melly]

It still feels very sllugish for me, though. But it looks cool.

[DanFessler]

So i finally figured out the image preload problem - and that turned out to be the thing which was breaking Chrome.  Updated the link.  Let me know how it runs. 

more to come.  Thanks guys

[increpare]

I see a dude running about.  Works fine on firefox on my 2.2Ghz laptop.

[Alex May]

Yeah it works fine here too, XP SP3, Firefox 3.6.3, 2.4 GHz single core

[baconman]

Hey, nice! This is almost EXACTLY the kind of thing I've been trying to conceive with NetBeans, in relation to my project (WIPname = "Procedural Game about Gaming")... only difference being that I'm trying to focus more/entirely on the Java side of it; and setting up the tiles with masks (contact and visual) and variable "flooring surface structures" to give ground tiles some shape (inclines, curves, etc.).

Don't know if it's down atm, but I'm getting a total blank! XP SP3, IE8, with Java/Flash installed.

[DanFessler]

Thanks man. Unfortunately, IE doesn't support HTML5 canvas element.  Use firefox, Opera, or Chrome at the moment.  Safari is having problems loading the thing.

[Geti]

Looking good, though the cave story background seems misplaced. Keen to see more

[Skofo]

Hey, neat! I'm really looking forward to see where you go with this.

[BlueSweatshirt]

I like how I can just view all of your code right there. 

Not to pry, but I actually find it cool.
(via doing right click->page source)

[EDIT]
I'd also like to say this works perfectly in Chrome, now.

[DanFessler]

Sorry for the lack of progress for a while.  Here's an update:



LINK: http://www.DanFessler.com/html5

Note:  The blocks are random, so just reload the page if you spawn on top of a block or you get trapped.

I started working on world collision, physics, and things of that sort.  I'm not sure what the most efficient algorithm is for tile collision, but basically what I did was detect the tile-area of the map where a sprite resides, then loop through those tiles.  If any of those tiles are collidable, then reset player to last position. Maybe there's a better method?

meh..

also, I obfuscated my code.  It wont stop anyone passionate about taking it, but I already had an issue.  Please ask me if you want to use the code and just give credit.  I don't ask much.

[bart_the_13th]

Nice , running smoothly in my old PC(P4,Onboard graphic). Running at 60-80 fps, cool.
Except the fact that I've reloaded the page 5X and still stuck on the top left. Maybe you can spawn the block with some exception like everywhere elese outside the player start point:P

[AndroidScholar1]

Running very smoothly on Chrome, running at around 60-80fps, and literally the only problem I see with it at the moment is a slight difference in the collision with the outside and the collision with the blocks. If you get to a block and jump underneath it, you come down almost instantly, which is good, but when you collide with the upper boundary you sort of float for a bit.

Still though, that's not really even a problem.

Nice work

[DanFessler]

Thanks Guys,

its good news that it's running at 80fps, because that's where it's capped.  it can run well beyond that on my machine.

I'll fix the top-map collision soon - thanks AndroidScholar1