マッチ棒じゃなくて土筆だよ

作ったもの、作った過程とかを書きたいです。

オリジナルゲーム制作

作業内容

・オリジナルゲーム制作

 

ここ数日の開発はオリジナルゲーム制作に時間を使った。

今回のゲームは前回に作ったペーパマリオの模倣ゲームと違い、リリースを目標に作成しているため、変更に強いコードを書くように意識している。

Aimingさん公式の開発者ブログでバトルプログラムの設計について記載されていたことを意識しているため、前回よりもキャラの技が増えてもキャラクラス自体は大きくならない仕組みにすることが出来つつある。

 

今年もゲームクリエイターズラボの応募があるらしく、昨年は応募していなかったので今年は応募したいと考えている。

応募の際にバトルを人に見せられる状態を目指して作成する。

 

就寝

画面変更とフェード処理

作業内容

・ゲーム画面の背景にparallax.jsを使用

・画面遷移にフェード処理追加

 

ブロック崩しの画面がさみしかったのでparallax.jsで背景をマウスカーソルで動くように変更。画像にdepthを設定して深さに対して移動距離を変更できるようにした。

・画面遷移時にページが白くフェードする処理を追加。cssのanimationでopacityを変更。クラスをjsで操作してある。jsがcssのanimationを検知するので、css側でdurationを管理。

 

jsはやっぱりMDNのドキュメント見るのが一番な気がしてきた。

就寝

仕上げとリファクタリング

作業内容

ブロック崩しリファクタリング

 

昨日作り始めたブロック崩しを仕上げてリファクタリングした。

保守性を上げられるだけ上げたコードを書くように練習目的でブロック崩しを結果的に2日かけて作った。9つのファイルに分けて作成。

速さ重視で書いたら速い人だと1時間もかからずに1つのファイルで作成できると思うので、次に作るときは1日できれいに仕上げられるようにする。

 

リファクタリング時にで規則を調べると守れていない書き方が多く見つかったので、修正に時間がかかった。

 

明日はサイトの作業を進める

 

就寝

サイト作成

作業内容

・入口画面、コンテンツ画面作成

・ライブラリなしゲーム作成

 

・js製のライブラリを複数用いて動きの多いサイト画面の作成中。時間をかけていくつか作ってみたいなと思うサイトを探して、いいなぁと思う挙動を短時間で用意しようとしてライブラリを使うことを検討し使用中。

Bootstrapも絵作りに今回も使っているが、デフォルトでリセットCss?が使われているとはいえ、思いがけないところを自分で修正しないと思い通りの配置が出来ない時があって実装に時間がかかる場面が何度かあった。慣れの問題な気がするので作業時間は減らさずにこのまま進める。

 

・「ライブラリを使わずにゲームは作れないのか?」と数週間前に質問されたのを思い出したので、JSに再び慣れるためにブロック崩し作成途中。

去年触っていたころよりもきれいにコードが書けている実感があり、C#を勉強していたのが良かったんだと思う。

 

状況が状況なのでフロントエンド周りの開発に注力しているが、JSでゲーム作成していてやっぱりゲーム作成も好きなんだなと改めて実感。頑張ろ!

 

就寝

htmlとJavaScript復習

作業内容

javascriptを用いてhtml要素を操作する作業複数

 

久しぶりにhtmlにscriptタグを書いた。JSをライブラリなしで書いたのも久しぶりだったけれども、F12でログを出したときにカレンダーアプリ作成を通してJSに初めて触れたときの感覚を思い出した。

今日は関数を用いてhtml要素を変更したかったので簡単な計算アプリ作成とBootstrapを色々触っていた。

 

好きなサイトがあるので、明日はそれを形だけでも模倣しようと思う。

就寝

基礎見直し、簡単なアイデア作成開始

作業内容

・html、css、jsの基本を見直すために2つサイト作成

・現時点でVueとSQLを用いて何が作れるかを考える

 

・htmlとcssを長い間まったく触っておらずVueを触る以前の問題のレベルだったので復習のために2つサイトを作成。Bootstrapの便利さに気づいた。

SQLとVue.jsで簡単なものでもいいから何か作りたいと思い、両方についてひたすら検索。SQLが何なのかもわからない状態だったのでいい機会になった。

 

3~4日を目標になにか作ろうと思う

 

就寝

typescriptとかとか

ここ数日の作業内容

・typescriptを用いた簡易アプリ作成

 

ここ数日はtypescriptを用いたwebアプリ開発に向けた開発環境用意、typescriptの学習、簡易アプリ(スコア更新)の作成を行った。

typescriptは便利な反面、実際に使わないとtypescriptの良さを全然活かしきれないんだろうなと感じている。難しい!

お仕事のためにゲーム作りに執着しないようにしてるけど、余裕が出てきたらまたゲームの続きを作り始める。

 

DBを用いたwebアプリを作れるようになるために簡単なものからどんどん作っていく。

 

就寝