JavaScriptでブロック崩し作ります【フロントエンドプログラミング/HTML/CSS/JavaScript/ライブコーディング】
今日は久しぶりのライブコーディング！！
今日のお題は『JavaScriptでブロック崩し』！！
▼目次▼
0:00 今日の動画について
0:35 Controllerの作成
2:39 Modelの作成
3:10 Viewの作成
4:18 Controllerの実装
8:15 Modelの実装
9:50 Viewの実装
13:24 最初の実行とバグ潰し
16:45 壁との衝突処理の実装
22:38 ユーザーが操作するパドルの実装
39:26 ゲームオーバーの実装
42:20 ブロックの実装
1:11:58 完成？
1:12:28 完成
1:13:00 本当の完成に向けて
▼プログラム▼
https://gist.github.com/miumiu0917/7cec851dea912825603223914df46e20
-----Web万屋エンジニアチャンネル------
Webサーバーサイド
⇒Webフロントエンド
⇒Androidアプリ開発
⇒AI開発
⇒CloudArchitect
など様々な業務経験がある万屋エンジニアのおさないが運営するチャンネルです。
Webエンジニア関する様々なことを発信していきます。
Web万屋エンジニアのTwitterアカウント
https://twitter.com/YorozuyaOsanai
#Webアプリ開 #JavaScrip #プログラミン #ライブコーディング
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «JavaScriptでブロック崩し作ります【フロントエンドプログラミング/HTML/CSS/JavaScript/ライブコーディング】», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.