知識ゼロからはじめるローコーディング開発

Power Platformでのアプリ開発について、いろいろと書きたいと思います。

鶏が先か卵が先か、ひよこが先かも?なパズルを作る

前回作成した点灯消灯パズルの応用編です。前回はパネルの色が「点灯」「消灯」の2種類だったのですが、今回は3色に増えます。下の画面を見てもらうとわかるのですが、パネルを押すと「卵→ひよこ→鶏」の順にイラストが変わります。隣り合うパネルも一緒に変わります。ルールは殆ど同じで、全てのパネルが鶏になればクリアです。パネルが1種類増えただけなのですが、難易度は凄く上がりますので、ぜひトライしてみて下さい。

f:id:island3m:20210912171919p:plain

 

最初にパネルのイラストをアップロードします。
・卵:egg
・ひよこ:chick
・鶏:chicken
・背景:haikei
※今回のイラストも Power Point で作ってます。。。

f:id:island3m:20210912171944p:plain

 

具体的なパズルの作り方については前回の内容をご確認下さい。各コントロールのプロパティについては下記に書かせて頂きましたので、試される方はご参考にして下さい。

 

前回のブログ


今回設定する箇所は3種類のコントロールです。パネルは25個作成します。

f:id:island3m:20210912172359p:plain

■開始ボタン
[Text]
"開始"
[OnSelect]
ClearCollect(Panel,
{No:11,Lit:2},{No:12,Lit:1},{No:13,Lit:1},{No:14,Lit:1},{No:15,Lit:2},
{No:21,Lit:1},{No:22,Lit:1},{No:23,Lit:2},{No:24,Lit:1},{No:25,Lit:1},
{No:31,Lit:1},{No:32,Lit:2},{No:33,Lit:3},{No:34,Lit:2},{No:35,Lit:1},
{No:41,Lit:1},{No:42,Lit:1},{No:43,Lit:2},{No:44,Lit:1},{No:45,Lit:1},
{No:51,Lit:2},{No:52,Lit:1},{No:53,Lit:1},{No:54,Lit:1},{No:55,Lit:2}
);
Set(StartTime,Now());

 

■パネル 

※25個作ります。(Image_1~Image_25)

※下記は Image_1 で設定した場合。

[OnSelect]
UpdateIf(Panel,No=Image_1.TabIndex,
   {Lit:Switch(LookUp(Panel,No=Image_1.TabIndex).Lit,1,2,2,3,3,1)});
UpdateIf(Panel,No=Image_1.TabIndex-1,
   {Lit:Switch(LookUp(Panel,No=Image_1.TabIndex-1).Lit,1,2,2,3,3,1)});
UpdateIf(Panel,No=Image_1.TabIndex+1,
   {Lit:Switch(LookUp(Panel,No=Image_1.TabIndex+1).Lit,1,2,2,3,3,1)});
UpdateIf(Panel,No=Image_1.TabIndex-10,
   {Lit:Switch(LookUp(Panel,No=Image_1.TabIndex-10).Lit,1,2,2,3,3,1)});
UpdateIf(Panel,No=Image_1.TabIndex+10,
   {Lit:Switch(LookUp(Panel,No=Image_1.TabIndex+10).Lit,1,2,2,3,3,1)});

Set(EndTime,Now());

[Image]
Switch(LookUp(Panel,No=Image_1.TabIndex).Lit,
 1,egg,
 2,chick,
 3,chicken)

[TabIndex] 

※開始ボタンのNoに合わせて25種類セットします
 例えば Image_1 の場合は 11 。Image_25 の場合は55となります。

 

■クリアメッセージ (Label1)
[Text]
"おめでとうございます!"&"
かかった時間 : " & DateDiff(StartTime,EndTime,Seconds) & " 秒"
[Visible]
If(CountIf(Panel,Lit=3)=25,true,false)

 

前回からの主な変更点は2か所です。
・パネルの数を9個から25個に変更。
・パネルの種類が3種類になったので、Swichを使ってコントロールしている。

 

実際に動かしたところがこちらです。

1パターンだけ正解を載せています。開始ボタンの[OnSelect]の設定で様々な問題が作成出来ますので、お時間がある方はぜひ色々と問題作りを試してみて下さい。