Click Fusion 2.5 iləarkad oyunları

Dərs 3

Pixel Artvə animasiya.

Hissə 2

İŞ PLANI.¾Ekran ölçüsünü dəyişmək. Kursorun yaradılması. Kursor istiqamətində atışın proqramlaşdırılması. As-teroidlərin bir-biri ilə və gəmi ilə toquşması zamanı sıçrayaraq uzaqlaşmasını proqramlaşdırmaq. Yeni səhnəni əlavə etmək. Xüsusi obyektlə təmas zamanı və ya bütün asteroidlərin məhv edilməsindən sonra keçidin proqramlaşdırılması. Game Over səhnəsi.

2

Dərs materialları bu PDF-fayla qoşma kimi əlavə edilib. Həmin mate-rialları görə bilmək üçün dərsi Adobe Acrobat Reader proqramındaaçmaq lazımdır.

3

Pixel Art və animasiya. Hissə 2

Pixel Art və animasiya. Hissə 2

Kosmik atışma oyununun yaradılmasını davam etdirək! Öncəki dərsdə yaratdığımız faylı açaq.

Ekranımızın ölçülərini dəyişək. Bunu «Application»üzərində vurmaqla edirik, sonra isə «Properties => Window => Size»-a keçirik. Burada lazım olan ölçünü vermək olar (şəkil 1).

Şəkil 1

Bu zaman stolüstü kompüterlər və mobil qurğu-lar üçün olan ölçülər nəzərə alınmalıdır: 480×320, 640×480, 1280×800, 1920×1080, 480×800, 720×1280, 1300×1920.

Həmçinin freymin fon rəngini dəyişək. Bunun üçün freymin parametrlərinə keçirik və «Background color» seçirik (şəkil 2).

4

Dərs 3

4

İndi isə kosmik gəmiyə hərəkət trayektoriyasl verək ki, o səhnədə asteroidləri məhv edərək sərbəst hərəkət edə bilsin. Obyektin üzərində vurur, «Movement => Type»-a keçir, «Eight Directions» seçirik və bütün istiqamətləri təyin edirik (şəkil 3).

Mausun düyməsinin basılması ilə atəş açılmasını və atəşin müvafiq istiqamət üzrə hərəkətini proqramalaşdırmağa başlayaq. Bunun üçün «Event Editor»-a keçirik və yeni hadisə – «The mouse pointer and keyboard => Mouse => User clicks» yaradırıq. Mausun sol düyməsini bir dəfə basmaqla (klik) atəş açılması parametrini seçirik (şəkil 4).

Şəkil 2 Şəkil 3

4

Урок 3

Теперь давайте зададим космическому кораблю тра­екторию движения, чтобы он мог свободно двигаться по сцене, уничтожая астероиды. Щелкаем по объекту, пере­ходим к «Movement => Type», выбираем «Eight Directions»и устанавливаем все направления (рис. 3).

Теперь пришло время запрограммировать произведе­ния выстрела от нажатия кнопки мыши и движения вы­стрелов по ее направлению. Для этого переходим в «Event Editor» и создаем новое состояние «The mouse pointer and keyboard => Mouse => User clicks». Зададим левую кнопку мыши и один клик для выстрелов (рис. 4).

Рисунок 2 Рисунок 3

5

Şəkil 4

İndi isə partlayışların parametrlərini tənzimləyək.Bunun üçün bizm kosmik gəmimizin olduğu həmin sətirdəki xanada «Lauch an Object» və açılan siyahıda raketimizi seçirik və «Ok» üzərində vururuq. Atışaların sürətini və istiqamətini təyin etmək vaxtı gəlib çatdı. Raketlərin kursor istiqamətində getməsi üçün açılan pəncərədə «Launch in direction of»-u qeyd etməli və sonra isə kursorumuzu seşməliyik (şəklil 5–6).

Şəkil 5

Pixel Art və animasiya. Hissə 2

6

Dərs 3

6

Şəkil 6

Bizim kosmik gəmi artıq bütün oyun sahəsi bo-yunca hərəkət edir və kursor istiqamətində atəş açır.

Asteroidlərin tərtibatına keçək. İlk öncə yeni obyekt yaradırıq, onun surətini çıxarır və surətini skrinşotda göstərildiyi kimi səhnədə bir üst sırada yerləşdiririk (şəkil 7).

Şəkil 7

6

Урок 3

Рисунок 6

Наш космический корабль теперь двигается по все­му игровому полю и стреляет по направлению курсора.

Перейдем к проектированию астероидов. Для начала создаем новый объект, дублируем его и размещаем дубли в ряд немного выше сцены, как показано на скриншоте ниже (рис. 7).

