INFO:

●ゲームで遊んでみたい方はこちら！ https://coding-youtuber.github.io/motorcycle-game/build/index.html ● 目次 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