パズルゲーム「Euclidle」

By Euclidle (@euclidle.com)
Published:

<div align="center">

<img src="https://cortinarius.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Aody5jdgyp3gu76r7rsfcfoor&cid=bafkreia6jwo5b5kvl7flf4nqd5xdflno47t5ayql2qgko6777sj4sc5cfq" width="400px" /> </div>

作成したミニWebアプリのパズルゲーム「Euclidle」(ユークリドル)を多くの方に楽しんでもらいたく、この記事では簡単な遊び方を紹介します。

基本ルール

ゲームのトップページで遊べる基本的なタイプのルールを説明します。

X軸・Y軸・Z軸の座標がそれぞれ0~9となる仮想的な3次元空間で、6回以内の推測で隠された正解の座標を当てることが目的です。

操作例については以下の動画をご覧ください。

<iframe height="400" src="https://www.youtube.com/embed/v4LhayVPFyA" title="Euclidleチュートリアルプレイ(ヒントタイプ:Relative)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

画面の中央付近に「座標」と「ユークリッド距離」という表示があり、推測をするたびに、色のついた四角が表示されています。

<div align="center"> <img src="https://docs.euclidle.com/ja/tutorial-images/history.png" width="300px" /> </div>

この四角の色がヒントになります。前回の推測座標と今回の推測座標が、正解座標に対してどのように動いたかによって色が決まります。

仮に1つの次元(直線)で正解が以下の緑色の丸の位置にあったとします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-target.svg" width="400px" /> </div>

以降の説明では、前回の推測座標を①、今回の推測座標を②とします。

黒色の四角⬛は、初回のため比較対象となる前回推測が無いか、同じ座標を指定したことにより、正解座標に対する動きの変化が無かったことをあらわします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-black.svg" width="400px" /> </div>

青色の四角🟦は、前回の推測座標より、今回の推測座標が正解座標に対して近づいたことをあらわします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-blue.svg" width="400px" /> </div>

今回の推測座標が正解座標に一致した場合も同じく青色になります。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-blue-2.svg" width="400px" /> </div>

赤色の四角🟥は、前回の推測座標より、今回の推測座標が正解座標に対して遠ざかったことをあらわします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-red.svg" width="400px" /> </div>

前回の推測座標が正解座標と一致していて、今回の推測座標が離れた場合も同じく赤色になります。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-red-2.svg" width="400px" /> </div>

黄色の四角🟨は、正解座標に近づいた後、遠ざかったことをあらわします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-relative-yellow.svg" width="400px" /> </div>

これらの色は、基本的には「座標」と「ユークリッド距離」の表示で共通になります。

詳細についてはマニュアルに記載していますが、基本的には上記のルールを手掛かりに正解座標の位置を推測していきます。

「ユークリッド距離」に表示されている数字は、今回の推測座標から正解座標までの直線距離です。次元ごとの座標の差の2乗の合計の平方根になります。

例えば正解座標が(X:7, Y:7, Z:7)で、今回の推測座標が(X:5, Y:6, Z:7)ならば、各次元の座標の差は以下になります。

それらの2乗の合計の値は以下になります(^2は2乗をあらわします)。

その平方根の値(ユークリッド距離)は以下になります。ゲームでは小数点第3位以下を四捨五入しています。

チュートリアルでは、例題をもとに1手ずつのヒントの考え方について解説していますのでご覧ください。

ゲームのトップページは、全世界のプレイヤーが同じ正解に挑戦する1日1回のゲームとなっています。何度も試したい場合は、同じ設定でのフリープレイもありますので御利用ください。

もっと簡単なゲーム

前記のルールが難しいと感じられた方には、もっと簡単なルールのゲームもありますので以下にご紹介します。

<iframe height="400" src="https://www.youtube.com/embed/oZ0NmxfWPCo" title="Euclidleチュートリアルプレイ(ヒントタイプ:Absolute)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

こちらはメニューの「ヒント:Absoluteモード(簡単)」の中にあるゲームになります。たとえばこちらから遊べます。

こちらのルールでは、ヒントの色が前記のルールのように2回の推測の「動き」に対してではなく、今回の推測座標と正解座標の近さによってのみ決まります。

仮に1つの次元(直線)で正解が以下の緑色の丸の位置にあったとします。

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-target-absolute.svg" width="400px" /> </div>

<div align="center"> <img src="https://docs.euclidle.com/tutorial-images/eval-absolute.svg" width="400px" /> </div>

これらの色は、基本的には「座標」と「ユークリッド距離」の表示で共通になります。

詳細についてはマニュアルに記載していますが、基本的には上記のルールを手掛かりに正解座標の位置を推測していきます。

「ユークリッド距離」に表示されている数字は、前記と同じになります。

チュートリアルでは、このルールでの例題をもとに1手ずつのヒントの考え方について解説していますのでご覧ください。