Игра на JavaScript с нуля для начинающих. ОЧЕНЬ ПРОСТО!

[@HowdyhoNet]

Так блэт :3 Эта территория под моим контролем, чумба.

[@SuprunAlexey]

Not today 😂😂😂👍🏻

[@vasya8696]

😂

[@danys4740]

Больше нет!

[@abrrrik]

Салам брат

[@vladkoval4243]

Я прям знал что твой коммент тут будет))

[@Mralex22801]

Спасибо, начал ГТА писать на js.

[@REXTGames]

Сними видос хочу посмотреть на неё

[@artmyan3445]

Kogda u tebya net urokov😂

[@MoryartyMental]

Как успехи?

[@why6519]

@BINANCE666BITCOIN Да это рофл че вы

[@farkhodcastro1590]

😂

[@angolalive3718]

Чувак, это гениальный подход к изучению с наглядной мотивацией того, что делаешь! Изучение будет на примере и сразу! Молодец. Продолжай такие же веселые уроки. У всех на умных щах - это скучно таак, что спать хочется ))

[@lidiyal.1944]

Спасибо большое за видео! Я делаю первые шаги в программировании. Сделала игру по вашему видео, все получилось 👍 Здорово, что сразу виден результат, это очень мотивирует. Отличные объяснения, все понятно.

[@ПростоЧел-с2ы9б]

Ура, очень ждали! Думаю будет круто

[@SuprunAlexey]

Это хорошо

[@ЕжиХороши]

спс, все очень понятно! Может еще игру на JS с canvas? Видео каждый день без потери качества, мощьно

[@miklkey777]

Для совсем уж новичков нужен текстовый формат Лайк поставил)

[@pavluzont]

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

[@Fenix-ij8sj]

Прошло 5 месяцев, как успехи?

[@pavluzont]

@@Fenix-ij8sj отлично Переписал на канвас Теперь планирую на реакт ))

[@armanscription1428]

11 месяцев прошло, как у тебя с JS?

[@pavluzont]

@@armanscription1428 работаю на коммерческом проекте, пишу на реакте ☺️ спасибо за переживания

[@armanscription1428]

@@pavluzont Дай советы какие-то

[@thomasanderson3145]

Я middle front-end dev, смотрю видео и все равно интересно :)

[@МуратКожахмет-я1з]

Это мой первый код на JS 🎉 Спасибо, учитель 👨‍🏫

[@SuprunAlexey]

Ура

[@armanscription1428]

Как там с продвижением в JS? много уже сделал за 8 месяцев ?

[@SNSDfOu]

@@armanscription1428 пал в степях Украины

[@Аринкамандаринка-п8л]

Серьезно?@@SNSDfOu

[@АндрейИльин-д6ж]

Великой Украины! повнимательнее будь!@@SNSDfOu

[@asmrNailsVera]

Круто, осталось только статистику писать сколько играл, подпрыгнул. Ну и главное подключить часы, чтобы счетчик шагов считать :)

[@Tranzin40]

Еще можно прописать для кактуса рандом.

[@liliyalady7004]

@@Tranzin40 Интересно, как рандом и статистику сделать?

[@Tranzin40]

@@liliyalady7004 ну для рандом функция отдельная. Нужно сделать так что при интервале с рандомной частотой спавнится новый кактус. А счет просто

[@liliyalady7004]

@@Tranzin40 это пока то для меня космос🙈

[@Tranzin40]

@@deleted1000 Можно например создать массив объектов(разные противники), и поместить их в рандом.

[@King-bg9yc]

Все очень понятно, хоть я не разу не работал с анимацией, просто лучший. Очень надеюсь, будут ещё такие игры?

[@SuprunAlexey]

Если будет актуально

[@King-bg9yc]

@@SuprunAlexey думаю многие будут рады

[@ЕжиХороши]

@@SuprunAlexey очень актуально

[@krabbik9147]

@@SuprunAlexey конечно актуально P.s. вроде бы всё понятно, а вроде бы и супер сложно)

[@ПростоЧел-с2ы9б]

Круто, искал недавно видео именно по дино! Огромное спасибо

[@SuprunAlexey]

Класс, должно получится

[@andreyVinnitskiy]

@@SuprunAlexey А сделать игру - гонки 2d или псевдо 3d? на ванильном js через канвас?)

[@SuprunAlexey]

@@andreyVinnitskiy долго)

[@andreyVinnitskiy]

