We write a story together taking turns adding to it's game

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

No:24720

←

Prev Next

→

We write a story together taking turns adding to i..ALL
Developer User11818｜Date and time 23/11/11 17:30:43
Build time 38.55 sec｜Game capacity 2.563KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript Animation</title>
    <style>
        .content {
            position: absolute;
            left: 0px;
            top: 0px;
            color: black;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="content-area"></div>

function changeContent(content) {
            content.element.textContent = negativePhrases[Math.floor(Math.random() * negativePhrases.length)];
            content.element.style.color = colors[Math.floor(Math.random() * colors.length)];
            content.element.style.fontSize = fontSizes[Math.floor(Math.random() * fontSizes.length)];
        }

function animate(content) {
            var left = parseInt(content.element.style.left, 10);
            var top = parseInt(content.element.style.top, 10);
            if (isNaN(left)) {
                left = 0;
            }
            if (isNaN(top)) {
                top = 0;
            }

// Reflect on reaching edge of screen
            if (left > window.innerWidth - content.element.offsetWidth) {
                content.direction.x = -1;
                changeContent(content);
            }
            else if (left < 0) {
                content.direction.x = 1;
                changeContent(content);
            }
            
            if (top > window.innerHeight - content.element.offsetHeight) {
                content.direction.y = -1;
                changeContent(content);
            }
            else if (top < 0) {
                content.direction.y = 1;
                changeContent(content);
            }

content.element.style.left = (left + 2 * content.direction.x) + 'px';
            content.element.style.top = (top + 2 * content.direction.y) + 'px';
            
            requestAnimationFrame(function() { animate(content); });
        }

for (var i = 0; i < 5; i++) {
            var content = createContent();
            animate(content);
        }
    </script>
</body>
</html>