Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс)

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 823

  • @МаксимХ-д4з
    @МаксимХ-д4з 6 ปีที่แล้ว +614

    Щас я понял как делали Фаллаут 76))

    • @АлександрБуза-е4л
      @АлександрБуза-е4л 6 ปีที่แล้ว

      +++

    • @alexanderivanov9160
      @alexanderivanov9160 6 ปีที่แล้ว +1

      Максим Х на самом деле нет.

    • @TheMufinv
      @TheMufinv 6 ปีที่แล้ว +5

      @@alexanderivanov9160 козел , испортил шутку

    • @diabetescheesecake
      @diabetescheesecake 6 ปีที่แล้ว

      его не делали, просто взяли фаллаут 4 и вместо 4, написали 76.

    • @asket1
      @asket1 6 ปีที่แล้ว +1

      @@TheMufinv только лучше сделал. без его коммента - шутка не смешная и очень тупая

  • @dmitriiG2603
    @dmitriiG2603 5 ปีที่แล้ว +7

    Это потрясающе, уже неделю делаю игру на js, слабо получается, а тут... Такие люди меня вдохновляют не сдаваться!
    Лайк, подписка

    • @batyazh
      @batyazh 3 ปีที่แล้ว +3

      Ей, наткнулся на твой комент, стало интересно, как там твоя игра?

    • @ZELEBOBA11
      @ZELEBOBA11 2 ปีที่แล้ว +1

      @@batyazh видимо не очень

  • @утка3-л2ч
    @утка3-л2ч 5 ปีที่แล้ว +2

    Влюблена 😍😍 Умничка ❤❤❤ Мотивация прибавилась :3 Спасибо 💕

  • @SuprunAlexey
    @SuprunAlexey 5 ปีที่แล้ว +22

    Круто получилось👍🏻👍🏻👍🏻👍🏻👍🏻

  • @arturstadnix
    @arturstadnix 6 ปีที่แล้ว

    Наконец-то что-то годное в рекомендациях. Человек, которого приятно слушать и который создаёт интересный контент. Подписка

  • @djAbyssRT
    @djAbyssRT 6 ปีที่แล้ว +8

    лампово и прям мастер-класс) С этого надо начинать любое обучение - с примера для подражания)

  • @elenazueva1039
    @elenazueva1039 6 ปีที่แล้ว +1

    очень лампово, еще радует то, что звук и картинка отличного качества!

  • @frogwarg
    @frogwarg 4 ปีที่แล้ว

    Круто, что вы показываете сам процесс. Многие програмиисты-ютуберы делают что-то, не показывая, и не понятно, что вообще происходит, и как это работает. Но вы молодец. Все получилось очень круто!

  • @n1ckyrush
    @n1ckyrush 6 ปีที่แล้ว +122

    Годный контентик!
    Давай еще :)

    • @mkoe6462
      @mkoe6462 6 ปีที่แล้ว +2

      Шо ты тут делаешь :o

    • @pupok90
      @pupok90 6 ปีที่แล้ว +1

      фигасе, и ты тут)

  • @HOME-nx8mn
    @HOME-nx8mn 6 ปีที่แล้ว +1113

    Русская девушка фуллстек разработчик вебгеймдева, теперь я видел все!!!!

    • @МаркВирченко-ж6щ
      @МаркВирченко-ж6щ 6 ปีที่แล้ว +102

      @@HOME-nx8mn да какая разница, щас бы срач устраивать по поводу фуллстек или фуллстак, 2 псевдоинтеллектуала

    • @HOME-nx8mn
      @HOME-nx8mn 6 ปีที่แล้ว +6

      @@МаркВирченко-ж6щ ты и он - 2 псевдоинтеллектуала

    • @HOME-nx8mn
      @HOME-nx8mn 6 ปีที่แล้ว +2

      @@МаркВирченко-ж6щ я никого не оскорблял. Начинать не советую.

    • @МаркВирченко-ж6щ
      @МаркВирченко-ж6щ 6 ปีที่แล้ว +23

      @@HOME-nx8mn сразу школьника агрессивного видно, все понятно..

    • @ddd7386
      @ddd7386 6 ปีที่แล้ว +5

      @@HOME-nx8mn я тебя удиалю, но в слове stack a произноситься ближе к aa (две а), чем э.

  • @ДанилаДанила-ж8р
    @ДанилаДанила-ж8р 6 ปีที่แล้ว

    Какая молодец, Кристина. Лайкос тебе ))

  • @paljm345
    @paljm345 3 ปีที่แล้ว

    Хоорооошшшш)))) Оч кпуто получилось...
    Продолжай

  • @КонстантинПродан-ф6ч
    @КонстантинПродан-ф6ч 6 ปีที่แล้ว +6

    Когда-то меня учили писать код как раз на простеньких игрушках. Это наверно был самый правильный подход к обучению. Именно благодаря тем урокам меня иногда тянет написать какую-то программку, хотя это и не связанно напрямую с моей работой.

  • @construct2-796
    @construct2-796 5 ปีที่แล้ว

    Годно, ты молодец! Настоящий, инди-разработчик))

  • @ОлександрГадзало
    @ОлександрГадзало 6 ปีที่แล้ว +36

    У тебя очень круто получается, как то все акуратно и простенько. Я сейчас только перехожу на JavaScript, и твои видео очень мотивируют создать что то свое. Не знаю будет ли что то получатся или нет, но есть большое желание попробовать. Спасибо тебе за такие видео, удачи тебе)

    • @davidarsenyan1425
      @davidarsenyan1425 6 ปีที่แล้ว

      А не скажешь как ты учишся javascript всмысле какие то курсы, видео или сайты?

    • @MrTurkish1988
      @MrTurkish1988 5 ปีที่แล้ว

      @@arleenlasleur кодить не зная языка-исходника... это со словарём сидеть постоянно?

    • @vitali.graphic
      @vitali.graphic 2 ปีที่แล้ว

      Как результат?

  • @marinaurrey5246
    @marinaurrey5246 5 ปีที่แล้ว +2

    Очень интересно было посмотреть на процесс создания игры. Классное видео!

  • @ecl1pse101
    @ecl1pse101 6 ปีที่แล้ว

    ты крутая, первый раз зашел на твой канал и сразу лайк, такая умная и красивая, удачи в новых проектах)

  • @celestian_gaming
    @celestian_gaming 6 ปีที่แล้ว +4

    Очень красивая и голос приятный! Молодец, что можешь и кодить и рисовать и со звуком. За сайт с генерацией спрайтов перса отдельное спасибо! ;)

  • @Meinerdi
    @Meinerdi 4 ปีที่แล้ว

    Это просто нереально круто!

  • @andreinakonex2501
    @andreinakonex2501 2 ปีที่แล้ว +1

    Спасибо Вам за данное видео. Подписываюсь, ставлю лайк 👍

  • @cicuta_verde
    @cicuta_verde 6 ปีที่แล้ว

    Это потрясающе! Ты такая умница!

  • @ЭпохаБичпакетов
    @ЭпохаБичпакетов 5 ปีที่แล้ว +1

    Блет,бесит,когда кто-то умеет что-то чего не умеешь ты,но и мотивирует,могёшь,удачи тебе )

  • @D_o_m_i_n_u_S
    @D_o_m_i_n_u_S 6 ปีที่แล้ว +2

    Молодец! Четко, понятно и наглядно. Спасибо за труд! Подписка однозначно! :)

  • @VladChernov-k7f
    @VladChernov-k7f 6 ปีที่แล้ว +1

    Круто, большая молодец!!!Вдохновляет садиться и кодить, интересный формат которым можно разбавлять туториалы :)

  • @ЭлонаХетагурова
    @ЭлонаХетагурова 5 ปีที่แล้ว

    было интересно посмотреть, спасибо!) удачи в развитии канала

  • @sosochka_nerealochka
    @sosochka_nerealochka 6 ปีที่แล้ว +1

    Пиздато сработано, Ковальски!

  • @АнжелаКосян-п1п
    @АнжелаКосян-п1п 5 ปีที่แล้ว

    Как классно, что в рекомендациях попадаются такие интересные видео, мне как нубу было интересно(хоть я и учу C++, а не JS). Спасибо за мотивацию, удачи вам.

  • @Al-Mas3000
    @Al-Mas3000 6 ปีที่แล้ว +155

    В кои-то веки в рекомендованных действительно интересный контент))) Молодец, удачи тебе в кодинге и развити, а то смотрю набежали тут суперпрогеры-самцы свое ЧСВ потешить в коментах))

    • @denwww74
      @denwww74 6 ปีที่แล้ว

      и не только ЧВС....

  • @demuzinc.2420
    @demuzinc.2420 6 ปีที่แล้ว

    Потрясающе!

  • @ВладимирФоменков-й7р
    @ВладимирФоменков-й7р 6 ปีที่แล้ว +1

    Это так мило

  • @alex90aaa
    @alex90aaa 6 ปีที่แล้ว +101

    хорошо рисует но больше всего мне понравилось что все в бесплатных программах и на линуксе

    • @ruzzifer
      @ruzzifer 3 ปีที่แล้ว

      Ну она сама мне понравилась😍

  • @SmkaShka
    @SmkaShka 6 ปีที่แล้ว +1

    Оч классно, я как человек занимающийся веб проектированием, ставлю здоровенный царский лайк. Оч круто

  • @GennadyDryomin
    @GennadyDryomin 6 ปีที่แล้ว

    Очень интересно, продолжай в том же духе!

  • @ВикторСолдатов-р6о
    @ВикторСолдатов-р6о 6 ปีที่แล้ว

    какая же ты умничка
    горжусь такими девушками

  • @OleksiiBZ
    @OleksiiBZ 6 ปีที่แล้ว

    Молодчинка, лёгкий формат )

  • @dzidzoful
    @dzidzoful 6 ปีที่แล้ว +1

    просто найти рабочий код в интернете и снять об этом видео, очень умно...

  • @MAIVSHOW
    @MAIVSHOW 6 ปีที่แล้ว +2

    У тебя круто получается)0) Спасибо за видео)))

  • @ДЕРЗКИЕНОВОСТИ
    @ДЕРЗКИЕНОВОСТИ 5 ปีที่แล้ว

    Афигеть, девушка которая может все))) Круто!

  • @СергейКлименко-л6ю
    @СергейКлименко-л6ю 5 ปีที่แล้ว +1

    Вау! Просто, вау! Респект)))

  • @Nix_46
    @Nix_46 6 ปีที่แล้ว +1

    Красиво сделала видео) не нудное как у парней) прям будто рядом с тобой сидел составлял всё) заставила и меня это пережить)) прикольно)

  • @cheesecheese5790
    @cheesecheese5790 5 ปีที่แล้ว +1

    только сегодня подписалась на ваш канал и уже влюбилась) с нетерпением жду еще видяшек)

  • @goodmoment4643
    @goodmoment4643 6 ปีที่แล้ว

    Молодец ) чего бы я добавил , дэк это больше эмоций в голос Кристины ) а в целом умница , так держать 😉

  • @АльбинаМиловидова-у2ш
    @АльбинаМиловидова-у2ш 6 ปีที่แล้ว

    Вау, крутость зашкаливает . Эффект достигнут

  • @Скыбыдыщь
    @Скыбыдыщь 6 ปีที่แล้ว

    Ваауууу,я подписываюсь!!! И больше всего на свете боюсь что такие крутые каналы вдруг закроются,так вот не закрывайся никогда 😁😁😁😀

  • @toshadrakosha8141
    @toshadrakosha8141 5 ปีที่แล้ว

    Теперь вам нужно все снять в подробностях)Очень интересно

  • @alexariy3878
    @alexariy3878 6 ปีที่แล้ว +2

    красивая девушка! прекрасно, что увлекается таким делом. успехов в развитии и достижении своих целей. С наступающими!

  • @roboshop3741
    @roboshop3741 6 ปีที่แล้ว

    Офигеть ты крутая! Лайк, подписка и репост.

  • @phir9255
    @phir9255 6 ปีที่แล้ว +1

    Мне понравилось запись звуков из подручных предметов. Я знаю, что это довольно нормально, но всё же по моему гениально.

  • @BoomBitGang
    @BoomBitGang 6 ปีที่แล้ว

    Что сказать очень интересно )

  • @cerdek9190
    @cerdek9190 6 ปีที่แล้ว

    Просто офигительно

  • @S0A0W0
    @S0A0W0 6 ปีที่แล้ว

    Я пойду плакать, обняв себя за колени. Вы молодец

  • @aladinmovies
    @aladinmovies 6 ปีที่แล้ว +1

    Девушка вы очень симпатичны и сразу не подумаешь что увидишь в видео девушку кодера. Молодчина, классное видео, однозначно лайк за старания

  • @tonynice3007
    @tonynice3007 6 ปีที่แล้ว +1

    Мля, как же лампово

  • @beskonechno
    @beskonechno 5 ปีที่แล้ว

    Кристина, молодец)

  • @philmirez
    @philmirez 6 ปีที่แล้ว

    I love the TH-cam algorithm. The only language in this video that I understand is JavaScript and the algorithm knew that was enough to suggest it to me. Thank you for sharing your workflow.

  • @БекКен-к1ю
    @БекКен-к1ю 6 ปีที่แล้ว +1

    Необычно! Лайк!👍

  • @shkrv6
    @shkrv6 6 ปีที่แล้ว +1

    отличный таймлапс, удачи с контентом!

  • @Константин-р6г2щ
    @Константин-р6г2щ 6 ปีที่แล้ว +1

    Спасибо за познавательные видео! все хорошо рассказываешь и показываешь что и как надо делать! будем ждать от тебя еще видео!

    • @nullnull295
      @nullnull295 6 ปีที่แล้ว

      надеюсь это был сарказм? Я просто ничего не понял, видео как писть 2д без библиотек, а на нем девушка что-то на ноуте делает, а что за код хз, код бы скинула. Вообще видео бессмысленное, я могу так же сделать на юнити, а сказать что это в css, один фиг никто ничего не увидит

    • @ильяссадуов-г1о
      @ильяссадуов-г1о 4 ปีที่แล้ว

      Безжалостная орка жалко

  • @robertodiohu7052
    @robertodiohu7052 4 ปีที่แล้ว

    Прикольно получилось Понравилось. Есть идея для игры.
    Возможно ли после отрисовки карти изменять "спрайты"?? Подбирать стену получая компонент для Крафта ( менять изображение стена на изображение проем в стене) или ставить стену там где ее не было???
    Идея построить мир.. и перестраивать его по собственному желанию защищаясь от зомби. Строить ловушки преграды и ТП. Крафт предметов с ингредиентов розобраних стен.. ( розобрав шкаф получаеш 4 деревянных мебельных щита + 16 болтов) а етим деревяним щитом мебельном можно забить дверь чтоб зомби немог пройти у етой конструкции своя прочность.. ведь зомби может ломать...

  • @islam_in_the_west
    @islam_in_the_west 6 ปีที่แล้ว +1

    Ты заслуживаешь лайк. Молодец.

  • @ВадимВалиев-п3х
    @ВадимВалиев-п3х 6 ปีที่แล้ว

    Молодчинка!

  • @GameShowTV001
    @GameShowTV001 6 ปีที่แล้ว

    Прикольно получилось! Ты прям мозг!

  • @mkstlz
    @mkstlz 6 ปีที่แล้ว +3

    очень круто и вдохновляет)) молодец

  • @godofarms1069
    @godofarms1069 5 ปีที่แล้ว +4

    Вот это анимация! Я для своих 'игр' пишу просто квадратики, кружочки на канвасе, тк сам нормально рисовать не умею.

  • @stas2040
    @stas2040 6 ปีที่แล้ว +41

    Безжалостное, хладнокровное убийство мирнопасущегося орка?!! Общество защиты орков возмущено и глубоко скорбит!!!

    • @griwopr6015
      @griwopr6015 4 ปีที่แล้ว +1

      хахахахаххаха

    • @PenzaSaratov
      @PenzaSaratov 3 ปีที่แล้ว +2

      Вот я тоже не понял, чего вредного в орке было? Он даже траву не притоптал

  • @yugo9805
    @yugo9805 5 ปีที่แล้ว +1

    Зачет, круто.Удивился когда увидел девушку в геймдеве.

  • @danterage636
    @danterage636 4 ปีที่แล้ว

    да это шедевр

  • @manul74
    @manul74 5 ปีที่แล้ว +1

    Великолепно!!!

  • @unitedwestand251
    @unitedwestand251 6 ปีที่แล้ว

    Четко, могете!

  • @Маленькая_сосна
    @Маленькая_сосна 6 ปีที่แล้ว

    Красотка, умничка.

  • @catweb666
    @catweb666 6 ปีที่แล้ว

    Круто! Лайк и подписка

  • @motoday3580
    @motoday3580 6 ปีที่แล้ว

    Красотка да и еще умная ... я упал в обморок )))

  • @vladimirzhulin
    @vladimirzhulin 6 ปีที่แล้ว +1

    Лайк и подписка не глядя))

  • @leviafanux
    @leviafanux 6 ปีที่แล้ว +253

    ахуеть, насилие на канале... я рыдал за смерть орка...сейчас молимся за его душу... жестокий у тебя канал

    • @andrewmendela9065
      @andrewmendela9065 6 ปีที่แล้ว +15

      на аватарке крест за упокой орка?

    • @leviafanux
      @leviafanux 6 ปีที่แล้ว +45

      @@andrewmendela9065 на аватарке крест на котором белье сушу, орка кремировали

    • @Михайло_Чуприна
      @Михайло_Чуприна 5 ปีที่แล้ว

      орк пал ради контента на канале, так бы скучно было вовсе :D

    • @doragonsoul9186
      @doragonsoul9186 5 ปีที่แล้ว

      а это жестокое обращение с животными или терроризм (он же даже не ударил, а если бы ударил, то урона не нанёс бы (на сколько я могу судить))?

  • @hel2x
    @hel2x 6 ปีที่แล้ว

    Боже больше умных девушек, ты гений:))! Good Luck

  • @monohydrate1105
    @monohydrate1105 6 ปีที่แล้ว +1

    Очень интересное видео, пожалуй подпишусь

  • @bitcoin4ever864
    @bitcoin4ever864 6 ปีที่แล้ว +1

    ты крутая, держи лайк и подписку!
    Продолжай в том же духе!

  • @MsGrooveOn
    @MsGrooveOn 6 ปีที่แล้ว +1

    Какая молодец)

  • @sergiyrudenko905
    @sergiyrudenko905 6 ปีที่แล้ว +1

    Спасибо большое, интересное видео!

  • @Марсель-э5з
    @Марсель-э5з 6 ปีที่แล้ว +1

    Прикольно!)👍😉

  • @Alexander.D.
    @Alexander.D. 6 ปีที่แล้ว +1

    Очень здорово! Вдохновляет

  • @base-color
    @base-color 6 ปีที่แล้ว +1

    Привет, это потрясающе!

  • @КешаКаулитц
    @КешаКаулитц 6 ปีที่แล้ว +1

    Клааасс! Я теперь тоже хочу создать платформер :3

  • @ennuy3use
    @ennuy3use 6 ปีที่แล้ว +1

    Наконец-то хоть что-то интересное

  • @elinaomurkulova3213
    @elinaomurkulova3213 6 ปีที่แล้ว +1

    Спасибо за познавательное видео) теперь будем чем занять мозг

  • @hikaro_top
    @hikaro_top 6 ปีที่แล้ว +1

    Что сказать, круто)

  • @MicroBearRU
    @MicroBearRU 6 ปีที่แล้ว

    Круто. Вообще не думал что на js такие вещи делают.

  • @ruslannormetov
    @ruslannormetov 6 ปีที่แล้ว +2

    Спасибо ютубу что рекомендует такую годноту! Подписался!)

  • @LeonKniazev
    @LeonKniazev 4 ปีที่แล้ว

    это очень круто, давай ещё?)

  • @ruzzifer
    @ruzzifer 3 ปีที่แล้ว

    Ох какой урок😍❤

  • @kironpapon
    @kironpapon 5 ปีที่แล้ว +1

    чому тут так мало просмотров
    ты просто супер)

  • @loqour
    @loqour 6 ปีที่แล้ว

    Супер))

  • @TheLex7prod
    @TheLex7prod 6 ปีที่แล้ว

    Умничка:)

  • @trewerguli1727
    @trewerguli1727 6 ปีที่แล้ว

    Приятный голос, спасибо покодил))

  • @tinirzloto7021
    @tinirzloto7021 6 ปีที่แล้ว +2

    Прикольно, ну ты крутая) рили

  • @alexeybobkov1128
    @alexeybobkov1128 6 ปีที่แล้ว

    10 из 10. Игра года. © Логвинов.

  • @Okhaman
    @Okhaman 6 ปีที่แล้ว

    Умная девочка 👌

  • @alexmat7937
    @alexmat7937 6 ปีที่แล้ว +1

    Привет! Это было отличное утро)

  • @AOBykov
    @AOBykov 6 ปีที่แล้ว +1

    Молодец! Круто!

  • @nikolasivanov6337
    @nikolasivanov6337 6 ปีที่แล้ว +2

    Кристина, ты невероятная, умничка.++++