Javascriptゲームプログラミング初級【バイクゲーム】。1時間で作れる！Gameの基礎・アニメーションについて学べます。Javascript入門 | ジャバスクリプト初心者 | HTML5ゲーム

Project

coding-youtuber.github.io

● 目次
Chapter 1 Canvasを用意 01:12
Chapter 2 道のデコボコを作る 04:07
Chapter 3 アニメーションさせる 11:52
Chapter 4 プレイヤーを描画 12:40
Chapter 5 プレイヤーを動かす 16:28
Chapter 6 プレイヤーの角度を変更 21:55
Chapter 7 矢印キーで操作 25:26
Chapter 8 ゲームオーバーを管理 30:17
Chapter 9 トランプの画像に変更 32:57

●動画で使ったプログラムはこちら
https://github.com/coding-youtuber/motorcycle-game/blob/master/src/js/app.js

GitHub
https://github.com/coding-youtuber/motorcycle-game

●すぐ実行してみたい方はこちら（オンラインエディタ）
https://codepen.io/naoya_tech/pen/KKVQXRd?editors=0010

●対象となる視聴者の方
・Javascriptの基礎文法は知ってはいるが何を作ればいいのかわからない方
・実際に何か作って理解を深めたい方
・Progateが終わってから次にやることを探している方

●この動画で学べること
Javascriptでcanvasを操作する方法
loopによるアニメーション処理
noise関数を使って自然界でありそうな形状を作成

Javascript入門
アニメーション
ジャバスクリプト
ゲームプログラミング
ゲーム作成
HTML5
Canvas
JS
Game Programming
Game Coding
Creative Coding
Generative Art

====================
おすすめの副業を紹介するnote
====================
【副業】HTMLとCSS、jQueryだけで時給7900円の仕事をする方法【収益公開】
https://note.com/naoya_tech/n/nc4dfff5cb88c

#プログラミング #Javascript #HTML5