横スクロールゲームを作ってみました！_ザリガニクライシス Speaker : Demodori Gatsuo https://twitter.com/DemodoriGatsuo Japan Power Platform Game Builders #JPPGB 6 横スクロールゲームを作ってみました！　Power Apps「ザリガニクライシス」 Japan Power Platform Game Buildersにて 横スクロールゲームを作成してみました！ 素晴らしい方のブログを参考に作成したほか、 素材集めを中心にポイントをまとめています。 なお、スライド中にある動画は、下記リンクのYouTube動画です。 https://youtu.be/xYshJSRAmI4 ゲーム作成は学びは多いので是非！ #PowerApps #PowerAutomate Downloadしてご活用してください。 I made a side-scrolling game! Crayfish Crisis Speaker : Demodori Gatsuo https://twitter.com/DemodoriGatsuo Japan Power Platform Game Builders #JPPGB 6 We made a side-scrolling game!　Power Apps "Crayfish Crisis At Japan Power Platform Game Builders I created a side-scrolling game! In addition to the game I created based on the blog of a wonderful person, The video in the slides below is a YouTube link. The video in the slides is a YouTube video linked below. https://youtu.be/xYshJSRAmI4 There is a lot to learn about creating games, so please do it! #PowerApps #PowerAutomate Download and take advantage of it!

2. Profile
出戻りガツオ🐟 a.k.a
Shogo Shindo
6 / 2 4 / 2 0 2 3
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
2
魁
!!
鰹
塾
塾
長
🐟
@DemodoriGatsuo
https://note.com/bonito_vba_gas
- Job Power Platform Specialist
- Career 給与事務からDX推進へ！
- Skill Power Platform
- Excel VBA
- Google Apps Script
- Python
- RPA (WinAutomation – Power Automate for desktop)
- Power Apps , Power Automate , Power BI

3. LTのテーマ
Power Apps キャンバスアプリで作成した横スクロールゲーム！
「CrayfishCrisis」
- ザリガニを主人公にした深海で繰り広げられる
冒険と戦い
- 画像はBing Image Creatorで作成
- 横スクロールゲームを作ったことによる
学びポイントをシェアさせてください！
6 / 2 4 / 2 0 2 3 3
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D

4. 本題に入る前に
• 今回、横スクロールゲームを作成するにあたり、下記の方のBlogを
沢山参考にさせていただきました。
• 関数や機能は、おうじゃさんのブログをほとんど参考にさせていただいております。
是非これから作ろうかな！と思われている方は、一読されることをお勧めします。
同時にこの場を借りて御礼を申し上げます！
6 / 2 4 / 2 0 2 3 4
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
Maeda Makoto氏 (@bothernpa)
おうじゃさん
Power Apps で横スクロールアクションゲームを作る 記事まとめ

5. 横スクロールゲームの進め方
横スクロールゲームをPower Appsで作成するうえでは、下記の事項が必要になります。
1. シナリオを決める
2. ゲームで使う画像を用意する
3. Power Appsで動きとシナリオを再現する
4. 楽しむ
6 / 2 4 / 2 0 2 3 5
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D

6. ゲームを作成するきっかけ
世間を賑わす「ち〇かわ」というキャラクターにハマり、
クレーンゲームへの課金が深刻になっていました。
「ゲーム依存になるくらいであれば、
自分でゲームを作ればいい。」
というTwitterの悪質なフリから作成がスタートします。
2Ｄのクレーンゲームを考えましたが、方向性を変え、
アメリカンザリガニを主人公にした
横スクロールゲームの作成に着手しました。
6 / 2 4 / 2 0 2 3 6
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D

7. 1. シナリオ
主人公であるアメリカンザリガニが、マグロやカツオといった大型の魚を狩り、
障害物をよけながら、深海の冒険を繰り広げるゲーム
冒険を進めていくと、深海の平和を脅かす恐ろしい敵に遭遇することになる
- 主人公名 : ザリピ
- 特徴 :
- アメリカンザリガニ
- レーザーが打てる
- 不死身
6 / 2 4 / 2 0 2 3 7
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
アメリカンザリガニは
特定外来種の生物として
日本の生態系に危険を脅かす
可能性を持ち、社会問題と
なっています。

