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

No:513

422

←

Prev Next

→

a game with a wheel of colors purple orange green ..ALL
Developer User3006｜Date and time 23/6/15 5:07:47
Build time 52.184 sec｜Game capacity 4.191KB｜

Script

Here is the code for the game:

Color Wheel Game

In this game, the player clicks on the ”Restart Game” button to start the game. A color wheel with five different colors is displayed on the canvas, and a white arrow points at one of the colors randomly. If the arrow points at black or white, nothing happens and the player has to restart the game. If the arrow points at green, the player is taken to a link to play the classic game of Snake until their score is 8. If the arrow points at purple or orange, the player has to play a random game of heads or tails until they get heads. If they get heads, they win; if they get tails, they have to restart the game. The game is designed to be played on a smartphone, with lots of emojis used to add visual interest.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Here is the code for the game:

<!DOCTYPE html>
<html>
<head>
	<title>Color Wheel Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #f1f1f1;
			font-family: Arial, sans-serif;
		}
		canvas {
			display: block;
			margin: auto;
			padding-top: 50px;
		}
		h1 {
			text-align: center;
			margin-top: 30px;
			color: #666;
			font-size: 24px;
			font-weight: bold;
			text-transform: uppercase;
		}
		.button {
			display: block;
			margin: auto;
			margin-top: 30px;
			padding: 10px 20px;
			background-color: #666;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			cursor: pointer;
			border: none;
			border-radius: 4px;
		}
		.button:hover {
			background-color: #555;
		}
	</style>
</head>
<body>
	<h1>Color Wheel Game</h1>
	<canvas id="canvas"></canvas>
	<button class="button" id="restart" style="display:none;">Restart Game</button>

// Canvas
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");

// Constants
		var radius = 150;
		var centerX = canvas.width / 2;
		var centerY = canvas.height / 2;

function drawWheel() {
			var angle = 0;
			var angleStep = Math.PI*2/colors.length;

for (var i = 0; i < colors.length; i++) {
				ctx.beginPath();
				ctx.moveTo(centerX, centerY);
				ctx.arc(centerX, centerY, radius, angle, angle+angleStep);
				ctx.fillStyle = colors[i];
				ctx.fill();
				ctx.strokeStyle = "black";
				ctx.lineWidth = 3;
				ctx.stroke();
				angle += angleStep;
			}
		}

function drawArrow(degrees) {
			var x = centerX + radius * Math.cos(degrees*Math.PI/180);
			var y = centerY + radius * Math.sin(degrees*Math.PI/180);
			ctx.beginPath();
			ctx.moveTo(centerX, centerY);
			ctx.lineTo(x, y);
			ctx.strokeStyle = "white";
			ctx.lineWidth = 5;
			ctx.stroke();
			ctx.beginPath();
			ctx.moveTo(x-10, y-10);
			ctx.lineTo(x, y);
			ctx.lineTo(x-10, y+10);
			ctx.fillStyle = "white";
			ctx.fill();
		}

function clearCanvas() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
		}

function getRandomIndex() {
			return Math.floor(Math.random() * colors.length);
		}

function playSnake() {
			location.href = "https://www.google.com/search?q=snake+game";
		}

document.getElementById("restart").addEventListener("click", function() {
			startGame();
		});

startGame();
	</script>
</body>
</html>

In this game, the player clicks on the "Restart Game" button to start the game. A color wheel with five different colors is displayed on the canvas, and a white arrow points at one of the colors randomly. If the arrow points at black or white, nothing happens and the player has to restart the game. If the arrow points at green, the player is taken to a link to play the classic game of Snake until their score is 8. If the arrow points at purple or orange, the player has to play a random game of heads or tails until they get heads. If they get heads, they win; if they get tails, they have to restart the game. The game is designed to be played on a smartphone, with lots of emojis used to add visual interest.