Բջջային խաղ պատրաստելը ՝ առանց կոդավորման. 6 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:49

Խաղերի ստեղծումը կարող է բավականին սարսափելի թվալ, անկախ նրանից, թե արդյոք նա օգտագործում է միասնություն 3D խաղեր ստեղծելու համար, թե՞ կոդավորող խաղեր Java- ի նման լեզուներով: Ամեն դեպքում, ձեզ հարկավոր է մեծ փորձ, որը միշտ չէ, որ հաճելի է նոր սկսվողի համար: Այսպիսով, այս նախագծում մենք պատրաստելու ենք շատ պարզ խաղային հարթակ (ինչպես Մարիոն) սկզբից մինչև վերջ:

Քայլ 1: Սկսելու համար

Պլատֆորմը, որտեղ մենք պատրաստվում ենք մեր խաղը պատրաստել, կոչվում է AppShed, այս կայքը ունի Հեշտ օգտագործման համար ստեղծված developmentրագրերի մշակման միջավայր, բայց նաև այն կառուցել է Phaser խաղային շարժիչը, որը թույլ է տալիս մեզ ստեղծել այն խաղեր ունեցող ծրագրեր:

Այսպիսով, սկսելու համար մենք պատրաստվում ենք անցնել AppShed և կտտացնել մուտքի վրա (եթե հաշիվ չունեք, կարող եք անվճար գրանցվել): Այս պահին ձեզ կառաջարկվի երկու տարբերակ ՝ AppBuilder և IoTBuilder, քանի որ մենք ցանկանում ենք այս անգամ ծրագիր կազմել, մենք կտտացնենք AppBuilder- ի վրա (ստուգեք մեր մյուս նախագծերը ՝ տեսնելու, թե ինչպես օգտագործել IoTBuilder- ը ՝ ծրագիր, որը կարող է կառավարման լույսեր)

Երբ դուք AppBuilder- ում եք, ձեզ պետք է ներկայացվի մոդելավորված հեռախոս, սա այն վայրն է, որտեղ մենք կառուցելու ենք մեր խաղը: Մենք սկսում ենք ՝ կտտացնելով էկրանի ներքևի մասում գտնվող նոր հավելվածին, որն այնուհետև կստեղծի նորը, այնուհետև կարող ենք դրան տալ «խաղ» անվանումը:

Քայլ 2. Խաղային շարժիչի մասին

Հիմա, նախքան խաղի ստեղծման մեջ շատ խորանալը, եկեք մի վայրկյան նայենք հիմնական խաղային շարժիչին, որը կօգնի մեզ հեշտությամբ խաղեր պատրաստել: Այն կոչվում է Phaser և աշխատում է HTML 5 -ով և Javascript- ով, այդ իսկ պատճառով մեզ թույլ է տալիս խաղեր պատրաստել և գործարկել մեր վեբ դիտարկիչում:

Այժմ, եթե ինչ -որ բան գիտեք Phaser- ի մասին, ապա կիմանաք, որ այն դեռ պետք է իմանաք, թե ինչպես պետք է ծածկագրել այն օգտագործելու համար: Այսպիսով, բացարձակ սկսնակի համար դա իսկապես իդեալական չէ: Այստեղ է, որ գալիս է AppShed- ը, AppShed- ը վերցնում է Phaser շարժիչը և ծածկում քաշել և թողնել, հեշտ խմբագրման գործառույթը, որը թույլ է տալիս մեզ խաղեր պատրաստել ՝ առանց որևէ կոդավորում անելու:

Քայլ 3: Վերադարձ դեպի Հավելվածի պատրաստում

Այսպիսով, այս պահին մենք կազմել ենք մեր ծրագիրը և տվել այն անուն, բայց մեր ծրագիրը լիովին դատարկ է: Մեր առաջին խաղը ավելացնելու համար մենք պետք է սեղմենք մոդուլների վրա, այնուհետև որոնման տողում փնտրենք «խաղ»: Այնուհետև կտեսնեք տարբեր ընտրանքների մի փունջ (դրանք բոլորը տարբեր դժվարությունների տարբեր մակարդակի խաղեր են), մենք պատրաստվում ենք սեղմել Հարթակի խաղը (Phaser), քանի որ սա խմբագրելու ամենահեշտ խաղն է:

Օգտագործման վրա սեղմելուց հետո դուք պետք է տեսնեք, որ ձեր ծրագիրը հանկարծ լցված է մի փունջ պատկերներով և անուններով, դրանք բոլորը մեր խաղի ասպեկտներն են: Դուք կտեսնեք, որ կա խողովակ, կերպար, հարթակներ և նախապատմություններ, որոնք հետագայում կկազմեն խաղի աշխարհը: Վերևում դուք պետք է տեսնեք խաղի մեկնարկի մեծ կոճակ, շարունակեք և կրկնակի սեղմեք այն ՝ խաղը սկսելու համար:

