イケてるボタンを考える

Transcript

1. イケてるボタンを考える
2. 自己紹介 lapis2411 ・大学時代 - DXライブラリ(C++)を使ったゲーム開発 ・社会人 - 車載組込開発(3年) - 機械設計&検査ソフト開発(2年) - ブラウザゲームバックエンド (2年) ・趣味 - ボードゲーム Splendor 1000戦 アルナックが好き Dice × Dice Politicsという ボドゲを製作(アークライトゲーム賞優秀賞 )
3. はじめに 大体どんなゲームにもあるものってなんでしょう？
4. はじめに ボタンって大体どのゲームにもありますよね じゃあとりあえずボタンを実装するかと思って意外と難しいな と思ったので ボタンについて考えてみたいなと思います (前提:PCでマウスを使ってクリックすることを想定)
5. ボタンとは クリックすると何かが起こるもの →　どのタイミングで？ ボタンを押した瞬間？離した瞬間？ 離した瞬間が自然そう →それぞれのボタンの上でクリックが離されたかだけ判定する
6. 離した瞬間にイベント デモ1 離した瞬間にイベントを発火する場合 (マウスを離した瞬間の位置で判定) 他のところをクリックした後にボタンまでマウスを持ってきて もイベントが発火する →　ちょっと違和感
7. 離した瞬間にイベント STARTボタンを押したが、Continueと間違えた時に クリックを離す場所をずらすことでイベントの発火をなくす →　他のボタンの上でクリックを離すとイベント発火 → 直感と反する動作 ではクリックしたボタンを覚えておいて、クリックを離した時 にイベントを発火させる？
8. クリックしたボタンを覚える デモ2 クリックしたボタンを覚えておいて、 クリックを離した時にイベント発火 →今度はイベントのキャンセルができない →クリックしたボタンを覚えた上で、クリックがボタ ンの上で離されたかをみる
9. クリックしたボタンを覚える クリックしたボタンを覚えた上で クリックがボタンの上で離されたかをみる
10. ボタンを覚えて、イベントを見る デモ3 キャンセルもできる、一度ボタンを押した後他のボタンの上 でクリックを話してもイベント発火しない →良さそう
11. その他 ボタンにカーソルを合わせたり、 押した時に動きがあるとよりボタンを押していて楽しい →　ボタンにカーソルが合わせられているか、クリックされている かなどの状態を描画時にみて拡大縮小すると簡単に実現できる (Ebitengineなら簡単に拡大縮小ができる！！)
12. まとめ 一工夫するとボタンを押していて楽しくなる！ Ebitengineなら簡単に拡大縮小ができる！！ Ebitengin素敵！！！！ コードはこちら https://github.com/lapis2411/button-sample