Thursday, July 2, 2015

[Tutorial] How to make a simple 2D platformer game with Construct 2 - Part 1


 Construct 2 is a powerful 2D game engine that allows anyone can make their HTML5 games with no coding experience.
In this tutorial, we're going to talk about making games with Construct 2. If you have any tutorials about making games with other engines like Unity, Cocos2d, GameSalad, email to html5indiegames@gmail.com to be a volunteer!
You can learn more about Construct 2 at scirra.com
After reading this tutorial, you can submit a platformer game to us!
Before doing this tutorial, you should grab some assets you will need in this tutorial. Download it here.

Installing Construct 2

If you haven't already, grab a copy of the latest release of Construct 2 here. The Construct 2 editor is for Windows only, but the games you make can run anywhere, such as Mac, Linux or iPad. Construct 2 can also be installed on limited user accounts. It's also portable, so you can install to a USB memory stick for example, and take it with you!

Getting started

Now you're set up, launch Construct 2. Click the File button, and select New.


In the New Project dialog, you don't need to change anything. Just click Create project. Construct 2 will keep the entire project in a single .capx file for us. You should now be looking at an empty layout - the design view where you create and position objects. Think of a layout like a game level or menu screen. In other tools, this might have been called a room, scene or frame.

Size the layout

First of all, we need the layout (level) to be a bit bigger than the default. Left-click a space in the layout and the Properties Bar will display Layout Properties. Change the size of the level to 4000 x 2048.
Setting the layout size.

Let's tile the background image across the layout. Double-click a space in the layout. This will bring up the Insert Object dialog. Double click the Tiled Background object to insert it.
Adding the Tiled Background object.
The mouse turns in to a crosshair. It doesn't matter where you place it initially, so just left click somewhere in the layout. The Image editor opens so you can enter the image to tile. Let's import the Background Image\Background.png file from the sprite pack. Click the Open icon to import an image.
Importing an image file.
Select the Background Image\Background.png file, then close the image editor. You should see part of the background image in the layout.
We need to size the background to cover the entire layout. Make sure it is selected (left click it in the layout) and its properties should appear in the Properties Bar. To make it cover the entire layout, set its Position to 0, 0 and its Size to 4000, 2048 (the same size as the layout).
Sizing the tiled background.
The background image is pretty big, so it's hard to see it all at once at the current zoom level. Let's try zooming out to preview more of it.Hold Control and scroll the mouse wheel down to zoom out. Alternatively, press View - Zoom out in the ribbon a couple of times. You should be able to see the entire layout, a bit like this:
The fully tiled layout.
Note the dashed outline in the top left is the size of the window compared to the rest of the layout. Press Ctrl 0 to zoom back to 100%, or View - Zoom to 100% in the ribbon. You're probably zoomed in to the middle of the layout now. Use the scrollbars to navigate back to the top left corner of the layout. You can also click and drag the middle mouse button to 'pan' around the layout, or hold space to do the same if you don't have a middle mouse button.

Part 1 >> Part 2 >> Part 3 >> Part 4 >> Part 5 >> Part 6 >> Part 7 >> Part 8

Wednesday, June 17, 2015

Library feature

And after Game of the Month, Library is a new feature for artists. This will be a place for artists to show the world their work.
In Library, there will be assets, audio, characters, and source code from many people for developers to develop their best games to our community.
You can find Library in the Page bar.
And there are nothing there yet, but you can submit your work from now by filling this form bit.ly/SubmitYourWork.
We hope to see some new people, new games, new things in our community.

Friday, June 12, 2015

HTML5 Indie Games is now live on Facebook

Now HTML5 Indie Games is now officially live on Facebook. You can like our Facebook page to get more news, games.
We're going to open some new social accounts, so let's be up-to-date by subscribing our blog, following our page on Facebook!
Like us on Facebook here: fb.com/HTML5IndieGames

Speedy Squid from Khelaghor

This is an another amazing platform game from a new indie developer: Khelaghor!
Speedy Squid is a very beautiful game. Here the character is a cute squid who is trying to survive. There are green and red platforms in the game.Touch right side of the phone to move right and left side of the phone to move left and upper side of the phone to jump. Survive as long as you can .Do not fall over the red laser platforms.
Here are some of the key features in this game:
- Smooth game-play.
- Awesome graphics (Yes, it's beautiful for a 2D game).
- Cute character.
- Relaxing music.
- Beautiful sound.
Let's take a look at these screenshots:



















And this is an Android game requires version 2.3 and up and this game does not have in-app purchase, so this game is completely FREE. You don't have to worry about your money. So why don't you download it RIGHT NOW? http://bit.ly/1KKsYvL
                                                  Download it from Google Play Store



Run Criminal from DCOM Softwares

This is an interesting 2D platformer game from DCOM Softwares published by Burningcake Interactive!
You, kid, have robbed a Bank just for fun! Now it's time to run and escape from police. They are chasing you. Your father's car is parked far from bank and is the only way to get rid of police. Reach there before you get caught.
Some highlighted features of this game:
- Beautiful HD Graphics
- 12 challenging levels
- More levels will be added soon
- Different types of police, obstacles and challenges (Be careful!)
- Upgrade and buy new items
- Five different cities​
You can see some screenshots below:




This game is free and has no in-app purchases, so we can say that this game is COMPLETELY FREE!
But to play this game, you must have an Android device running version 4.0 and up, so maybe some old devices running older version can't play this game. But you can download Bluestack, Genymotion or some Android emulators, then download this game and enjoy!
Let's download it! http://bit.ly/1IzekoJ
      



P.s: Don't try this in reality!