@@SuprunAlexey но было бы интересно что бы ты пошагово объяснял что и как) Ну ладно, будем ждать и других выпусков!)

[@dinochrome7235]

@@SuprunAlexey Можете, пожалуйста скинуть исходный код, просто у меня не срабатывает "jump." Я на пробел нажимал и писал очень точно, ни одной ошибки не допустил, но ничего не срабатывает (код пишу в "Sublime Text, а недавно попробовал писать на "Atom"-редакторе")

[@Veloceraptorrr]

Сделала прикольную игрушку на основе вашего видео. Добавила кнопку старт и счёт очков. А так же проплывающие тучки и пролетающих птичек сверху. Спасибо за ваше видео, не знала что на js можно такое делать☺️

[@relaxtime205]

джаваскрипoм можно делать такую штучку джаваскрипт очень хороший язык программирование Мне очень понравилось А вы в каком язиком владеете

[@mishanris]

Не подскажите как вы сделали кнопку старт?

[@msS0NIK]

@@mishanris добавь движения кактусов в класс и кнопкой старт навешивай его

[@SNSDfOu]

@@relaxtime205 ты таджик или ребенок?

[@Константин-ф6г9ж]

@@SNSDfOu одно с другим несовместимо?

[@abrrrik]

Спасибо! Я как раз js учу😇 побольше таких!

[@SuprunAlexey]

Класс

[@nerofighter472]

как успехи небось уже работаешь?

[@enot85]

@@nerofighter472 а у тебя как?Работаешь?)

[@nerofighter472]

@@enot85 нет я попал именно в тот момент когда рынок был переполнен прогерами. Приглашали на стажировки не оплачиваемые, но сбережения заканчивались. Работаю архитектором, по профессии.

[@douglassmsimpson9961]

Офигеть ты спокойно крутишься))) Я бы с такими завозами уже инсульт словил))))

[@АртурСадреев-г9в]

Блин, все, получилось, даже с др картинками! Класс:) а реально замутить типа танчиков, не те что ща все рубятся, а старые желтые, в начале 2000х рубились в школе помню

[@АлишерАзимов-д8ш]

игры на js хорошая тема))

[@wolkbog8179]

Классно, как и просили! Жаль пропустил премьеру, бабушка есть заставила (

[@SuprunAlexey]

Ну посмотри как освободишься полностью, это обычное видео

[@ImmortalBest]

Привет бабуле )

[@MrWorld619]

Бабушке привет

[@ohnocoder]

Раз бабушка, значит ты тоже ребенок😀 Удачи в программировании!

[@Frasen_24]

Спасибо тебе юольше, благодаря тебе я сдал курсовую, и еду на ооимпиаду где нужно написать свою игру в 4к за 2 минуты

[@casuale1200]

ура новый ролик, но хотелось бы увидеть ролик по сложнее игрой

[@SuprunAlexey]

Сделайте для начала такую

[@casuale1200]

@@SuprunAlexey ну я просто уже делал динозаврика и на мой канал нажмите там увидите какие игры я делал

[@casuale1200]

@@SuprunAlexeyно до 3д и THREE JS еще не дошол

[@casuale1200]

@@SuprunAlexey да вот если бы было бы видео про ИИ то очень круто было бы

[@ser_vinogradov4269]

Спасибо за труды и мотивацию)Крутяк,давай усложним её,чтоб Хауди Хо ещё больше нервничал)))А то он свой код вроде не показывал,а для начинающих это не очень)

[@SuprunAlexey]

😃😃😃

[@alexandrmakedonskiy2956]

даже не знаю кем ты вдохновился когда выбрал пример на гугловском динозаврике

[@SuprunAlexey]

Отключением у себя интернета сегодня утром(

[@Tony_Dias1692]

Мужик, ты офигенен, все понятно и увлекательно, только файлы бы прикрепил с картинками)

[@ооо-ъ3ю]

спасибо большое тебе за ваш труд и контент просто все супер

[@bahtiyorr]

Спасибо было познавательно, но придумайте примеры которые могли бы объяснить вот эти объекты, функции, методы и переменные JavaScript и показывать как они взаимодействуют друг с другом

[@fyriogd8683]

Очень просто и понятно! Спасибо за видеоурок!

[@yujjjgg6453]

как вы добавили фото в папку img?

[@fyriogd8683]

@@yujjjgg6453 выберите эту папку как путь сохранения фото

[@TeuvoLaaksonen]

