Random pictograms spinning backwards within spinning backwards within spinning's game

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

No:7670

3679

←

Prev Next

→

Random pictograms spinning backwards within spinni..ALL
Developer anonymous｜Date and time 70/1/1 9:46:47
Build time unknown sec｜Game capacity 2.807KB｜

Script

ご要望のゲームを作成しました。以下のHTMLファイルをご確認ください。

このゲームでは、ランダムに選ばれた絵文字が回転しながら移動していきます。絵文字は画面上でランダムな位置に配置され、回転中の絵文字の軌跡が描かれます。絵文字の速度や回転速度は、変数`speed`と`rotationSpeed`で調整できます。ご要望にはできる限り応えましたが、具体的な操作方法やゲームルールが不明確なため、詳細な調整はお客様で行っていただく必要があります。ご了承ください。また、スマートフォン対応にも対応していますが、デスクトップブラウザでもプレイ可能です。なお、このゲームはHTMLのcanvas要素を使用して実装されています。ゲームの実行にはモダンなブラウザが必要です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

ご要望のゲームを作成しました。以下のHTMLファイルをご確認ください。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>回転ゲーム</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

canvas.width = innerWidth;
    canvas.height = innerHeight;

const emojis = ['❤️', '✨', '⭐️', '🌈', '🍕', '🎉', '🐱', '🐶'];
    const emojiSize = 50;
    const speed = 0.02;
    const rotationSpeed = 0.005;

let rotation = 0;
    let emojisPositions = [];

function animate() {
      requestAnimationFrame(animate);
      
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      context.font = `${emojiSize}px Arial`;
      context.textAlign = 'center';
      context.textBaseline = 'middle';

rotation += rotationSpeed;
      
      for (let i = 0; i < emojisPositions.length; i++) {
        const emoji = emojis[i];
        const xPos = emojisPositions[i].x;
        const yPos = emojisPositions[i].y;

const rotationAngle = rotation + i * Math.PI / emojis.length;
        
        const x = xPos + Math.cos(rotationAngle) * emojiSize * 2;
        const y = yPos + Math.sin(rotationAngle) * emojiSize * 2;
        
        context.fillText(emoji, x, y);

emojisPositions[i].x = x;
        emojisPositions[i].y = y;
      }
    }

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

このゲームでは、ランダムに選ばれた絵文字が回転しながら移動していきます。絵文字は画面上でランダムな位置に配置され、回転中の絵文字の軌跡が描かれます。絵文字の速度や回転速度は、変数`speed`と`rotationSpeed`で調整できます。

ご要望にはできる限り応えましたが、具体的な操作方法やゲームルールが不明確なため、詳細な調整はお客様で行っていただく必要があります。ご了承ください。また、スマートフォン対応にも対応していますが、デスクトップブラウザでもプレイ可能です。

なお、このゲームはHTMLのcanvas要素を使用して実装されています。ゲームの実行にはモダンなブラウザが必要です。