AI game creator

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

No:51419

137

←

Prev Next

→

.
Developer Skarby｜Date and time 24/3/12 1:29:41
Build time 6.445 sec｜Game capacity 1.868KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Javamium OS 1982 Interface</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="javamiumCanvas" width="640" height="480"></canvas>

// Draw background
    ctx.fillStyle = '#000';
    ctx.fillRect(0, 0, canvas.width, canvas.height);

// Draw screen frame
    ctx.fillStyle = '#808080';
    ctx.fillRect(20, 20, canvas.width - 40, canvas.height - 40);

// Draw title bar
    ctx.fillStyle = '#C0C0C0';
    ctx.fillRect(20, 20, canvas.width - 40, 40);

// Draw text
    ctx.fillStyle = '#000';
    ctx.font = '24px Arial';
    ctx.fillText('Javamium OS', 50, 50);

ctx.fillStyle = '#FFF';
    ctx.font = '16px Arial';
    ctx.fillText('1982', 50, 80);

ctx.font = '14px Arial';
    ctx.fillText('Applications', 50, 120);

// Draw icons
    ctx.fillStyle = '#FFA500';
    ctx.fillRect(50, 140, 50, 50);

ctx.fillStyle = '#00FFFF';
    ctx.fillRect(120, 140, 50, 50);

ctx.fillStyle = '#FF0000';
    ctx.fillRect(190, 140, 50, 50);

ctx.fillStyle = '#008000';
    ctx.fillRect(260, 140, 50, 50);

// Draw menu bar
    ctx.fillStyle = '#C0C0C0';
    ctx.fillRect(20, canvas.height - 60, canvas.width - 40, 40);

ctx.fillStyle = '#000';
    ctx.font = '14px Arial';
    ctx.fillText('File', 50, canvas.height - 35);
    ctx.fillText('Edit', 120, canvas.height - 35);
    ctx.fillText('View', 190, canvas.height - 35);
    ctx.fillText('Help', 260, canvas.height - 35);
  </script>
</body>
</html>