4.見た目の変更導入

進捗紹介

 今回は見た目を変更するためにAdobe Expressを使って素材の加工を行いました。

ぴぽや倉庫等の利用条件を読み、加工OKと確認しています。

木のイラストを５個合わせた加工を行ってみました。（右上）

この加工方法ができると大きさの次元の違うイラストも使えるようになるのではと思いました。

改良予定

・素材の追加

・キャラクターの移動の挙動について

・イベントの追加

参考文献

田中賢一郎『ゲームで学ぶJavaScript 入門』インプレス,2015年

田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス,2017年

田中賢一郎『ゲームで学ぶJavaScript 入門　増補改訂版～ブラウザゲームづくりでHTML&CSSも身につく！』インプレス,2022年

3.マップの広さ変更

 今週は葵祭があったため思うように進まなかったです。

進捗紹介

　今回はマップの広さの変更を行いました。縦幅を11マスから14マスに変更。コードは、配列、fieldpaint()関数、body要素内のキャンパスの広さを変更しました。

改良予定

・見た目の変更

・キャラクターの移動の挙動について

・イベントの追加

参考文献

田中賢一郎『ゲームで学ぶJavaScript 入門』インプレス,2015年

田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス,2017年

田中賢一郎『ゲームで学ぶJavaScript 入門　増補改訂版～ブラウザゲームづくりでHTML&CSSも身につく！』インプレス,2022年