Երբ խաղը բեռնված է, կարող եք օգտագործել սլաքների ստեղները կամ մկնիկով սեղմել և քաշել ՝ տեղաշարժվելու համար: Խաղի մեջ դուք պետք է տեսնեք խողովակը, հարթակները և մնացած բոլոր ասպեկտները, որոնք մենք տեսանք նախորդ էկրանին:

Քայլ 4: Խաղի խմբագրում

Այսպիսով, վերջին քայլին մենք իմացանք, որ էկրանի բոլոր պատկերները կազմում են խաղի աշխարհը, այնպես որ, եթե մենք խմբագրենք դրանք, դա կփոխի մեր խաղի իրերը:

Այսպիսով, դրանք խմբագրելու համար մենք թողեցինք կտտացնել այն, ինչ ցանկանում ենք խմբագրել, ուստի ասենք, օրինակ, որ ցանկանում էինք փոխել հարթակներից մեկի դիրքը, դա կանեինք ՝ կտտացնելով հարթակներից մեկին, այնուհետև կտտացնում ենք խմբագրել: Այժմ մենք պետք է տեքստային տուփ տեսնենք մի շարք արժեքներով, ինչպիսիք են X, Y, լայնությունը և բարձրությունը: Եթե մենք ցանկանայինք փոխել հարթակի դիրքը, մենք կփոխեինք X և Y արժեքը, և եթե մենք ցանկանայինք փոխել չափը, մենք կփոխեինք լայնության և բարձրության արժեքը:

Այսպիսով, հարթակը տեղափոխելու համար մենք X- ի արժեքը փոխում ենք 100 -ի և Y- ի արժեքը `70 -ի: Այնուհետև մենք սեղմում ենք« Պահել »և նորից փորձել խաղը, ապա մենք պետք է տեսնենք, որ խաղն այլ տեսք ունի: Մենք կարող ենք փոխել այս արժեքները խաղի բոլոր ասպեկտներում `այն ավելի անհատական դարձնելու համար:

Քայլ 5: Ավելացնել ավելին

Այս պահին մենք սովորեցինք, թե ինչպես է աշխատում շարժիչի աշխատանքը, ինչպես հասնել այս խաղերին և ինչպես խաղերը դարձնել ավելի անհատական ՝ իրերը չափափոխելով և տեղափոխելով: Այժմ մենք կանդրադառնանք, թե ինչպես ավելացնել ավելի շատ հարթակներ և առարկաներ մեր խաղին:.

Առաջին բանը, որ մենք պատրաստվում ենք անել, վերադառնալ մոդուլներին և նորից որոնել խաղը, «հարթակ խաղ Phaser» կոչվող ֆայլում դուք պետք է տեսնեք մեկ այլ հարթակ ավելացնելու տարբերակը, մենք պատրաստվում ենք կտտացնել դրա վրա, այնուհետև կտտացնել օգտագործմանը: Այժմ դուք պետք է տեսնեք, որ ձեր խաղի էկրանն ունի 3 խողովակ, բայց եթե խաղը գործարկենք, միայն 2 -ը կարելի է տեսնել: Դա պայմանավորված է նրանով, որ խողովակներից 2 -ն ունեն նույն x և y արժեքները, ինչը նշանակում է, որ դրանք համընկնում են: Դա շտկելու համար մենք պարզապես փոխում ենք արժեքներից մեկը, որից հետո երևում են 3 -ը:

Քայլ 6: Ստացեք այն ձեր հեռախոսով և շարունակեք այն

Այսպիսով, այժմ մեր խաղը պատրաստ է խաղալու, այն մեր հեռախոսներին հասցնելու համար մենք սեղմում ենք հրապարակում, որին հաջորդում է սկիզբը, այս գործընթացի ավարտից հետո մենք սեղմում ենք համօգտագործման և այնուհետ QR կոդի վրա: Սա մեզ կներկայացնի QR կոդ, որը մենք կարող ենք սկանավորել մեր հեռախոսով, եթե խաղը դնենք մեր հեռախոսի վրա: Մի քանի վայրկյանում խաղը բեռնված է, և մենք այժմ կարող ենք խաղալ մեր հեռախոսով: Նիշը կառավարելու համար կարող եք կամ մատը քաշել էկրանի վրայով, կամ հեռախոսը թեքել այն ուղղությամբ, որը ցանկանում եք տեղափոխել:

Եվ հենց այնպես, մենք կառուցել ենք շատ պարզ խաղ և տեղադրել այն մեր հեռախոսի վրա: Այժմ, սա այն ամենապարզ խաղերից մեկն է, որը դուք կարող եք կառուցել, բայց կարող եք այն շատ ավելի առաջ տանել, քան պարզապես հարթակավոր խաղը: Ստուգեք տիեզերական զավթիչների այս խաղը, որը կառուցել է այն AppShed: Այստեղ

Եթե ունեք որևէ հարց, խնդրում ենք ազատ զգալ թողնել մեկնաբանություն, և մենք կպատասխանենք ձեզ