2018/3/3 進捗
キャラメイク画面がほぼ完成。
前回のブログで挙げたスピナーの問題点については、pointer-events: none;を使わないことで解決・・・。
複雑に考えずにスピナーのspinイベントに処理を書いたらあっさりと期待する処理が作成できました。
例えば、悩んでいたスピナーの数値が0の時に発火するイベントを作りたい時は
}if(($(this).val()-ui.value) == 0){ //実行したい処理 }
spinイベントにこう書くだけでよかった・・・。
そんなこんなでとりあえず、キャラメイク画面のメインの機能は作成終了。
①名前入力
→8文字まで入力可能。文字数オーバー・→未入力の時は決定ボタンを押すとエラーメッセージを出力。
②性別選択
→男女どちらか選択可。
③職業選択
→現段階では、戦士/魔法使い/クレリック/盗賊の4種が選択可。
選択した職業によって、ステータスが変化するようにしている。
職業名と紐づくステータスに関してはjsonファイルから読み込むように作成。
④グラフィック選択
→選んだ性別によって選択できる画像が変化。
グラフィックに関しては臼井の会さんの素材を使用しています。
⑤パラメーター振り分け
→ボーナスポイントを各種パラメーターに自由に分けられるようにした。
ボーナスポイントは3回までリセットOK。
機能はざっくり分けてこんな感じ。
次は上記機能で選択・設定した値をWeb Storageに保存させる処理を実装したいと思います。
2018/2/19 進捗
キャラメイク画面作成中。
wizardry っぽくボーナスポイントをステータスに割振れるようにしたくて、jquery UIのspinnerを使って実装中。
ボーナスポイントは3回までリセット可。
ボーナスポイントが0になった時、スピナーのアップキーを無効にしたくて、あれやこれや試行錯誤。
だけど全然上手くいかなかったので、teratailで質問したらすぐに回答が返ってきた。cssにこう書くとアップキーを無効にできるのね↓
(回答してくださった方、ありがとうございます)
.ui-spinner-up {
pointer-events: none;
}
・キャラメイク画面における現在の課題
①スピナーのアップキーを押すと、稀に数値が上がり続ける
→スピナーのバグ?原因調査中
②ボーナスポイントが0になっても、スピナーのキーをなんやかんやするとボーナスポイントが増える
→処理のツメが甘い。これは条件分岐でどうにかなりそう
③デザインがダサい
→とりあえず最低限動くことが目標なので保留
現在の進捗はこんな感じ。
はよキャラメイク画面作り終えて、他の機能実装したいですね。
最後に、全然関係ないけど最近見て凄い!と思ったMAD。Aphex TwinとAKIRAの親和性が良すぎ。
日本の大学行く暇あったらアプリ作りなさい
html&javascript でブラウザゲーム(のようなもの)を作りはじめている。
↑キャラメイク画面(途中)
SEとして転職してから1年近く経つものの、テストやドキュメント修正ばかりの右も左も分からないプログラミング初心者なので、クオリティに関してはまぁ、ね・・・。
最低限形になるところまでを目標にしたい。
通勤中や寝る前の布団の中での作業がメインなので、コーディング環境はiPhoneアプリのGoCoEditを使用している。
有料アプリなんだけど、これがすごい使いやすい!内臓ブラウザで画面の確認やコンソールでエラーメッセージも確認できるスグレモノ。
メモがてら、ブログに進捗を書こうと思う。
ブログタイトルの元ネタはトリプルファイヤー「SEXはダサい」より。