8. 2. ゲームで使う画像を用意する
ドット絵（ピクセルアート）は、フリー素材サイトから取得する方法で、今までの自分であれ
ば対処していましたが、Microsoftの画像生成AI「Bing Image Creator」で画像を用意しました！
Bing Image Creator
DALL E2がもとになっている画像生成AI
- 日本語にも対応
- Microsoftアカウントがあれば誰でも利用可能
- ピクセルアートの作成にも優れている
6 / 2 4 / 2 0 2 3 8
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D

9. 2. ゲームで使う画像を用意する – 補足
【持論】横スクロールゲームの常に動くキャラクター（ NPC ）を登場させるうえで、
常に動く存在を表現するうえでは、GIF画像が最適！
- Power Appsで再現するには、
Timerコントロールが必要になること
- 単純に取り扱う画像も静止画を
複数用意する必要があるため容量が増える
6 / 2 4 / 2 0 2 3 9
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
GIF画像の素材たちは
そのような手間は一切不要！
※iPhoneの機能でも作れます

10. 3. Power Appsで動きとシナリオを再現する
？ ボタンを押す(OnSelect)を中心に、「何かが起きたとき」
イベント駆動で常に動きを再現するには、どうすればよいのか？
6 / 2 4 / 2 0 2 3 10
Timer コントロールをひたすら活用する
下記のPointをおさえることで、イベント駆動でありつつも、
リアルタイムで動き続けるような処理が実現できます！
今回の設定値は、During 50！
0.05秒に毎回OnTimerStartの
イベントが発火します。
これがトリガーになり、
リアルタイムの挙動が可能になっています。
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
Japanese English Value
期間 Duration 50
繰り返し Repeat True
自動開始 AutoStart True

11. 3. Power Appsで動きとシナリオを再現する- 補足
OnTimerStartで擬似的なリアルタイムを実現した対象
6 / 2 4 / 2 0 2 3 11
関数がとてつもなく長くなることがネックですが、これだけの範囲をカバーできること。
またこのような一見無理がありそうな挙動にも対応できることがPower Appsの魅力です！！
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D
UpdateContext(
{
RockBasePositionX:RockBasePositionX - ScrollValue,
RockBasePosition2X:RockBasePosition2X - ScrollValue,
CarPositionX:CarPositionX - CarScrollValue,
TunaPositionX:TunaPositionX - TunaScrollValue,
BonitoPositionX:BonitoPositionX - BonitoScrollValue,
TrashPositionX:TrashPositionX - TrashScrollValue,
LaserPositionX:LaserPositionX + TunaScrollValue,
octo1X:octo1X - ScrollValue,
octo2X:octo2X - ScrollValue,
fish1X:fish1X - ScrollValue,
fish2X:fish2X - ScrollValue,
fish3X:fish3X - ScrollValue,
bbl1X:bbl1X - ScrollValue2,
bbl2X:bbl2X - ScrollValue2,
bbl3X:bbl3X - ScrollValue2
}
• 背景 - 岩など
• マグロ、カツオ
• 障害物
• 泡 上下左右
• タコ、さかな、ゴミ
• 爆破のギミック
• レーザー
• ザリガニ – ハサミ閉じる、開く
• ボスキャラのミサイル

12. 4. 楽しむ！
6 / 2 4 / 2 0 2 3 12
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D

13. 6 / 2 4 / 2 0 2 3 13
Thank you very much!
Power Appsでゲーム作成！というテーマで多くの学びがありました！
今はRPGゲームの作成をしながら楽しんでいます！
@DemodoriGatsuo
給与計算担当（非IT事務職）から、IT活用推進を実施しています！
Twitterやnote、Qiitaで発信、その他コミュニテイ運営、登壇活動しておりますので、
是非Followしてください！
C O P Y R I G H T ( C ) 2 0 2 3 ,
J A P A N P O W E R P L A T F O R M G A M E B U I L D E R S . A L L R I G H T S R E S E R V E D