Jump to content

Mars Attack - Making a game with retro sprites in 10 steps


Adrian V.
 Share

Recommended Posts

Hello again,

I implemented another mini game using p5.js / p5.play and in-code defined sprites (e.g. text format) on the codeguppy.com platform.

The game is still basic, however I didn't construct the game to be a polished game, but instead teach various game building techniques.

 

This is the game

https://codeguppy.com/run.html?mars_attack/program

 

And this is how it was made:

 

Part 1 - Generating mountains from random lines
https://codeguppy.com/code.html?mars_attack/mountains

Part 2 - Adding a landing ramp at the end
https://codeguppy.com/code.html?mars_attack/mountains2

Part 3 - Solid mountains, Stars and Stop at Ramp
https://codeguppy.com/code.html?mars_attack/mountains3

Part 4 - Adding player ship using in-code defined sprites
https://codeguppy.com/code.html?mars_attack/mountains4

Part 5 - Adding enemy, collisions with enemy
https://codeguppy.com/code.html?mars_attack/mountains5 

Part 6 - Tune scrolling speed. Scroll faster when accelerating
https://codeguppy.com/code.html?mars_attack/mountains6 

Part 7 - Ship shoots rockets
https://codeguppy.com/code.html?mars_attack/mountains7 

Part 8 - Adding explosions. Ship can now land!
https://codeguppy.com/code.html?mars_attack/mountains8

Part 9 - Ability to restart the game
https://codeguppy.com/code.html?mars_attack/mountains9

Part 10 - Adding intro screen. Option to collide with mountains
https://codeguppy.com/code.html?mars_attack/mountains10

 

Comments welcomed!

 

 

p1.png

 

Link to comment
Share on other sites

  • 2 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...