Forum :: Programming :: HTML5 Scrolling Demo/Future Game engine

Hi guys, I just recently started messing around with html5 (Like today). So here is a little scrolling demo I came up with. Link

You currently just move the camera around, and I am new to everything and anything web related so sorry for the shit website. If you like it and/or are interested into what it will progress into,post here!Thanksinadvance :P.

Update: 1/30/12

+Npc's have more health

+Npc's will do damage to you

+Shop where you can purchase upgrades for your character with points

+Random Map Generation (lol.)

+Random Npc spawns (lol.)

+You can die

Update: 1/29/12

+Npc's can burn on the fire now (lol);

+Npc's wont go out of the map

+mini npc health bars.

Update2: 1/28/12

+Added new projectile, hold the spacebar button and release it to fire a charged ki blast

+Added basic npc's

+Kill counter

+Npc's take damage from your ki blasts

Know issues:

Npc's and Projectiles can go out of the map

Update: 1/28/12

+Added Energy and Health bars

+ Collision detection is much smoother

+ New Object type. Lava.

Update: 1/27/12

+Press spacebar to shoot energy balls.

+Smoother walking animations

+basic walls/collisions (They suck)

Progress:

Animations: 80% done;

Map Scrolling: 95% done;

NPC'S: 50% done;

Networking: 0% done;

Collision detection: 90% done;

---
Love you too.

Does this use an actual tile based map class? Or does it just loop a background tile?

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

Nope loops a basic tile for now. Changing to a class wont be hard, however I think I'm just going going to use a 2d array. I'm just getting used to javascript and I didn't feel like making the maps yet haha.

---
Love you too.

Yay retro funs feels like Atari quests all over again!

---
Web developer, currently looking for graphic artists / designers.

newguy posted: (27th Jan 2012, 12:18 am)

Nope loops a basic tile for now. Changing to a class wont be hard, however I think I'm just going going to use a 2d array. I'm just getting used to javascript and I didn't feel like making the maps yet haha.

Heres my little map engine that i had made how so far if you wanna use it for referece or anything. Right now it creates the map, centers it relative to the characters position, and has an offset according to the "characters" position. But the character rendering was only a basic structure, nothing rendering yet.

I was going to release this once i was done anyway. Lol.

http://dl.dropbox.com/u/40579851/HTML5%20Game%20%5BChar%5D.zip

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

Awesome ^-^. I'll take a look at it in a bit. I'm in the process of adding some animations and some npcs. Possibly some collision detection.

---
Love you too.

newguy posted: (27th Jan 2012, 12:39 am)

Awesome ^-^. I'll take a look at it in a bit. I'm in the process of adding some animations and some npcs. Possibly some collision detection.

Yeah. Nice. I was thinking about adding some particle effects ystem in this as well.

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

If you add particle effects I will definitely use your system haha.

---
Love you too.

newguy posted: (27th Jan 2012, 12:53 am)

If you add particle effects I will definitely use your system haha.

Lol, what i was thinking about doing, is having a ParticleEnviroment class, where you can do something like this:

ParticleEnviroment.AddParticle(ParticleImage, Interval) and it would just render the particles client-sidedly for everything in the Enviroment at once.

Basicly like the map class.

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

UPDATE: Added basic animations and changed the character sprite.

---
Love you too.

Looks nice! Just needs so smoothing between changing directions. Can't wait to see what your engine turns up as.

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

Thanks! Do you think changing to onkeypress instead of onkeydown would make the direction changing smoother?

---
Love you too.

Heheheeee....

---
Web developer, currently looking for graphic artists / designers.

newguy posted: (27th Jan 2012, 01:25 am)

Thanks! Do you think changing to onkeypress instead of onkeydown would make the direction changing smoother?

Well, what im going to do with my sometime is add keys to an array and use a loop to detect which ones are down. Using OnKeyDown and OnKeyUp you could probably make some pretty smooth movements.

@Klutz, Lolwut?

Edit: I was also thinking of making a little title screen animation with this:

http://www.professorcloud.com/mainsite/canvas-nebula.htm

---
Andrewbob - I would be on the fucking copter of rofls

Programmer, Web Developer, and Graphics Designer

Wildsurvival posted: (27th Jan 2012, 01:29 am)

newguy posted: (27th Jan 2012, 01:25 am)

Thanks! Do you think changing to onkeypress instead of onkeydown would make the direction changing smoother?

Well, what im going to do with my sometime is add keys to an array and use a loop to detect which ones are down. Using OnKeyDown and OnKeyUp you could probably make some pretty smooth movements.

@Klutz, Lolwut?

I was running around with the little sprite pretending to be krillen from DBZ and thinking how well it suited him falling off the edge of the map ;)

---
Web developer, currently looking for graphic artists / designers.