Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
イケてるボタンを考える
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
lapis2411
August 30, 2024
0
580
イケてるボタンを考える
lapis2411
August 30, 2024
Tweet
Share
More Decks by lapis2411
See All by lapis2411
WASMで画像生成するためにデータを受け渡す
lapis2411
0
87
テンションも揚げてこう! Ebitengine開発
lapis2411
0
3.1k
Featured
See All Featured
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
110
Chasing Engaging Ingredients in Design
codingconduct
0
110
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
330
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
280
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Building an army of robots
kneath
306
46k
Why Our Code Smells
bkeepers
PRO
340
58k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
GitHub's CSS Performance
jonrohan
1032
470k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
120
Transcript
イケてるボタンを考える
自己紹介 lapis2411 ・大学時代 - DXライブラリ(C++)を使ったゲーム開発 ・社会人 - 車載組込開発(3年) - 機械設計&検査ソフト開発(2年)
- ブラウザゲームバックエンド (2年) ・趣味 - ボードゲーム Splendor 1000戦 アルナックが好き Dice × Dice Politicsという ボドゲを製作(アークライトゲーム賞優秀賞 )
はじめに 大体どんなゲームにもあるものってなんでしょう?
はじめに ボタンって大体どのゲームにもありますよね じゃあとりあえずボタンを実装するかと思って意外と難しいな と思ったので ボタンについて考えてみたいなと思います (前提:PCでマウスを使ってクリックすることを想定)
ボタンとは クリックすると何かが起こるもの → どのタイミングで? ボタンを押した瞬間?離した瞬間? 離した瞬間が自然そう →それぞれのボタンの上でクリックが離されたかだけ判定する
離した瞬間にイベント デモ1 離した瞬間にイベントを発火する場合 (マウスを離した瞬間の位置で判定) 他のところをクリックした後にボタンまでマウスを持ってきて もイベントが発火する → ちょっと違和感
離した瞬間にイベント STARTボタンを押したが、Continueと間違えた時に クリックを離す場所をずらすことでイベントの発火をなくす → 他のボタンの上でクリックを離すとイベント発火 → 直感と反する動作 ではクリックしたボタンを覚えておいて、クリックを離した時 にイベントを発火させる?
クリックしたボタンを覚える デモ2 クリックしたボタンを覚えておいて、 クリックを離した時にイベント発火 →今度はイベントのキャンセルができない →クリックしたボタンを覚えた上で、クリックがボタ ンの上で離されたかをみる
クリックしたボタンを覚える クリックしたボタンを覚えた上で クリックがボタンの上で離されたかをみる
ボタンを覚えて、イベントを見る デモ3 キャンセルもできる、一度ボタンを押した後他のボタンの上 でクリックを話してもイベント発火しない →良さそう
その他 ボタンにカーソルを合わせたり、 押した時に動きがあるとよりボタンを押していて楽しい → ボタンにカーソルが合わせられているか、クリックされている かなどの状態を描画時にみて拡大縮小すると簡単に実現できる (Ebitengineなら簡単に拡大縮小ができる!!)
まとめ 一工夫するとボタンを押していて楽しくなる! Ebitengineなら簡単に拡大縮小ができる!! Ebitengin素敵!!!! コードはこちら https://github.com/lapis2411/button-sample