Рисунок 7

7

Asteroidləri proqramlaşdırmaq üçün yeni vəziyyət yaratmaq lazımdır. «Timer => Every» seçirik və aste-roidlərin düşmə qiymətlərini təyin edirik (şəkil 8).

Şəkil 8

Şəkil 9

Pixel Art və animasiya. Hissə 2

8

Dərs 3

8

İndi bu vəziyyətə birini də əlavə edək. Yaratdığımız elementi seçirik — «Pick or count => Pick “Active” at random» (şəkil 9).

İndi isə yaratdığımız obyektin xanasında «Launch an object»-də asteroidi seçir, ona sürət və istiqamət veririk.

Asteroidin raketlə toqquşmasının tərtibatına keçək. Yeni vəziyyət yaradırıq. «Missile => Collision => Anoth-er object». Asteroidi seçirik. İndi idə asteroid xanasında «Visibility => Make object invisible» əlavə edirik. Sonra həmin yerdə həmçinin «Lauch an object» əlavə etmək və yaratdığımız partlayışı seçməliyik. İndi isə partlayış sürətini və asteroidin istiqamətini təyin etməliyik (şəkil 10).

Şəkil 10

Nəhayət bu xanada asteroidə «Destroy» funksiy-asını əlavə edirik. Əlavə olaraq «Destroy» funksiyasını yaratdığımız vəziyyət sətrində bizim raketə də əlavə etməliyik.

Keçən məşğələyə oxşar olaraq yeni freym əlavə et-mək lazımdır. Yeni freym yaradırıq, səhnəyə «String»

8

Урок 3

Теперь добавим к этому состоянию еще одно. Выби­раем созданный нами элемент — «Pick or count => Pick“Active” at random» (рис. 9).

Теперь необходимо в клеточке созданного объекта«Launch an object», выбираем астероид, задаем ему ско­рость и направление.

Перейдем к проектированию соприкосновения ра­кеты и астероида. Создаем новое состояние. «Missile =>Collision => Another object». Выбираем астероид. Теперьв клеточке астероида добавляем «Visibility => Make objectinvisible». Затем там же следует добавить «Lauch an object»и выбрать созданный нами взрыв. Теперь нужно задатьскорость взрыва, а также направление астероида (рис. 10).

Рисунок 10

В этой же клеточке наконец добавим астероиду функ­цию «Destroy». Дополнительно следует добавить «Destroy»и к нашей ракете в строчке создаваемого состояния.

Пришло время добавить новый фрейм по аналогиис прошлым занятием. Создаем новый фрейм, добавляемв сцену «String» и вписываем «Game over!». Оформите

9

əlavə edir və «Game over!» yazırıq. Səhnəni istəyinizəuyğun tərtib edin. Məsələn, səhnənin fonunu qara,mətni isə bənövşəyi rəngdə edin (şəkil 11).

Şəkil 11

Yeni vəziyyət yaradırıq: «Spaceship => Collision=> Another object». Asteroidi seçirik. İndi sətirdə «Storyboard conditions»-a keçirik və «Next frame»seçirik. Belə ki, gəmi asteroidlə toqquşduqda oyun bitəcək.

İndi isə astroidin bizim «Backdrops»-dan sıçramasını proqramlaşdıraq. Bildiyiniz kimi, öncə yeni vəziyyət yaradırıq. «Asteroid => Collisions =>Backdrop». Sonra asteroid xanasında bu sətirdə «Movement => Bounce» seçirik. Həmçinin asteroidin sıçraması istiqamətini də vermək lazımdır. Həmin xanada vururuq və «Direction => Select direction»seçirik. İndi bizim asteroid fon elementləri ilə təmas zamanı onlardan uzaqlaşır (şəkil 12)!

Pixel Art və animasiya. Hissə 2

10

Dərs 3

10

Şəkil 12

Şəkil 13

10

Урок 3

Рисунок 12

Рисунок 13

11

Həmçinin asteroidlərin bir-birilə toqquşması zamanı da sıçrayaraq uzaqlaşmasını əlavə etmək lazımdır. Bunufon elementləri ilə təmasa oxşar qaydada eləmək olar.

Bizdə bir həll olunmamış məsələ qaldı: gəmi bizim səhnəni tərk edir. Gəlin elə edək ki, gəmi səhnə sərhədləriiçərisində qalsın. Bunun üçün yeni vəziyyət yaradır və «spaceship => Position => Test position of “spaceship”»seçirik, sonra isə bütün istiqamətləri göstərir və «OK»düyməsinə basırıq (şəkil 13).

