Construct 2 Skills Workshops

Construct 2 is a powerful game creator using HTML 5 as its primary language. It is used to make 2D games which we use as a starting point for our games development course. It is a simplified version of common coding programs with a HTML 5 background making it more advanced then common software.

Main bar

This is the main bar of the construct 2 UI allowing you to make new projects and begin the creation of your game. Using this i made my first test game slowly developing my skills in the program.Left Bar

This is the left hand tool bar that allows me to edit and change variables as well as changing rules and counters for the game. Allowing complete customisation of the game and aspects.

Right bar

This is the on the right hand side on the top, this is used to display all aspects and parts of your game that you are creating as listed above. This is used to travel around Construct 2 with ease and to select large amounts of object.

Right bar

This is on the bottom right of the UI and is used to show object only and not int the list like above. This allows easy access to all object in the game and all sprites allowing you to edit them after selection.Stage area

This is on the top of the UI just under the main tool bar and is used to switch quickly between tasks, “Star Page” is used as a Loading screen then Layout is used as a your first level. Finally the “Event sheet” is used as a the programming are for “Layout 1” or your first level. This system makes it easy for you to change what your doing in a few seconds. Lel.PNG

This is the main design area used to create your level allowing you to create your game in your game.

Construct 2 Platformer

Today we worked on making a simple platformer using Construct 2 making simple assets to help us design this. Our game is simple and easy to make but it shows that we have the skills of making sprites, platforms and Words.

Menu.PNG

This menu is used to edit the main project properties such as window size, description, name and lots more. I used it to increase my window size from 250, 250 to 600, 600 allowing me to make my game area bigger and more customisation.

Behavoir.PNG

This menu allows me to edit behaviours of objects and making them work in different ways the object will react with the player, I made the platform for the bottom of my game making sure it had the behaviour “solid” to stop the player from falling through.

New Sprite.PNG

Next i created my first sprite or player as some people call it. I made a simple one which was just a block just to enable me to make the platformer work and will revisit the sprite later to develop it into a actual character.

Game1.PNG

At this point i have a functioning platformer with a character, platform and text. Next thing i need to add is WASD control scheme that will allow people who play Pc a lot to jump right into the game with no new issues and for new pc players to use arrow keys to play.Code.PNG This is on from the event sheet after i added in the events allowing you to either use the WASD or Arrow keys. I used the Or function to make sure the program could only use one or the other and did not need you to use both to move.

Function.PNG

This is the menu used when wanting to add a new event to the events tab on Construct 2, it is where all processes are place for your game allowing you to edit them quickly.

Add action.PNG

This is the add action menu allowing you to add action to your event such as simulating movement left or right on the press of A or D Or Left or Right arrow key. This allows me to edit and add events to all objects on my game.

Game.PNG

This is the final view of the game after some more platforms where added with a range of difficulty on them making it fun to test and play with. I then ran my game to make sure there was no errors.Gameee.PNG

Final game run in Google Chrome.

 

Breakout Game: Today we started talking about the game break out and make a flow chart to display how complex the some what simple game is.

Flow Chart Main.jpgI made a flow chart that displays the progression and movement of the game called breakout, the game is simple but complex in the style of processes making a large amount of choices that the flow chart to handle. We then changed to Pseudocode progressing and showing the massive holes in our flow charts. After progressing further by making an activity diagram.

Start Game

Set Lives to 10

Set Score to 0

If movement key is pressed

                move paddle x,y

ball moves in random x, y direction

If Ball hits Wall

                 Move Ball in opposite x, y direction

Else if Ball hits block

                 Destroy Block

                 Add 10 to score

                 Move Ball in opposite x, y direction

Else if ball hits Paddle

                 Move Ball in opposite x, y direction

 Else 

                 Subtract  1 from lives

                 Reset Ball to paddle x, y

of Lives <= 0

                   End Game

This is my Pseudocode that i made for block out it runs the game which is pretty simple but looks complex. It runs the from the start up of the game and then till the end.

Activity.jpg

This is my activity for the game break out, we used an activity diagram which displayed the flow of the game but in a shorter and simpler way from the flow chart, making it easier to display how the game works.