А как вы думаете, какие еще игры можно сделать на JavaScript? я сам недавно начал изучать веб-разработку и выбрал курсы Skypro, потому что у них были лучшие отзывы. Лично я хотел освоить новую профессию и после небольшого ресерча понял, что рынок IT развивается очень быстро. Курсы оказались настолько структурированными и понятными, что уже за 2-3 месяца до конца обучения я смог устроиться на работу с хорошей зарплатой))

[@tabrisel]

Крутое видео, было оч интересно посмотреть, спасибо )) Не знала про возможность добавления события "keydown"(просто не сталкивалась еще), а все так просто для игры оказалось))

[@hitchhiker7033]

Родной след раз , файлы архива из уроки скидывай в описание), чтобы люди повторили твой шедевр и был сэмпл!)

[@Jdjdjjjxhzh]

Хах, сделал Динозаврика из счетом, сложностью и забавной анимацией бега) Буду ждать новую игру)

[@trance_hardstyle]

Хмммм....Познавательно, из ничего кое-что сварганить )) Что будет дальше :)

[@SuprunAlexey]

Дальше - больше 😊

[@trance_hardstyle]

@@SuprunAlexey Я бы ещё лучше сделал, я бы сделал так что компьютер САМ посылал когда надо вместо юзера !? Это будет еще интереснее..)) Что скажешь ?

[@soundmorozov]

Спасибо! Младшая дочка радуется, кролик прыгает через крапиву))

[@glaciron]

Видно что кактус появляется не всегда с точки left: 580px ,он постоянно движется и после нажатия всплывающего окна (alert) ,он появляется по таймингу по которому движется. Получается нужно дорабатывать.

[@liliyalady7004]

Есть ли у вас ролики, где объясняется что такое те или иные базовые коды-слова, зачем и когда ставить ковычки, с чего и с каких слов или символов начинать новый проект, и т.д. я вообще нулевый новичек в программировании. Хочу понять логику программирования. Очень интересно рассказываете🔥🔥🔥 вчера попала на ваш канал

[@dimatit0471]

Спасибо за видео, всё чётко и понятно. Не понятно только откуда дизлайки)

[@NotoriousBig6688]

Четвёртый день как начал изучать , сегодня написал эту игру, только не кактус а Марио)

[@yujjjgg6453]

как вы добавили фото в папку img?

[@Вячеслав-д9ъ]

создавай пожалуйста больше видео про игр на js Видео очень хорошее

[@vitaliynovikov9510]

на 1:52 стало уже ничего непонятно.как вы создали структуру?если пишите в описании что с ноля для новичков,то обьясняйте каждый шаг

[@Александр-ч1я6г]

Было бы неплохо сделать счётчик очков. А так изучаю сейчас js. Видео интересное.

[@SuprunAlexey]

Вооот как раз сделайте

[@АндрейЖарук-л5м]

спасибо чел это моя 1 игра усовершенствовал знания дом

[@f-len]

Круто! 🙂👍Давай тетрис!!! 😁

[@sleepyNovember_project]

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

[@muha1751]

Ага😅😂

[@markoyforever1]

Я изучил Html и Css вот начал изучать JS.

[@ВолосатыйЖмых-в1б]

Как раз ждал, спасибо большое! Всего 5 дизлайков, всем зашло. Ещё будут подобные игры на js?

[@SuprunAlexey]

Ну если будут комментарии что нужны, тогда да

[@yunogasai7222]

@@SuprunAlexey нужны! Хотим ещё игр!

[@МаксимГолык]

Спасибо круто , все получилось кроме того что почему-то прыжок не срабатывает , хотя класс добавляется ) а так Game Over выводиться .

[@sanjarGamingUz]

Круто, все так просто! Теперь го киберпанк делать)))

[@brigella5969]

Почему то не считывается нажатие, все сделал как у вас, но всё равно не работает.

[@monkeysgrave9375]

Давай делай игры на js!!!

[@SuprunAlexey]

Принято

[@boburmustafo8868]

@@SuprunAlexey for android :)

[@thelifeofprogrammer133]

Думаю тема фриланса будет интересна и актуальна, за 2020 год фриланс вырос почти на 250%. Много новичков, которые не знают как начать, что делать, как получить первый заказ и т.п.

[@WhiteBear141981]

Хорошее видео. Сложной показалась концовка с определением Game Over. Ну, это из-за того, что не все перечисленные методы мне знакомы. Спасибо!

