Comparison of functions of type ς on sigmoidal curve graphs's game

Click here for free DL of the app version that can save data.

No:8568

5114

←

Prev Next

→

Comparison of functions of type ς on sigmoidal cur..ALL
Developer User4200｜Date and time 23/7/17 0:19:02
Build time 21.75 sec｜Game capacity 1.941KB｜

Script

以下はシグモイド曲線グラフのς型の関数の比較を行うプログラムの例です。このプログラムは1枚のhtmlファイルとして実装されており、JavaScriptをscriptタグで囲んでいます。

このプログラムは、sigmoid関数を定義し、その関数を用いて3つのς型のカーブを描画します。それぞれのカーブは異なる色で表示されます。カーブのパラメータを調整することで、グラフの形状を変えることができます。実行すると、htmlファイルが表示され、3つのカーブがcanvas要素に描画されます。このプログラムはゲームではありませんが、比較的簡単に作成できるものです。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Sigmoid Curves Comparison</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

function drawCurve(ctx, curve, color) {
            ctx.fillStyle = color;
            ctx.beginPath();
            for (let x = -10; x <= 10; x += 0.1) {
                const y = curve(x);
                ctx.lineTo((x + 10) * 20, 300 - y * 200);
            }
            ctx.stroke();
        }

function init() {
            const canvas = document.getElementById("canvas");
            const ctx = canvas.getContext("2d");

drawCurve(ctx, (x) => sigmoid(x, 1, 0), "#ff0000"); // Red curve
            drawCurve(ctx, (x) => sigmoid(x, 2, 0), "#00ff00"); // Green curve
            drawCurve(ctx, (x) => sigmoid(x, 3, 0), "#0000ff"); // Blue curve
        }

document.addEventListener("DOMContentLoaded", init);
    </script>
</body>
</html>
```

このプログラムは、sigmoid関数を定義し、その関数を用いて3つのς型のカーブを描画します。それぞれのカーブは異なる色で表示されます。カーブのパラメータを調整することで、グラフの形状を変えることができます。

実行すると、htmlファイルが表示され、3つのカーブがcanvas要素に描画されます。このプログラムはゲームではありませんが、比較的簡単に作成できるものです。