ՈՒղեցույց սկսնակների համար դեպի Construct 2

Favourite 1277 favourites
Tutorial written by AshleyOriginally published on 26th, June 2011 - 50 revisions

Translation Team:

2 total revisions

Դուք կատարել եք ճիշտ ընտրություն ընտրելով Construct 2-ը: Եկեք սկսենք պատրաստել ձեր առաջին HTML5 խաղը: Մենք պետք է կառուցենք 'Ghost Shooter' դեմո խաղը. Փորձեք խաղը այս հղումով խաղի նկարագրությունը հետևյալն է՝ հերոսը, ով նայում է մկնիկի կուրսորին, շարժվում է ստեղնաշարի սլաքների օգնությամբ և կրակում է հրեշներին մկնիկի միջոցով: Դուք կսովորեք այն ամենը, ինչ պետք է պարզ խաղ պատրաստելու համա՝ շերտերից մինչև գործողությունների համակարգ:

Նշում: Խնդրում ենք չձնտրել օգնություն այս ձեռնարկի մեկնաբանություններում : Փոխարենը, մեր ֆորումի միջոցով կարող եք ստանալ հնարավոր լավագույն պատասխան ձեր ցանկացած հարցերին :

Այլընտանքային ձեռնարկներ

Գոյություն ունեն սկսնակների համար այլ ձեռնարկներ: Ինչպես կառուցել պլատֆորմային խաղ, որի նպատակն է կառուցել հարթակներ, որտեղ հնարավոր է ցատկել և վազել, այլ ոչ թե միայն վերև-ներքև շարժվել և կրակել:
Դուք կարող եք սկսել ցանկացաց ձեռնարկից, սակայն մենք խորհուրդ ենք տալիս ուսումնասիրել երկու ձեռնարկն էլ, որպեսզի սովորեք ինչպես կառուցել երկու խաղերն էլ

Նայև գոյություն ունի ձեռնարկ ինչպես ստեղծել Asteroids խաղի կլոնը 100 գործողությունների միջոցով Kyatric-ի կողմից ներկայացված, որը ավելի բարդ է և միևնույն ժամանակ ավելի մանրամասն ներկայացված

Construct 2 -ի տեղադրումը

Եթե դուք այն դեռ չեք տեղադրել, կարող էք վերցնել վերջին տարբերակը հետևյալ հղումով: Construct 2-ը խմբագրման գործիք է նախատեված միայն Windows օպերացիոն համակարգերի համար, սակայն նրանով ստեղծված խաղերը հասանելի են ամենուր, օրինակ՝ Mac-ում, Linux-ում կամ iPad-ում: Construct 2-ը կարող է տեղադրվել սահմանափակ օգտագործողների համար, այն տեղափողվող է, այսինքն դուք կարող եք տեղադրել այն USB կրիչի վրա և տեղախոխել ձեզ հետ:

Սկսենք

Այժմ երբ դուք արդեն տողադրել եք Construct 2 -ը աշխատացրեք այն: Սեղմեք File կոճակը, այնուհետև New The File menu 'New' button.
Դուք կտեսնեք Template or Example պատուհանը
Template or example dialox box
This shows a list of examples and templates that you can investigate at your leisure. For now, just click on 'Open' at the bottom of the box to create a blank, empty new 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.

Inserting objects

Tiled Background

The first thing we want is a repeating background tile. The Tiled Background object can do this for us. First, here's your background texture - right click it and save it to your computer somewhere:

The Tiled Background texture
Now, double click a space in the layout to insert a new object. (Later, if it's full, you can also right-click and select Insert new object.) Once the Insert new object dialog appears, double click the Tiled Background object to insert it.

The Insert New Object dialog.


A crosshair will appear for you to indicate where to place the object. Click somewhere near the middle of the layout. The texture editor now opens, for you to enter the texture to tile. Let's import the tile image you saved earlier. Click the folder icon to load a texture from disk, find where you downloaded the file to, and select it.

Load texture from file
Close the texture editor by clicking the X in the top right. If you're prompted, make sure you save! Now you should see your tiled background object in the layout. Let's resize it to cover the entire layout. Make sure it's selected, then the Properties Bar on the left should show all the settings for the object, including its size and position. Set its position to 0, 0 (the top left of the layout), and its size to 1280, 1024 (the size of the layout).

Tiled Background properties
Let's survey our work. Hold control and scroll the mouse wheel down to zoom out. Alternatively, click view - zoom out a couple of times. You can also hold space, or the middle mouse button, to pan around. Neat, huh? Your tiled background should cover the entire layout now:

The inserted tiled background.


Hit control+0 or click view - zoom to 100% to return to 1:1 view.

(If you're impatient like me, click the little 'run' icon in the window title bar - a browser should pop up showing your tiled layout! Woo!)

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Leave a comment

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