【Unity】 長押しボタンのアニメーションを作りたい

Question

実現したいこと

上のgifのような動きを実現したい。

発生している問題・分からないこと

とにかく実現方法がわからない

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

該当する記事は見つからず、知人に聞いてもわからないようです。

補足

特になし

Comments

[fiveHundred]

以下に小分けできると思いますが、どれが分からないのですか？

- 長押しされているかを判定する方法
- 画像を小さくする方法
- 画像の周りの線を描画する方法

[Kurowassan_]

画像の周りの線を描画する方法です。

それ以外は私自身で実現可能です。

[fiveHundred]

四角の辺の長さは既知なのですから、どの長さまで線を引くべきか数学的に求められると思います。
それを、LineRendererか四角いオブジェクトを線として表示させればよいと思います。

[_aki__]

Imageコンポーネントの画像タイプを塗りつぶしにするとそれっぽくなりそうです。
https://drive.google.com/file/d/1WqZokNT_qZP8XJ3u3jz-WJQOqVZkDRlX/view?usp=drive_link

プロジェクトファイルをこちらに置いておきますので、ご参考にしてください。
https://drive.google.com/file/d/1xC3x5EZ_DfFcF8WW0ykMRSjd9VjfjTHD/view?usp=drive_link

[Kurowassan_]

色々詳しくありがとうございます!
　解決しました!
ベストアンサーにさせていただきたいので、解決方法の方に改めて入力お願いします

Answer 1

解決してよかったです！
ちょっと無理やりなやり方でしたが＾＾；

以下コメントのコピペです。

---

Imageコンポーネントの画像タイプを塗りつぶしにするとそれっぽくなりそうです。
https://drive.google.com/file/d/1WqZokNT_qZP8XJ3u3jz-WJQOqVZkDRlX/view?usp=drive_link

プロジェクトファイルをこちらに置いておきますので、ご参考にしてください。
https://drive.google.com/file/d/1xC3x5EZ_DfFcF8WW0ykMRSjd9VjfjTHD/view?usp=drive_link

Comments

[Kurowassan_]

色々ありがとうございました!
度々すみませんが、Fill methodの開始地点をどうやって右上にしてるのですか?

[_aki__]

Fill methodの開始地点の設定は、
ゲージ用Imageオブジェクトの回転のｚ値を変更しています。

このような感じです。
https://drive.google.com/file/d/14PWzHG-c3GZ-0tHU0FW-tJKUP3ZhBDjN/view?usp=drive_link