Genera delle linee in base a una casella di testo random con colori random Aggiungi il bottone genera's game | AI game creator

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

No:46788

76

Genera delle linee in base a una casella di testo ..ALL
Developer User20131｜Date and time 24/2/26 1:41:05
Build time 5.349 sec｜Game capacity 1.206KB｜

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Genera Linee Casuali</title>
</head>
<body>
    <input type="text" id="inputText" placeholder="Inserisci testo casuale">
    <button onclick="generaLinee()">Genera</button>
    <canvas id="myCanvas"></canvas>

<script>
        function generaLinee() {
            var testo = document.getElementById('inputText').value;
            var canvas = document.getElementById('myCanvas');
            var ctx = canvas.getContext('2d');

ctx.clearRect(0, 0, canvas.width, canvas.height);

var colori = ["red", "blue", "green", "yellow", "purple", "orange"];

for (var i = 0; i < testo.length; i++) {
                var x1 = Math.random() * canvas.width;
                var y1 = Math.random() * canvas.height;
                var x2 = Math.random() * canvas.width;
                var y2 = Math.random() * canvas.height;
                var colore = colori[Math.floor(Math.random() * colori.length)];

ctx.beginPath();
                ctx.moveTo(x1, y1);
                ctx.lineTo(x2, y2);
                ctx.strokeStyle = colore;
                ctx.stroke();
            }
        }
    </script>
</body>
</html>