I’m starting a new game project called “Click on the Shapes” and in it the player will be clicking on various shapes–no real skill required. 😛
COTS (as I’ll refer to it to keep it short), isn’t meant to be a ground-breaking money-making game, it’s just something I can practice making using the skills I’ve been gaining from my studies.
Make Mobile Game Art with Adobe Illustrator-Beginners Guide
2D Video Game Character Animation for Beginners
And my programming sources are a slew of HTML5 books and video guides (most of which were put to use in creating this website). If you are looking out to get some of these, look out for deals and specials by subscribing to Udemy’s email announcements or subscribing to places such as SafariBooksOnline. If you are starting out in any web development tasks, I highly highly highly recommend w3schools–they have been the best and they are free.So… let’s get one with it!
With the basic concept in mind, I came up with ideas to push the idea further, but still make something I had the ability to do. Below are my notes:
- The goal of the game is to have nothing but circles on the display.
- The program will create a number of squares.
- When the user clicks on the squares, they turn into circles.
- If two squares touch they turn into triangles.
- When the user clicks on a triangle, it turns into a square.
- Level difficulty involves the speed the shapes move around, the chaos of the movements, the number of shapes at once, and the size (smaller is harder).
- Point and morphing sprites are added for effect.
Never start a learning project out by trying for the end result right off the bat–build developmental steps in between. They can be mini-games that only test out one feature at a time, or they can be simpler versions of the game that increase in complexity with each update.
I decided to use the following developmental road map:
:: Only draw the shapes on the screen
Game 2: “Change the Shapes”
:: Change the color when clicked
:: Change the shape when clicked (no transition)
:: Change the shape when clicked (with transition)
Game 3: “Click Demotion”
:: Cause a triangle to be a square when clicked
:: Cause a square to be a circle when clicked
Game 4: “Move the Shapes”
:: Straight paths
:: Curved paths
:: Loopy paths
:: Different speeds
:: Rotate the shapes
Game 5: “Physics Shapes”
:: Have shapes collide with the window edge and bounce off
:: Have the shapes collide with each other
Game 6: “Cannibal Shapes
:: Have squares become triangles when they touch other squares
Game 7: “Click Points”
:: Display point sprites when shapes are clicked
:: Add up points during game
:: Keep high-score chart
Game 8: “Sound Effects”
:: Play music throughout
:: Play sound effects
Game 9: “All Together”
:: Put it all together
Game 10: “New Levels”
:: Adjust ‘world’ size
:: Adjust speed
:: Adjust number of shapes