[@SuprunAlexey]

Там все просто

[@aktotuttttt]

Очень полезно, спасибо большое🙏 я стал чуток умнее

[@stivem9523]

Про канвас пожалуст. сделай видос)) Очень нужно, не понятно как и что оно , нужно видео))

[@SuprunAlexey]

Хорошо

[@Krutnik]

Игры на JS это мощь)))

[@Gigachd20]

Наконец я закончил делать кибер панк в джава скрипт

[@CROXNET]

Прикольно))) не все конечно прямо чётко понятно ну супер

[@sery7379]

пятнашки в студию)

[@xx3027]

лайк такой видео больше надо!!

[@МагомедРомазанов-б5ф]

Первое знакомство с кодом случилось когда я решил помочь друзьям сделать мод к джава игре Rusted Warfare я ничего не умел, но быстро понял, что можно копировать основу и менять цифры, теперь хочу большего

[@sleepyNovember_project]

Копаться в smali ради модифицирования апк тоже тема))

[@Virisound]

Прикольно, ещё бы рандом на кактус прописать. Лойс.

[@SuprunAlexey]

Можно

[@elenaguy6730]

Спасибо, все понятно и легко

[@_1mrscool11_9]

Спасибо за 30 минут создал точную копию киберпанка с добавлением своих фич

[@yujjjgg6453]

как добавить фото в папку img

[@technic_and_programming]

Спасибо за игру!

[@SuprunAlexey]

Всегда пожалуйста

[@УльянаСоколова-к8ж]

Очень нужная информация, спасибо)

[@bismilya]

Автор, спасибо очень четко и понятно, получилось все практически с разу.

[@SuprunAlexey]

Супер 👏🏻

[@yujjjgg6453]

как добавить фото в папку img​@@SuprunAlexey

[@ЕвгенияАлехина-в2я]

Интересно , спасибо

[@djekddjek9852]

Начал изучать html и css, JS пока не изучал, на видео ничего не понял что, откуда и как:( разобрался только со скелетом сайта в самом начале.

[@СтасРужило]

Вух, дождался. Думал не дожыву до премьеры (салатиков наелся). Го ведьмака 3 сразу))

[@SuprunAlexey]

Хахаха ведьмак за 15 минут не пишется, там десятилетия нужны))

[@wolkbog8179]

@@SuprunAlexey ведьмак не напишется, а вот ведьмачек за часик напишется )

[@serkon85]

Для человека, который второй день надрачивает Hello World!) и переменные в Пайтоне - сейчас случилось что - то невероятное)))Больше всего меня убила простота вещания)))Типа "Ну вы в курсе , ребят")))))Ушёл обдумывать осилю ли "войти в айти"((((

[@SuprunAlexey]

Ну что б эта игра получилась, нужно знать хотя бы как файл создать, и уметь печатать:)

[@serkon85]

@@SuprunAlexey не,ну не настолько всё плохо то🤣

[@serkon85]

Но сложно ппц

[@cetel6695]

Когда не создавал style.css и script.js, a добавил теги и )))

[@SuprunAlexey]

Крут

[@abduhalilrahmonberdiyev7562]

👍👍👍👍 Может еще игру на JS

[@SuprunAlexey]

Может

[@petrvictorovich]

Идея - динозаврик-мультиплеер! С рейтингом игроков.

[@verge_programming]

На практике игры не пишутся на чистых HTML/CSS/JS. Несмотря на то, что для таких простых случаев решение имеет место быть, на деле сейчас заправляет canvas и хотелось бы посмотреть на реальный и крутой подход к разработке. Просто понять принцип создания игр на canvas без использования движков - вот это вызов, а таким образом игру создать, каким пользуется автор, может почти каждый с 6+ месяцев работы во frontend.

[@SuprunAlexey]

Ну да, я это вначале видео и сказал. На канвасе тоже сделаем, не сомневайтесь)

[@lphoenixl7771]

Спасибо, интересное видео.

[@АртёмПронин-я3и]

Большое спасибо за информативный видеоурок

[@yujjjgg6453]

как добавить фото в папку img

[@Velikiy_Dgurdgus]

У меня проблема с анимацией, класс jump появляется, а анимации нет, что делать?

[@cape4129]

спасибо за урок! отличное видео

[@Татьяна-ш8л2ч]

Было бы круто самой сделать игру детства - шарики (там, где 5 разноцветных шаров в ряд нужно собрать), только увеличить поле)))

