Игра на JavaScript с нуля для начинающих. ОЧЕНЬ ПРОСТО!
Рет қаралды 262,102
3 жыл бұрынОчень много людей сейчас учит программирование на JavaScript, а учить нужно весело. Один из способов это сделать игру на Javascript, и я покажу для начинающих как это сделать легко и быстро. Игра на JavaScript для начинающих это способ реализации возможностей js в браузере с исполнением интересных действий. JavaScript программирование по урокам дает возможность создавать игры с нуля без глубоких знаний. Мы сделаем игру с гугл динозавром, где каждый новичек js сможет попробовать написать своими руками. Если вам интересна тема уроки создания игр на JavaScript для начинающих, пишите обязательно в комментарии!
@Mralex22801 3 жыл бұрын
Спасибо, начал ГТА писать на js.
@REXTGames 2 жыл бұрын
Сними видос хочу посмотреть на неё
@tsilqarrp1337 2 жыл бұрын
Kogda u tebya net urokov😂
@MoryartyMental 2 жыл бұрын
Как успехи?
@why6519 Жыл бұрын
@BINANCE666BITCOIN Да это рофл че вы
@farkhodcastro1590 Жыл бұрын
😂
@HowdyhoNet 3 жыл бұрын
Так блэт :3 Эта территория под моим контролем, чумба.
@SuprunAlexey 3 жыл бұрын
Not today 😂😂😂👍🏻
@vasya8696 3 жыл бұрын
😂
@danys4740 3 жыл бұрын
Больше нет!
@abrrrik 3 жыл бұрын
Салам брат
@vladkoval4243 3 жыл бұрын
Я прям знал что твой коммент тут будет))
@angolalive3718 2 жыл бұрын
Чувак, это гениальный подход к изучению с наглядной мотивацией того, что делаешь! Изучение будет на примере и сразу! Молодец. Продолжай такие же веселые уроки. У всех на умных щах - это скучно таак, что спать хочется ))
@user-ux5jx8oc9q 3 жыл бұрын
спс, все очень понятно! Может еще игру на JS с canvas? Видео каждый день без потери качества, мощьно
@miklkey777 2 жыл бұрын
Для совсем уж новичков нужен текстовый формат Лайк поставил)
@tabrisel 8 ай бұрын
Крутое видео, было оч интересно посмотреть, спасибо )) Не знала про возможность добавления события "keydown"(просто не сталкивалась еще), а все так просто для игры оказалось))
@user-hg8qd5kq8e Жыл бұрын
Блин, все, получилось, даже с др картинками! Класс:) а реально замутить типа танчиков, не те что ща все рубятся, а старые желтые, в начале 2000х рубились в школе помню
@user-po5ih2pj5h 3 жыл бұрын
Ура, очень ждали! Думаю будет круто
@SuprunAlexey 3 жыл бұрын
Это хорошо
@Tony_Dias1692 Жыл бұрын
Мужик, ты офигенен, все понятно и увлекательно, только файлы бы прикрепил с картинками)
@thomasanderson3145 2 жыл бұрын
Я middle front-end dev, смотрю видео и все равно интересно :)
@dimatit0471 3 жыл бұрын
Спасибо за видео, всё чётко и понятно. Не понятно только откуда дизлайки)
@bahtiyorr 4 ай бұрын
Спасибо было познавательно, но придумайте примеры которые могли бы объяснить вот эти объекты, функции, методы и переменные JavaScript и показывать как они взаимодействуют друг с другом
@user-js6dj2qn5m Жыл бұрын
Очень нужная информация, спасибо)
@lphoenixl7771 3 жыл бұрын
Спасибо, интересное видео.
@user-cf3gi9zj3i 3 жыл бұрын
игры на js хорошая тема))
@WhiteBear141981 3 жыл бұрын
Хорошее видео. Сложной показалась концовка с определением Game Over. Ну, это из-за того, что не все перечисленные методы мне знакомы. Спасибо!
@SuprunAlexey 3 жыл бұрын
Там все просто
@MariIloveREALmusic 3 жыл бұрын
Спасибо. Очень круто! Все получилось.
@cape4129 Жыл бұрын
спасибо за урок! отличное видео
@hitchhiker7033 Жыл бұрын
Родной след раз , файлы архива из уроки скидывай в описание), чтобы люди повторили твой шедевр и был сэмпл!)
@pavluzont 2 жыл бұрын
Видео вроде год, а до сих пор актуально :) хочу написать игру на похожий мотив, доработав, конечно - Спасибо заранее за пару ответов на мои вопросы, о которых думал в процессе разработки :)
@Fenix-ij8sj Жыл бұрын
Прошло 5 месяцев, как успехи?
@pavluzont Жыл бұрын
@@Fenix-ij8sj отлично Переписал на канвас Теперь планирую на реакт ))
@armanscription1428 Жыл бұрын
11 месяцев прошло, как у тебя с JS?
@pavluzont Жыл бұрын
@@armanscription1428 работаю на коммерческом проекте, пишу на реакте ☺️ спасибо за переживания
@armanscription1428 Жыл бұрын
@@pavluzont Дай советы какие-то
@fyriogd8683 2 ай бұрын
Очень просто и понятно! Спасибо за видеоурок!
@yujjjgg6453 2 ай бұрын
как вы добавили фото в папку img?
@fyriogd8683 2 ай бұрын
@@yujjjgg6453 выберите эту папку как путь сохранения фото
@liliyalady7004 3 жыл бұрын
Есть ли у вас ролики, где объясняется что такое те или иные базовые коды-слова, зачем и когда ставить ковычки, с чего и с каких слов или символов начинать новый проект, и т.д. я вообще нулевый новичек в программировании. Хочу понять логику программирования. Очень интересно рассказываете🔥🔥🔥 вчера попала на ваш канал
@douglassmsimpson9961 10 ай бұрын
Офигеть ты спокойно крутишься))) Я бы с такими завозами уже инсульт словил))))
@Veloceraptorrr 3 жыл бұрын
Сделала прикольную игрушку на основе вашего видео. Добавила кнопку старт и счёт очков. А так же проплывающие тучки и пролетающих птичек сверху. Спасибо за ваше видео, не знала что на js можно такое делать☺️
@relaxtime205 2 жыл бұрын
джаваскрипoм можно делать такую штучку джаваскрипт очень хороший язык программирование Мне очень понравилось А вы в каком язиком владеете
@mishanris Жыл бұрын
Не подскажите как вы сделали кнопку старт?
@msS0NIK Жыл бұрын
@@mishanris добавь движения кактусов в класс и кнопкой старт навешивай его
@SNSDfOu Жыл бұрын
@@relaxtime205 ты таджик или ребенок?
@user-co3di5pd1c Жыл бұрын
@@SNSDfOu одно с другим несовместимо?
@weekendshow7567 3 жыл бұрын
Отличный канал! Жалко времени маловато, а то все ролики просмотрел бы!!!
@ser_vinogradov4269 3 жыл бұрын
Спасибо за труды и мотивацию)Крутяк,давай усложним её,чтоб Хауди Хо ещё больше нервничал)))А то он свой код вроде не показывал,а для начинающих это не очень)
@SuprunAlexey 3 жыл бұрын
😃😃😃
@user-ox4ho8ig7l 29 күн бұрын
спасибо большое тебе за ваш труд и контент просто все супер
@user-mv5kk9vb5q 2 жыл бұрын
Большое спасибо за информативный видеоурок
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@elenaguy6730 Жыл бұрын
Спасибо, все понятно и легко
@user-sf4wk2rb2x 3 жыл бұрын
создавай пожалуйста больше видео про игр на js Видео очень хорошее
@abrrrik 3 жыл бұрын
Спасибо! Я как раз js учу😇 побольше таких!
@SuprunAlexey 3 жыл бұрын
Класс
@nerofighter472 2 жыл бұрын
как успехи небось уже работаешь?
@enot85 8 ай бұрын
@@nerofighter472 а у тебя как?Работаешь?)
@nerofighter472 8 ай бұрын
@@enot85 нет я попал именно в тот момент когда рынок был переполнен прогерами. Приглашали на стажировки не оплачиваемые, но сбережения заканчивались. Работаю архитектором, по профессии.
@King-bg9yc 3 жыл бұрын
Все очень понятно, хоть я не разу не работал с анимацией, просто лучший. Очень надеюсь, будут ещё такие игры?
@SuprunAlexey 3 жыл бұрын
Если будет актуально
@King-bg9yc 3 жыл бұрын
@@SuprunAlexey думаю многие будут рады
@user-ux5jx8oc9q 3 жыл бұрын
@@SuprunAlexey очень актуально
@krabbik9147 2 жыл бұрын
@@SuprunAlexey конечно актуально P.s. вроде бы всё понятно, а вроде бы и супер сложно)
@sanjar1339 3 жыл бұрын
Круто, все так просто! Теперь го киберпанк делать)))
@vitaliypasiuta8636 3 жыл бұрын
Хах, сделал Динозаврика из счетом, сложностью и забавной анимацией бега) Буду ждать новую игру)
@xx3027 3 жыл бұрын
лайк такой видео больше надо!!
@GGSoft2009 3 жыл бұрын
Очень круто!!!! Спасибо!!!!
@aktotuttttt 3 жыл бұрын
Очень полезно, спасибо большое🙏 я стал чуток умнее
@user-lp2cx3ru3e Жыл бұрын
Интересно , спасибо
@VEDAGR Жыл бұрын
Прикольно))) не все конечно прямо чётко понятно ну супер
@f-len 3 жыл бұрын
Круто! 🙂👍Давай тетрис!!! 😁
@Dendor3519 3 жыл бұрын
Интересно!
@user-sw3vl8wq9x 2 жыл бұрын
Это мой первый код на JS 🎉 Спасибо, учитель 👨🏫
@SuprunAlexey 2 жыл бұрын
Ура
@armanscription1428 Жыл бұрын
Как там с продвижением в JS? много уже сделал за 8 месяцев ?
@SNSDfOu Жыл бұрын
@@armanscription1428 пал в степях Украины
@user-sm6es3cu5b 9 ай бұрын
Серьезно?@@SNSDfOu
@user-vn2nx1yq9e 8 ай бұрын
Великой Украины! повнимательнее будь!@@SNSDfOu
@user-ox9fh7oz8x Жыл бұрын
Было бы круто самой сделать игру детства - шарики (там, где 5 разноцветных шаров в ряд нужно собрать), только увеличить поле)))
@user-po5ih2pj5h 3 жыл бұрын
Круто, искал недавно видео именно по дино! Огромное спасибо
@SuprunAlexey 3 жыл бұрын
Класс, должно получится
@andreyVinnitskiy 3 жыл бұрын
@@SuprunAlexey А сделать игру - гонки 2d или псевдо 3d? на ванильном js через канвас?)
@SuprunAlexey 3 жыл бұрын
@@andreyVinnitskiy долго)
@andreyVinnitskiy 3 жыл бұрын
@@SuprunAlexey но было бы интересно что бы ты пошагово объяснял что и как) Ну ладно, будем ждать и других выпусков!)
@dinochrome7235 3 жыл бұрын
@@SuprunAlexey Можете, пожалуйста скинуть исходный код, просто у меня не срабатывает "jump." Я на пробел нажимал и писал очень точно, ни одной ошибки не допустил, но ничего не срабатывает (код пишу в "Sublime Text, а недавно попробовал писать на "Atom"-редакторе")
@user-jp4gt2pj5f 2 жыл бұрын
Спасибо круто , все получилось кроме того что почему-то прыжок не срабатывает , хотя класс добавляется ) а так Game Over выводиться .
@Krutnik 3 жыл бұрын
Игры на JS это мощь)))
@allanakova6381 2 жыл бұрын
Спасибо! Очень интересно
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@sergeybezumanuy8690 Жыл бұрын
спасибо большое, очень доступно и с описанием !!!
@yujjjgg6453 2 ай бұрын
как вы добавили фото в папку img?
@user-js7lf6vb9n 3 жыл бұрын
Было бы неплохо сделать счётчик очков. А так изучаю сейчас js. Видео интересное.
@SuprunAlexey 3 жыл бұрын
Вооот как раз сделайте
@arttur1672 8 күн бұрын
Отлично
@damir273 2 жыл бұрын
Автор, спасибо очень четко и понятно, получилось все практически с разу.
@SuprunAlexey 2 жыл бұрын
Супер 👏🏻
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img@@SuprunAlexey
@user-cy9of6sb4i 3 жыл бұрын
Хотелось-бы увидеть реализацию этой игры через canvas
@nodirayakubova6395 3 жыл бұрын
Класс продолжай 👍👍
@technic_and_programming 3 жыл бұрын
Спасибо за игру!
@SuprunAlexey 3 жыл бұрын
Всегда пожалуйста
@glaciron 2 жыл бұрын
Видно что кактус появляется не всегда с точки left: 580px ,он постоянно движется и после нажатия всплывающего окна (alert) ,он появляется по таймингу по которому движется. Получается нужно дорабатывать.
@casuale1200 3 жыл бұрын
ура новый ролик, но хотелось бы увидеть ролик по сложнее игрой
@SuprunAlexey 3 жыл бұрын
Сделайте для начала такую
@casuale1200 3 жыл бұрын
@@SuprunAlexey ну я просто уже делал динозаврика и на мой канал нажмите там увидите какие игры я делал
@casuale1200 3 жыл бұрын
@@SuprunAlexeyно до 3д и THREE JS еще не дошол
@casuale1200 3 жыл бұрын
@@SuprunAlexey да вот если бы было бы видео про ИИ то очень круто было бы
@sery7379 2 жыл бұрын
пятнашки в студию)
@davidfatal7538 4 ай бұрын
Супер!
@xeleos 3 жыл бұрын
Сделал такое у себя на сайте портфолио, только на реакте ) и добавил счётчик и надпись внутри элемента, вместо алерта.
@mirzakulov_14 3 жыл бұрын
klass
@sleepyNovember_project Жыл бұрын
Самое главное знание функций и их предназначений, остальное ходит как по маслу. Но классно когда у тебя память как у древней флешки, обожаю
@muha1751 Жыл бұрын
Ага😅😂
@user-ch3ck8jg1g 2 жыл бұрын
Спасибо большое!
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@stivem9523 3 жыл бұрын
Про канвас пожалуст. сделай видос)) Очень нужно, не понятно как и что оно , нужно видео))
@SuprunAlexey 3 жыл бұрын
Хорошо
@thelifeofprogrammer133 3 жыл бұрын
Думаю тема фриланса будет интересна и актуальна, за 2020 год фриланс вырос почти на 250%. Много новичков, которые не знают как начать, что делать, как получить первый заказ и т.п.
@asmrNailsVera 3 жыл бұрын
Круто, осталось только статистику писать сколько играл, подпрыгнул. Ну и главное подключить часы, чтобы счетчик шагов считать :)
@Tranzin40 3 жыл бұрын
Еще можно прописать для кактуса рандом.
@liliyalady7004 3 жыл бұрын
@@Tranzin40 Интересно, как рандом и статистику сделать?
@Tranzin40 3 жыл бұрын
@@liliyalady7004 ну для рандом функция отдельная. Нужно сделать так что при интервале с рандомной частотой спавнится новый кактус. А счет просто
@liliyalady7004 3 жыл бұрын
@@Tranzin40 это пока то для меня космос🙈
@Tranzin40 3 жыл бұрын
@@deleted1000 Можно например создать массив объектов(разные противники), и поместить их в рандом.
@vohidabduraxmanov2622 2 жыл бұрын
good job
@user-vitaliy-semchyshyn18 3 жыл бұрын
@Хауди Хо ты тоже крутой программист.
@zashkvardev2103 3 жыл бұрын
Комментарий в поддержку канала и видео про создание игр на js) А также можете рассказать какие у Вас плагины в vs code и какие стоит установить для WEB'а?
@SuprunAlexey 3 жыл бұрын
Спасибо! Вот видео снимал на эту тему. VS Code топ-10 плагины которые обязательно нужны. LiveServer, Html css support
@markoyforever1 9 ай бұрын
Я изучил Html и Css вот начал изучать JS.
@soundmorozov 10 ай бұрын
Спасибо! Младшая дочка радуется, кролик прыгает через крапиву))
@trance_hardstyle 3 жыл бұрын
Хмммм....Познавательно, из ничего кое-что сварганить )) Что будет дальше :)
@SuprunAlexey 3 жыл бұрын
Дальше - больше 😊
@trance_hardstyle 3 жыл бұрын
@@SuprunAlexey Я бы ещё лучше сделал, я бы сделал так что компьютер САМ посылал когда надо вместо юзера !? Это будет еще интереснее..)) Что скажешь ?
@petrvictorovich 2 жыл бұрын
Идея - динозаврик-мультиплеер! С рейтингом игроков.
@mishanris Жыл бұрын
Видео огонь! Спасибо за помощь. Можно ли как то сделать так чтобы игра вплане само действие запускалось по нажатию кнопки? Спасибо
@user-rj8kd1gh7k 9 ай бұрын
спасибо чел это моя 1 игра усовершенствовал знания дом
@user-tz4il1vj8i 3 жыл бұрын
Как раз ждал, спасибо большое! Всего 5 дизлайков, всем зашло. Ещё будут подобные игры на js?
@SuprunAlexey 3 жыл бұрын
Ну если будут комментарии что нужны, тогда да
@yunogasai7222 2 жыл бұрын
@@SuprunAlexey нужны! Хотим ещё игр!
@Virisound 3 жыл бұрын
Прикольно, ещё бы рандом на кактус прописать. Лойс.
@SuprunAlexey 3 жыл бұрын
Можно
@bekzatdosmamatov9746 3 жыл бұрын
Создайте игру супер Марио...была бы прекрасно...вспомнили бы детство...
@thelifeofprogrammer133 3 жыл бұрын
Можно записать "вводное" видео о Typescript, где и для чего применяется, кому его стоит учить, дальнейшие тенденции и т.п.
@SuprunAlexey 3 жыл бұрын
Будет
@tentacle8148 3 жыл бұрын
TS - мастхэв на больших проэктах где есть много контрибьюторов. Я считаю стоит учить всем кто планирует двигаться вперёд и работать над крупными проэктами.
@Spasenie. 3 жыл бұрын
клас у меня все работает ты самый лучший
@luaomy 3 жыл бұрын
Круто
@amongushappy3789 Жыл бұрын
Ничего не понял, но очень интересно!
@user-in3gg1xp4w 2 жыл бұрын
урок интересный и снято хорошо(а то некоторые не понятно что бубнят) в общем грамотно вам надо бы курсы свои открыть записывать такие видео уроки
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@user-in3gg1xp4w 2 ай бұрын
@@yujjjgg6453 открыл папку да закинул картинки
@luaomy 3 жыл бұрын
Молодец
@wolkbog8179 3 жыл бұрын
Классно, как и просили! Жаль пропустил премьеру, бабушка есть заставила (
@SuprunAlexey 3 жыл бұрын
Ну посмотри как освободишься полностью, это обычное видео
@ImmortalBest 3 жыл бұрын
Привет бабуле )
@MrWorld619 3 жыл бұрын
Бабушке привет
@ohnocoder 2 жыл бұрын
Раз бабушка, значит ты тоже ребенок😀 Удачи в программировании!
@abduhalilrahmonberdiyev7562 3 жыл бұрын
👍👍👍👍 Может еще игру на JS
@SuprunAlexey 3 жыл бұрын
Может
@serkon85 3 жыл бұрын
Для человека, который второй день надрачивает Hello World!) и переменные в Пайтоне - сейчас случилось что - то невероятное)))Больше всего меня убила простота вещания)))Типа "Ну вы в курсе , ребят")))))Ушёл обдумывать осилю ли "войти в айти"((((
@SuprunAlexey 3 жыл бұрын
Ну что б эта игра получилась, нужно знать хотя бы как файл создать, и уметь печатать:)
@serkon85 3 жыл бұрын
@@SuprunAlexey не,ну не настолько всё плохо то🤣
@serkon85 3 жыл бұрын
Но сложно ппц
@mistermuminjon7624 2 жыл бұрын
очень круто!
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@user-nf5yc7xz9b Жыл бұрын
Да это актуально но интересно что то по сложнее типа стратегии какой то или гонки или шутер! Ролик вышел два года назад но щас игры актуальней особенно такие как слоты или колесо фортуны и тп! давай что то свежее и интерестное , думаю не мне одному будет интересно
@thelifeofprogrammer133 3 жыл бұрын
Также было бы интересно видео о webpack, а то про Gulp целый плей лист
@SuprunAlexey 3 жыл бұрын
Буду иметь ввиду
@user-ge5pj2uv1h 2 жыл бұрын
круто!
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@user-dn3wm2hx6o 3 жыл бұрын
ждем еще игр на js!
@SuprunAlexey 3 жыл бұрын
Хорошо
@alexandrmakedonskiy2956 3 жыл бұрын
даже не знаю кем ты вдохновился когда выбрал пример на гугловском динозаврике
@SuprunAlexey 3 жыл бұрын
Отключением у себя интернета сегодня утром(
@user-wg6hc5om5r Жыл бұрын
мужик ваще красава ,спасибо большое для токого даже лай и подписка не жалко
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@burgasdragonheirsilentgods 3 жыл бұрын
Nice game man !
@SuprunAlexey 3 жыл бұрын
Nice 👍🏻
@izoreni3721 2 жыл бұрын
спасибо! Зделал сфа за которым гонится пудж
@george907126 2 жыл бұрын
в конце в js ничего не понятно но очень интересно)) только учусь
@user-hm6md3wt3u 3 жыл бұрын
Вух, дождался. Думал не дожыву до премьеры (салатиков наелся). Го ведьмака 3 сразу))
@SuprunAlexey 3 жыл бұрын
Хахаха ведьмак за 15 минут не пишется, там десятилетия нужны))
@wolkbog8179 3 жыл бұрын
@@SuprunAlexey ведьмак не напишется, а вот ведьмачек за часик напишется )
@ProPro-vp2ey 2 жыл бұрын
Классная игра👍
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@user-rm7pp9lh1y Жыл бұрын
Очень круто и понятно
@yujjjgg6453 2 ай бұрын
как добавить фото в папку img
@Rdelance Ай бұрын
@@yujjjgg6453Можно использовать Total Commander, с его помощью скачанные через браузер картинки переместить в папку игры img
@verge_programming 3 жыл бұрын
На практике игры не пишутся на чистых HTML/CSS/JS. Несмотря на то, что для таких простых случаев решение имеет место быть, на деле сейчас заправляет canvas и хотелось бы посмотреть на реальный и крутой подход к разработке. Просто понять принцип создания игр на canvas без использования движков - вот это вызов, а таким образом игру создать, каким пользуется автор, может почти каждый с 6+ месяцев работы во frontend.
@SuprunAlexey 3 жыл бұрын
Ну да, я это вначале видео и сказал. На канвасе тоже сделаем, не сомневайтесь)
Лёша Корепанов
Рет қаралды 353 М.
Василий Муравьев
Рет қаралды 160 М.
Web Developer Blog
Рет қаралды 315 М.
Роман Сакутин
Рет қаралды 819 М.