AI game creator

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

No:32978

←

Prev Next

→

DNA cell game
Developer User15526｜Date and time 24/1/2 2:33:03
Build time 25.431 sec｜Game capacity 4.334KB｜

Script

Sure, here's an example of a simple DNA cell game implemented as a single HTML file using JavaScript. Please note that this is a basic example and can be expanded upon to add more functionality or complexity.

In this game, the player's objective is to complete the given DNA sequence by correctly placing the nucleotides. The player can click on the cells to place the nucleotides, and their progress is displayed at the top of the screen. If the player places an incorrect nucleotide at the end, they have a limited number of tries before the game is over. If the player successfully completes the sequence, they win the game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>DNA Cell Game</title>
    <style>
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <canvas id="game-canvas" width="400" height="400"></canvas>
    </div>

// Game variables
        var canvas, ctx;
        var currentSequence, currentTry;

// Initialize the game
        function initGame() {
            canvas = document.getElementById("game-canvas");
            ctx = canvas.getContext("2d");

currentSequence = generateRandomSequence();
            currentTry = 0;

canvas.addEventListener("mousedown", handleClick);

drawCell();
        }

// Generate a random DNA sequence
        function generateRandomSequence() {
            var sequence = "";
            for (var i = 0; i < DNA_SEQUENCE.length; i++) {
                var randChar = DNA_SEQUENCE[Math.floor(Math.random() * DNA_SEQUENCE.length)];
                sequence += randChar;
            }
            return sequence;
        }

// Handle mouse click event
        function handleClick(event) {
            var rect = canvas.getBoundingClientRect();
            var x = event.clientX - rect.left;
            var y = event.clientY - rect.top;

var cellX = Math.floor(x / CELL_SIZE);
            var cellY = Math.floor(y / CELL_SIZE);

if (cellY === 0 && currentSequence === DNA_SEQUENCE) {
                // Player has won
                alert("Congratulations! You completed the DNA sequence.");
                resetGame();
            } else if (cellY === 0 && currentSequence !== DNA_SEQUENCE) {
                // Player has placed an incorrect nucleotide at the end
                currentTry++;
                if (currentTry === MAX_TRIES) {
                    // Player has reached maximum tries, game over
                    alert("Game over! You have reached the maximum tries.");
                    resetGame();
                } else {
                    // Player can try again
                    currentSequence = generateRandomSequence();
                    drawCell();
                }
            } else {
                // Correctly placed nucleotide
                currentSequence = currentSequence.slice(1);
                drawCell();
            }
        }

// Draw the cell and current DNA sequence
        function drawCell() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.beginPath();
            ctx.rect(0, 0, CELL_SIZE * DNA_SEQUENCE.length, CELL_SIZE);
            ctx.fillStyle = "#f5f5f5";
            ctx.fill();

for (var i = 0; i < DNA_SEQUENCE.length; i++) {
                ctx.font = "20px Arial";
                ctx.textBaseline = "middle";
                ctx.textAlign = "center";
                ctx.fillStyle = "#000";
                ctx.fillText(DNA_SEQUENCE[i], (i * CELL_SIZE) + (CELL_SIZE / 2), (CELL_SIZE / 2));
            }

ctx.beginPath();
            ctx.arc(currentSequence.length * CELL_SIZE, CELL_SIZE / 2, CELL_SIZE / 2, 0, Math.PI * 2);
            ctx.fillStyle = "#999";
            ctx.fill();
        }

// Reset the game
        function resetGame() {
            canvas.removeEventListener("mousedown", handleClick);
            initGame();
        }

// Start the game
        initGame();
    </script>
</body>
</html>
```