[@naFonke]

всё вроде правильно переписал, при запуске игры динозаврик почти сразу в кактус врезается конечно можно играть, но надо тогда моментально прыжок сделать при запуске

[@user-nf5yc7xz9b]

Да это актуально но интересно что то по сложнее типа стратегии какой то или гонки или шутер! Ролик вышел два года назад но щас игры актуальней особенно такие как слоты или колесо фортуны и тп! давай что то свежее и интерестное , думаю не мне одному будет интересно

[@MariIloveREALmusic]

Спасибо. Очень круто! Все получилось.

[@Alesya_aaa]

у меня почему-то вместо динозавра кактус прыгает ( на месте) и игра не работает у меня, все на месте стоит кроме этого кактуса

[@sskss9272]

это может быть потому что во втором keyframes вы забыли поменять с cactusMov на jump

[@smwvw6946]

скажите пожалуйста, как в папку изображение вставлять?

[@yujjjgg6453]

вы разобрались?

[@mistermuminjon7624]

очень круто!

[@yujjjgg6453]

как добавить фото в папку img

[@Dendor3519]

Интересно!

[@vladimirandreevich]

Почему нельзя было просто указать функцию jump в качестве EventListener'a? зачем было создавать анонимную функцию, которая вызывает jump()?

[@sergeybezumanuy8690]

спасибо большое, очень доступно и с описанием !!!

[@yujjjgg6453]

как вы добавили фото в папку img?

[@s_ebancoi]

Спасибо за видео! А как сделать, чтобы кактусы были разные и чередовались? Как сделать, чтобы был счет очков?

[@thelifeofprogrammer133]

Можно записать "вводное" видео о Typescript, где и для чего применяется, кому его стоит учить, дальнейшие тенденции и т.п.

[@SuprunAlexey]

Будет

[@tentacle8148]

TS - мастхэв на больших проэктах где есть много контрибьюторов. Я считаю стоит учить всем кто планирует двигаться вперёд и работать над крупными проэктами.

[@nodirayakubova6395]

Класс продолжай 👍👍

[@bestgamer3846]

А у меня есть вопрос например: У меня есть игра крестики нолики и мне нужно виводить модальное окно вместо алерта тогда когда игрок нажал на уже зайнятую ичейку или например когда игрок победил или проиграл что б оно тоже вместо алерта виводилось как ето зделать? Подскажите пожалуйста если кто то знает и не лень!

[@vadim2242]

Увлекательно довольно)

[@yujjjgg6453]

как добавить фото в папку img

[@vadim2242]

@@yujjjgg6453 сорян, не в курсе 🙁Гугл в помощь тебе)

[@vadim2242]

@@yujjjgg6453 гугл в помощь

[@BMAcode]

Отлично

[@ДмитрийКошиков-н2х]

круто!

[@yujjjgg6453]

как добавить фото в папку img

[@муслимжолборсов]

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

[@yujjjgg6453]

как добавить фото в папку img

[@bekzatdosmamatov9746]

Создайте игру супер Марио...была бы прекрасно...вспомнили бы детство...

[@Jdjdjjjxhzh]

Найс, завтра сделаю Динозаврика)

[@SuprunAlexey]

Почему не сегодня?

[@Jdjdjjjxhzh]

@@SuprunAlexey Нужно ложится вовремя)

[@Jdjdjjjxhzh]

@@SuprunAlexey Уже написал, а также добавил счет игрока, если будет интиресно я могу позже кинуть что получилось когда накидаю чего-нового)

[@Dan4ikシ]

@@Jdjdjjjxhzh Здравствуйте,вы сделали с счетчиком и с другими препятствиями? Если остался проект ваш не могли бы со мной связаться и скинуть проект?

[@MrUnknownman1986]

Я чего-то не понял, почему мы в функции jump прописываем settimeout 11:30 ? Мы же убираем класс с помощью события клика(в данном случае keydown) , не ?!

[@ГеоргійКоваленко-у8ф]

Недавно написал чат на node js, хотелось бы больше узнать про взаимодействия бекенд и фронтенд

[@ГеоргійКоваленко-у8ф]

@Данил Мальков Та он вроде про PHP снимал

[@pavelbrumer777]

А на какой программе пишешь?

[@mishanris]

Видео огонь! Спасибо за помощь. Можно ли как то сделать так чтобы игра вплане само действие запускалось по нажатию кнопки? Спасибо