REPORTピックアップレポート

【9時間目】体力バーの仕組みを理解しよう

2025.11.25


皆さんこんにちは、TST技術課のあらやまくんです。突然ですが皆さんは体力ありますか?
あらやまくんは富山マラソンを走ってみたさがありますが、家にいる方が好きです。
というわけで、家でもできる体力バーについて考えてみましょう!
 

 
① 体力バーを描く準備をしよう


体力バーを書いてくれるスプライトを用意しましょう。
このアイコンから好きなスプライトを作れるよ。

 


最終的にこのスプライトは見えなくするけど、次の作業を行いやすくするために、小さいものを作るといいかも。



 


ここからペンを使って書いていくけど、出ていない人は先月号を読んでみてね。

 

② スプライトにコードを書こう


今回はコードを2つ紹介するね。
1つめはこれ。これは体力バーを塗りつぶすコードだね。体力を100%にしたいときに使えるよ。







2つめはこれ。これは体力を減らすコードだね。






X座標の値を変更することで体力を変更することができるよ。

この黒色の外枠も点のスプライトと同じように作ることができるよ。





塗りつぶしの設定などはこんな感じ。




 


※Scratchは、MITメディア・ラボのライフロング・キンダー ガーテン・グループの協力により、
Scratch財団が進めているプロジェクトです。
https://scratch.mit.edu から自由に入手できます。

この記事を書いた人

おとなり編集部