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

No:6944

←

Prev Next

→

Van Gogh vs. Picasso
Developer User3948｜Date and time 23/7/4 14:21:05
Build time 16.246 sec｜Game capacity 2.526KB｜

Script

了解です。以下に、ゴッホとピカソが絵画を描くゲームを実装したHTMLファイルの例を示します。

ゴッホ vs ピカソ

スコア: 0

このゲームでは、ゴッホが描いた絵は赤色の絵文字 "🎨"、ピカソが描いた絵は青色の絵文字 "🎨" で表示されます。プレイヤーは絵の上をクリックしてゴッホの絵を見つけることでスコアを獲得できます。青色の絵をクリックするとスコアがリセットされます。なお、絵文字はすべての環境で正しく表示されない場合があるため、プラットフォームやブラウザによっては絵文字の表示が異なる場合があります。予めご了承ください。

←

Prev　Next

→ 　

Back　

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

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

了解です。

以下に、ゴッホとピカソが絵画を描くゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ゴッホ vs ピカソ</title>
    <style>
        #canvas {
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
            const canvas = document.getElementById('canvas');
            const context = canvas.getContext('2d');
            const scoreElement = document.getElementById('score');

let score = 0;

function draw() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                context.font = '40px serif';
                context.fillText('🎨', Math.random() * 350, Math.random() * 350);
            }

function updateScore() {
                score += 1;
                scoreElement.textContent = `スコア: ${score}`;
            }

canvas.addEventListener('click', (event) => {
                const rect = canvas.getBoundingClientRect();
                const x = event.clientX - rect.left;
                const y = event.clientY - rect.top;

const imageData = context.getImageData(x, y, 1, 1);
                const pixelData = imageData.data;
                const color = `rgb(${pixelData[0]}, ${pixelData[1]}, ${pixelData[2]})`;

if (color === 'rgb(255, 0, 0)') {
                    updateScore();
                } else if (color === 'rgb(0, 0, 255)') {
                    score = 0;
                    updateScore();
                }
            });

setInterval(draw, 1000);
        });
    </script>
</head>
<body>
    <h1>ゴッホ vs ピカソ</h1>
    <p id="score">スコア: 0</p>
    <canvas id="canvas"></canvas>
</body>
</html>
```

このゲームでは、ゴッホが描いた絵は赤色の絵文字 "🎨"、ピカソが描いた絵は青色の絵文字 "🎨" で表示されます。プレイヤーは絵の上をクリックしてゴッホの絵を見つけることでスコアを獲得できます。青色の絵をクリックするとスコアがリセットされます。

なお、絵文字はすべての環境で正しく表示されない場合があるため、プラットフォームやブラウザによっては絵文字の表示が異なる場合があります。予めご了承ください。