A game that allows you to become a god painter! 1) Draw a picture on the screen. (2) Post! button, your picture will be posted. (3) You will get a lot of Likes for your picture! will be added to your picture! ④Your number of followers will increase by 100,000.'s game

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

No:7797

2218

←

Prev Next

→

A game that allows you to become a god painter! 1)..ALL
Developer もちきなこ｜Date and time 23/7/9 23:09:55
Build time 12.157 sec｜Game capacity 3.177KB｜

Script

以下は、指定された要件を満たすプログラムの例です。このプログラムは、スマートフォン上で実行されることを前提としており、絵を描いて投稿することで「いいね！」とフォロワー数を増やすゲームです。

いいね！: 0

フォロワー: 0

このプログラムでは、Canvasを使って絵を描くことができます。`canvas`要素をタッチ操作で描画し、`投稿！`ボタンをクリックすることで「いいね！」の数が増え、フォロワーの数も増えます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>神絵師になれるゲーム</title>
    <style>
        canvas {
            border: 1px solid black;
            touch-action: none; /* タッチ操作のデフォルトの動作を無効化 */
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <button id="postButton">投稿！</button>
    <div id="likes">いいね！: <span id="likeCount">0</span></div>
    <div id="followers">フォロワー: <span id="followerCount">0</span></div>

function init() {
            // Canvas要素の取得
            canvas = document.getElementById('canvas');
            context = canvas.getContext('2d');

// イベントリスナーの設定
            canvas.addEventListener('touchstart', startDrawing);
            canvas.addEventListener('touchmove', draw);
            canvas.addEventListener('touchend', endDrawing);

// ボタンのクリックイベント
            var postButton = document.getElementById('postButton');
            postButton.addEventListener('click', postDrawing);
        }

function startDrawing(event) {
            event.preventDefault(); // タッチ操作のデフォルトの動作を無効化
            isDrawing = true;
            draw(event);
        }

function draw(event) {
            if (!isDrawing) {
                return;
            }

var x = event.touches[0].clientX - canvas.offsetLeft;
            var y = event.touches[0].clientY - canvas.offsetTop;

context.lineTo(x, y);
            context.stroke();
        }

function endDrawing(event) {
            isDrawing = false;
        }

function postDrawing() {
            var imageData = canvas.toDataURL(); // Canvasの内容をBase64形式のデータURLに変換

// 絵が投稿されたという処理（ここでは省略）

// いいね！の数を増やす
            likeCount += 100;
            var likeCountElement = document.getElementById('likeCount');
            likeCountElement.textContent = likeCount;

// フォロワーの数を増やす
            followerCount += 100000;
            var followerCountElement = document.getElementById('followerCount');
            followerCountElement.textContent = followerCount;
        }

init();
    </script>
</body>
</html>
```