Excalibur Breakout

by eonarheim_archived

A simple sample Breakout implementation in Excalibur.js!

Check it out live at: http://erikonarheim.com/labs/breakout/

edit -
View the source on github at https://github.com/excaliburjs/ExcaliburBreakout

The Excalibur.js engine is available at https://github.com/excaliburjs/Excalibur or through npm, bower, or nuget.

Comments8

WhiteWolf9316 Apr 2014, 23:17

Nice Warmup, simple but addictive for a few minutes <_< I completed it without dying :3

How much did it take to do?

CharlieLove17 Apr 2014, 03:28

Not bad. As an added exercise to this, I would work on changing the ball's angle based on where it hits your paddle.

For example, finding the paddles center point and taking a distance either left or right of that and multiplying it times an increment that you set to determine the new angle on hit.

eonarheimauthor17 Apr 2014, 04:06

@WhiteWolf93 - Not too long, I'd say about 2-3 hours when I should have been sleeping :) My code needs some better organization though...

@CharlieLove - I definitely agree, this seems to be the strategy employed by the original. It allows for a much greater degree of control over the ball. I'll see if I can't get that going soon.

Nocturnal17 Apr 2014, 07:26

This was fun. What tools did you make it with?

Helco17 Apr 2014, 07:35

Unfortunately on Opera 12 (Windows 7 x64) the load process stops at about 33% and then take up lots of cpu usage (of one core)

eonarheimauthor17 Apr 2014, 13:35

Full disclosure, I'm one of the developers on excalibur.js :) I'm planning to use excalibur.js for the game jam. If any of you would like to try it out, I would be really grateful for any feedback, comments, or suggestions for the library.

@Nocturnal I used an open source JavaScript/TypeScript game library called Excalibur. You can check it out on github at https://github.com/excaliburjs/Excalibur and the api documentation is at http://excaliburjs.com.

@Helco I'm sorry to hear, I've raised an issue on excalibur https://github.com/excaliburjs/Excalibur/issues/259 we will take a look.

eonarheimauthor17 Apr 2014, 23:51

@Helco - We have looked into the issue, and Opera 12 does not support a vital method Excalibur uses to download resources like sound or images. We could possibly support Opera 15 which is when the vital feature first arrived.
However, we recommend upgrading to Opera 20 which functions normally with Excalibur. Sorry about that :(

muramasa20 Apr 2014, 04:51

I have to say. Level 1 was very boring. But level 2 was really nice. I like the 4-paddle mode.

Another issue I had is that I lost lives at the start. Every time it started I was unprepared and lost a live. So yeah, I fucked up one (or two??) more time(s) at the 4-paddle stage and I lost.

But it's a pretty nice implementation of Breakout. Well done!