Cloning the Classics: Breakout

Favourite 94 favourites
Tutorial written by stemkoskiOriginally published on 29th, May 2012 - 4 revisions

In this series of video tutorials, we create a Breakout game.
Note: For an optimal viewing experience, watch the videos on YouTube in Full Screen mode at high resolution (HD-720).

There are 12 videos in total, and each video is approximately 5 minutes long. All graphics are provided on the tutorial page the contains the videos where they are first used.

Also, try out a version of the finished product and download the capx source at:
http://www.scirra.com/arcade/example/1248/rectangle-destroyer

Graphics to download







Part 1: Tile Map Setup


http://www.youtube.com/watch?v=8dqH3pD2KGo

Part 2: Interactivity


http://www.youtube.com/watch?v=tYKDKwajXOY

Comments

6
stemkoski 19.8k rep

@Tom - the YouTube embeds are on the small side in Chrome and do not appear at all in FireFox, it would seem. (Maybe add it to your list?)

Tuesday, May 29, 2012 at 8:30:33 PM
3
Kyatric 71.1k rep

Very good tutorial/videos so far.
Thank you professor, valuable ressources for newcomers !

Wednesday, May 30, 2012 at 2:35:43 AM
6
UnknownPwny 2,782 rep

Great tutorials! I'm pretty new to this engine and I'm sure your tutorials will help me.

Thanks and keep it up!

Wednesday, May 30, 2012 at 12:16:52 PM
6
EyeHawk 7,757 rep

Wow that was so quick since the pac tutorial! Great work prof! I'm sure everyone is eagerly anticipating your next masterpiece :D

Thursday, May 31, 2012 at 6:02:02 AM
7
ementa 2,833 rep

This wonderful tutorial!
To facilitate the observation I created a playlist on youtube putting the videos in order (Part 1, Part 2, etc.): http://www.youtube.com/watch?v=8dqH3pD2KGo&list=PL18AF387F0AF722FB&feature=plpp_play_all

Thursday, May 31, 2012 at 6:06:42 AM
3
AJTilley 5,086 rep

hi great tutorial.. are the images included in the tutorial free to use, do you own copyright etc, do we need to acknowledge you etc, just curious :)

Saturday, June 02, 2012 at 8:20:48 AM
3
solidgames 2,307 rep

Great demo of classic game pattern. Video really speeds up the process and you can learn a lot here.

Wednesday, June 06, 2012 at 5:20:45 PM
3
GraphX 2,192 rep

great tutorial, i need to quickly create an educational version of pong and this helped me alot ^^

Wednesday, June 13, 2012 at 11:49:49 PM
2
Captain9Fingers 4,369 rep

Wow! What an amazing tutorial! Clear, concise and informative as well as full of tips and tricks that can be used for other projects. How amazing are you?

Tuesday, September 11, 2012 at 8:14:06 AM
2
hnajem 2,245 rep

Great 1, thx
and thx for sharing the images.

Sunday, November 11, 2012 at 12:11:58 PM
2
SergioRM 6,914 rep

Hi, I followed all your video tutorials, thanks are fantastic and I have learned a lot about construct2. But I have a little problem and I see where I made ​​the mistake, is when "multiball powerup" collides with paddle, the ball is created but does not move! I've checked all! and I'm going crazy .. lol to see if alguen tells me where my error. thanks
I upload the file. capx
psd: sorry for my bad English

https://www.dropbox.com/sh/p0xj1wuwkmtnk17/mTmwr9fRYF

Thursday, November 29, 2012 at 9:24:44 PM
2
SergioRM 6,914 rep
Thursday, November 29, 2012 at 9:59:29 PM
2
SergioRM 6,914 rep

I finally managed to repair changing values ​​of the ball!

Thursday, November 29, 2012 at 9:59:46 PM
2
hnajem 2,245 rep

Hi all, i had followed the videos and followed the steps to make the game, but i had some problems:

1) multible ball: new balls are playing the default animation what ever was the animation of the original ball.

2) reset layout: on resetting actually it is like destroying all the bricks and all the power up are falling down.

Tuesday, December 04, 2012 at 9:49:14 PM
2
hnajem 2,245 rep

any one please here is my .capx file:

https://www.dropbox.com/sh/3qzfaef6otrl3eg/uvunN8XtEN

Friday, December 07, 2012 at 2:42:56 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.