«Spaceship» xanasına keçir və «Movement — Stop»əlavə edirik. Buna görə də, gəmi səhnənin kənarlarındançıxa bilməyəcək.

İndi isə xüsusi vəzyyət yaratmalıyıq: asteroidin səh-nənin kənarları çıxması zamanı «Game over» yazısı olan freym görünəcək. Bu vəziyyət üçün asteroidi seçirik,«Position => Test position of “asteroid”» (şəkil 14).

Şəkil 14

Pixel Art və animasiya. Hissə 2

12

Dərs 3

12

Xanada «Storyboard controls => Next frame»seçirik. Beləliklə, atseroid səhnəni tərk etdikdə oyunbitəcək.

Oyunu bir az mürəkkəbləşdirək. Birinci freymiköçürürük və onu � «Application»-a yerləşdiririk,indi o � «Frame 3» adlanacaq. Fon elementləri-nin görünüşünü və onların yerləşməsini bir azacıq dəyişmək lazımdır (şəkil 15).

Şəkil 15

Həmçinin məsələni çətinləşdirmək üçün asteroid-lərin əmələ gəlmə sürətini dəyişmək laazımdır. Bir də ki, sətirlərdə «Next Frame»-ə rast gəldikdə onu «Jumpto Frame => Frame 2»-yə (və ya «Previous Frame»)dəyişməyi unutmayın. Bu onun üçün önəmlidir ki, «Game over» yazılı səhnə görünsün (şəkil 16)!

«Frame 1»-ə qayıdaq. Səhnəyə «Activate» obyekti — qara dəlik əlavə edirik (şəkil 17).

12

Урок 3

В клеточке «Storyboard controls => Next frame».Таким образом, когда астероид покинет сцену, игра

закончится.Давайте немного усложним игру. Скопируем пер­

вый фрейм и вставим его в «Application», но теперь онбудет называться «Frame 3». Следует немного изменитьвнешний вид элементов фона и поменять их местопо­ложение (рис. 15).

Рисунок 15Также следует изменить скорость появления асте­

роидов, чтобы усложнить задачу. Также не забудьте из­менить «Next Frame» в строках, где он упоминается, на«Jump to Frame => Frame 2». (или «Previous Frame»). Этонеобходимо для того, чтобы отображалась сцена с над­писью «Game over» (рис. 16)!

Вернемся ко «Frame 1». Добавим в сцену объект«Activate» — черную дыру (рис. 17).

13

Şəkil 16

Şəkil 17

«Event editor»-a keçək, kosmik gəminin qara dəliklətəması zamanı «Frame 3»-ə keçidini proqramlaşdıraq.

Pixel Art və animasiya. Hissə 2

14

Dərs 3

14

Bunun üçün yeni vəziyyət yaradırıq. «Spaceship => Collision => Overlapping another object» və qara dəliyi seçirik. Bu sətirdə «Storyboard controls»-a keçir və «Jump to Frame 3» seçirik.

Bizim kosmik gəmimiz hazırdır! Ona ad vermək, saxlamaq və test etmək qaldı (şəkil 18)!

Şəkil 18

Digər kosmik atışma oyunları nümunələrinə nəzər salaq:

1. Pixel Journey: 2D Space Shooter (şəkil 19).

Şəkil 19

14

Рисунок 18Давайте рассмотрим примеры других космических

шутеров:1. Pixel Journey: 2D Space Shooter (рис. 19).

Рисунок 19

15

2. Pixel Space Adventure (şəkil 20).

Şəkil 20

3. Pixel Crast (şəkil 21).

Şəkil 21

Pixel Art və animasiya. Hissə 2

Dərs 3Pixel Art və animasiya. Hissə 2.

All rights to protected pictures, audio, and video belong to their authors or legal owners. Fragments of works are used exclusively in illustration purposes to the extent

purposes in accordance with Article 1273 Sec. 4 of the Civil Code of the Russian Federation and Articles 21 and 23 of the Law of Ukraine “On Copyright and Related Rights”. The extent and method of cited works are in conformity with the standards, do not conflict with a normal exploitation of the work, and do not prejudice the legitimate interests of the authors and rightholders. Cited fragments of works can be replaced with alternative, non-protected analogs, and as such correspond the criteria of fair use.

All rights reserved. Any reproduction, in whole or in part, is prohibited. Agreement of the use of works and their fragments is carried out with the authors and other right owners. Materials from this document can be used only with resource link.

according to the current legislation of Ukraine.

© Vladislav Sorokopud© STEP IT Academy, www.itstep.org