Изоштрите своје ЈаваСцрипт вештине са ових 9 видео снимка са упутством за пројекат забавних игара

Чињеница да 98,4% свих веб локација користи ЈаваСцрипт је разлог зашто би то требало да знате као програмер. Гледајући уназад, прављење игре са ЈаваСцрипт-ом не само да вам помаже да брзо научите. Такође вам омогућава да савладате како да примените његове једноставне на сложене концепте у различитим ситуацијама на послу — било да сте почетник или освеживач.

Ако боље учите помоћу визуелних демонстрација, ови туторијали за игре на ИоуТубе-у су вредни вашег времена.

1. Карташка игра са ЈаваСцрипт-ом

Ова ЈаваСцрипт карташка игра са Гавином Лоном показује вам пут око окретања карата са преко 600 линија ЈаваСцрипт кода. Иако је главни фокус на подучавању ЈаваСцрипт-а, такође ћете научити да комбинујете моћ дизајна ЦСС-а са ХТМЛ структурирањем ДОМ-а да бисте постигли брз одзив са ЈаваСцрипт-ом.

Крајњи циљ пројекта је да се окрене неколико карата, а играч погоди аса када карте коначно замене места. Свака карта је слика четири различите улоге у картама. Дакле, иако нећете сами дизајнирати карте, научићете да манипулишете њиховим позицијама на одговарајући начин, повећавате рунде игре, додајете или уклањате резултате како се нивои мењају и чувате резултате игре у

локална меморија претраживача—сви користе ЈаваСцрипт.

Водич је поступно и лако га је пратити упркос тешком дизању које ћете радити иза сцене. Савршен је за почетнике и освеживаче. Иако се ради о изградњи карташке игре, она вас излаже већини ЈаваСцрипт-ових техника повезивања у стварним ситуацијама. Осим тога, открива вашу способност размишљања.

2. 2Д Бреакоут игра са ЈаваСцрипт-ом

​​​

Ако желите да научите да контролишете интервале акција и динамички померате ДОМ елементе помоћу ЈаваСцрипт-а, Аниа Кубов показује колико је забавно са овим водичем за игру која користи ЈаваСцрипт. Као плус, видео такође показује како да угостите и представите свој пројекат потенцијалним послодавцима.

Размислите о свакој могућности у игри за пробој; покретна платформа са лоптом која тангенцијално удара у зидове да би разбила цигле изнад ње. И у овом ћете кодирати систем награђивања. Све у свему, овај водич за игру вреди размислити ако желите да направите нешто од темеља без коришћења агената трећих страна или слика које су изворне.

Док повезујете своју логику унутар функција, видео учи више о ЈаваСцрипт класама и концептима објеката у једноставним корацима, укључујући условне изјаве најбоље праксе попут кућишта прекидача.

3. ЈаваСцрипт игра змија

Откријте носталгију игре Снаке ИИ на свом Нокиа 3310 тако што ћете направити ову ЈаваСцрипт игру змија са Кајлом. Вероватно сте ово играли раније и вероватно ћете га играти још много пута у животу пошто ћете кодирати један користећи ванили ЈаваСцрипт.

Док вас учи да динамички повежете ДОМ, овај видео показује како можете да направите и користите прилагођене модуле у ЈаваСцрипт-у. Тако да вам отвара прилику да научите како да одвојите бриге користећи принцип не понављај се (ДРИ).

Иза кулиса ћете савладати напредније ЈаваСцрипт концепте. Задаци, укључујући креирање мреже играча, постављање хране, изградњу тела змије, издуживање змије, кодирање навигациона логика, креирање шеме награде и казне, и контрола брзине змије, изложиће вас језгру ЈаваСцрипт.

4. Тиц Тац Тое игра са ЈаваСцрипт-ом

​​​​​

Можда се ваша игра Тиц Тац Тое изоштрава док правите један са ЈаваСцрипт-ом у другом видеу са Кајлом. Ово је једноставно, али вредно пројекат за ЈаваСцрипт почетнике да једете док ћете решити сложене проблеме.

Видео се не завршава само са ЈаваСцрипт-ом. Такође показује како да ухватите дизајн корисничког интерфејса користећи ЦСС. Уз доследност и посвећеност, у овом видеу можете научити скоро сваку технику потребну да започнете свој пут развоја веба.

Док манипулише ДОМ-ом помоћу ЈаваСцрипт-а, видео обухвата тежак задатак око кодирања одлука о победама и извлачењу, одлучивању о потезима играча и поравнању објеката. ЈаваСцрипт функције, петље и услови су неки од напредних концепата које ћете научити у овом видеу са упутством за ЈаваСцрипт Тиц Тац Тое.

5. Слајд слагалица са ЈаваСцрипт-ом

Загонетке могу бити задаци за размишљање. Али прављење једног са ванил ЈаваСцрипт-ом звучи као забаван начин да истражите своју креативност и научите основне до сложене ЈаваСцрипт концепте.

