石垣を描こう！ JS版
石垣模様を次々に生成して鑑賞するためのサイト。
対象ブラウザ
- Google Chrome(最新版)
- Microsoft Edge(最新版)
- Firefox(最新版)
- Safari(最新版であれば動作すると思われます。)
石垣模様が鑑賞できるサイトへ行く。
下の画像をタップしてください。そうすれば、鑑賞できるサイトへ行けます。
使用方法
サイトを開くと以下のような項目が現れます。
| 項目 | 初期値 | 補足 |
|---|---|---|
| 幅(px) | 360 | 欲しい画像の幅をピクセルで指定します。値は1から1024までの整数です。 |
| 高さ(px) | 180 | 欲しい画像の高さをピクセルで指定します。値は1から1024までの整数です。 |
| 石の数 | 150 | 石垣で使う石の数です。1以上の整数で指定します。 |
| パラメータ１ | 0.8 | 石と石の隙間の広さに関係する数値です。実数で0から1.0の間を指定します。 1.0を指定すると、隙間なしになります。0に近づくにつれて隙間が広くなります。 |
| パラメータ２ | 15 | 石の大きさに関係する数値です。0以上の実数値を指定します。 値を大きくすると、石が大きくなる傾向を示します。 |
幅、高さ、石の数、パラメータ１、パラメータ２の値を必要があれば入力します。 そして、「生成する」ボタンを押してください。 すると、成功すれば石垣が描画されます。失敗ならエラーメッセージが出ます。 ボタンが押されたまま、反応がない状態が続く場合は、１～２分何もせずに待ってみましょう。 特に、石の数やパラメータ２の数値を大きくとると、計算を終えるのにかなりの時間がかかる場合があります。
エラーメッセージには２種類あります。 一つは、「それは無理！」と表示された場合です。 これは、許される範囲外の数値の入力があった場合に出ます。 解決するには、指定された範囲内の入力を行ってください。
もう一つは、「難しい！」と表示された場合です。 この場合は、「生成する」ボタンを何回か押してみてください。成功することがあるかもしれません。 十回以上、ボタンを押しても成功しないなら、入力した数値の変更を検討してみてください。 特に、石の数とパラメータ２を小さくして様子を見てみましょう。
応用例
このサイトで得た画像を 「Microsoft ペイント」の塗りつぶしを使って、花の絵に変えた例です。
⇒ 