Желите да кодирате заједно у овом водичу—ако желите да видите како да користите ЈаваСцрипт концепте, укључујући условне прекидаче и динамичку манипулацију ДОМ позиција помоћу прилагођених и уграђених функција.

Иако наставник поставља ЈаваСцрипт унутар ознаке скрипте у ХТМЛ датотеци, можете да окренете своју скрипту у наменску ЈаваСцрипт датотеку и повежете је са ДОМ-ом у вашем случају ради јасноће. Без обзира на то, најбоље је да се усредсредите на основну логику и процес размишљања да бисте постигли свој циљ, укључујући како да примените оно што сте овде научили на више сценарија из стварног живота.

6. Тркачка игра са ЈаваСцрипт-ом

Прављење тркачке игре помоћу ванилла ЈаваСцрипт-а можда неће дати најбољи графички излаз. Али повезивање радне тркачке игре док пратите овај водич ће вас научити да искористите снагу ЈаваСцрипт-а која прожима функционалност у било којој апликацији.

Овај водич укључује постављање два аутомобила (црвеног и плавог) на тркачку стазу. Плави аутомобил се појављује насумично из било ког правца, а црвено возило, које представља играча, покушава да избегне судар. Игра се завршава када дође до контакта између оба аутомобила.

Иако је то једноставан опис онога што ћете изградити у овом, научићете неку ЈаваСцрипт напредну логику за ДОМ манипулацију и стилизовање. Такође ћете стећи увид у ЈаваСцрипт операторе док креирате награде и казне за играче.

Док додајете функционалности стази, неки концепти које ћете научити укључују ЈаваСцрипт догађаје, услове, анонимне функције, ЈаваСцрипт анимацију, контролу интервала и још много тога.

7. Марио игра са ЈаваСцрипт-ом

Овај водич за ЈаваСцрипт Марио игру је све што вам је потребно да уроните главу у ЈаваСцрипт-ове ситнице. Док прављење игре Марио са ЈаваСцрипт-ом звучи сложено, Крис, ваш тутор, показује да је то више него могуће у овом ИоуТубе видеу. Дакле, можда бисте желели да ухватите забаву и истражите своју способност критичког размишљања тако што ћете наставити.

Иако би почетници могли да сматрају да је туторијал мало напредан, то је сјајна потрага за освеживачима да своје ЈаваСцрипт вештине подигну на следећи ниво.

Осим што ћете научити о манипулацијама елементима, искористићете моћ чистог ЈаваСцрипт-а у изградњи платнене шаблоне за интерфејс игре користећи објектно оријентисано програмирање (ООП). Пошто је плејер активно покретан, примена ЈаваСцрипт контроле тастатуре, руковање догађајима, петље, оператори, услови и уграђене и прилагођене функције спадају у међупројектно искуство које ћете имати добитак.

8. Направите Миноловац са ЈаваСцрипт-ом

Желите да истражите моћ рекурзивних функција и методе низа у множењу ДОМ елемената са ЈаваСцрипт-ом? Можда бисте желели да почнете са овим упутством за ЈаваСцрипт Миноловац од Аније Кубов на Траверси Медиа.

Укључује пуно пажње на детаље. Али то је водич прилагођен почетницима и један од најбољих да обавите своје руке око система распореда мреже користећи ЈаваСцрипт. Крајњи циљ је креирање шаблона мреже где играчи избегавају да стану на мину.

Колико год једноставно звучало, написаћете много програмске логике која укључује већину техника ЈаваСцрипт језгра да повежете функционалност игре иза сцене.

9. Водич за Покемон ЈаваСцрипт игру са ХТМЛ платном

Покемон је један од најсложенијих пројеката игара које можете направити користећи ЈаваСцрипт. Међутим, ако сте у дугим ригорозним сатима кодирања са ЈаваСцрипт-ом и спремни сте да изађете обновљени са више самопоуздања, боље је да ускочите у овај водич.

Поред ДОМ скриптовања и анимације помоћу ЈаваСцрипт-а, видео вас учи како да преместите и прикажете средства, укључујући аудио и слике, користећи ЈаваСцрипт. Постоји много тога што туторијал открива о ЈаваСцрипт-у, што ће вам бити драгоцено у свим проблемима кодирања у стварном животу.

Поред других основних техника манипулације ЈаваСцрипт-ом, туторијал такође у великој мери користи концепте ООП-а; ово је драгоцено ако планирате да се касније удубите у ТипеСцрипт. Један од фактора поједностављивања овог туторијала је како наставник описује задатке.

Лако је повући се када замислите сложен систем који ћете направити да би ово функционисало. Али размислите шта ћете на крају добити.

Научите апликације ЈаваСцрипт-а за решавање проблема

Игре користе неке од најинтуитивније логике у програмирању. Зато је вредно научити ЈаваСцрипт из прављења једног. Иако су ови туторијали засновани на игрицама, они вас излажу основним концептима ЈаваСцрипта који су применљиви на многе друге проблеме кодирања, укључујући развој веба и креирање мобилних апликација. Чак и ако планирате да се касније окренете оквирима, применићете ове концепте без обзира на то.