JavaScript - Pohyb objektu za myší
Napsal: 31 říj 2015 21:40
Dobrý den !
Potřeboval bych pomoct pustil sem se do dělání hry v javascriptu.
Ale nevím jak udělat aby se mi zobrazil objekt náhodně na mapě a pohyboval se za myší prosím pomozte (tipuju že objekt bude v Canvasu
Předem děkuji :)
Dodatečně přidáno po 9 minutách 20 vteřinách:
Ok prominte měl sem nejdříve prohledat fórum :) vyřešeno lock
Dodatečně přidáno po 15 minutách 21 vteřinách:
Aha tak ne to co sem našel nefunguje prosím potřeboval bych canvas plátno 100% width 100% height a u prostřed kolečko které se bude pohybovat za miší nastavenou rychlostí
Dodatečně přidáno po 23 minutách 58 vteřinách:
Plátno vykresleno :
Dodatečně přidáno po 41 minutách 22 vteřinách:
nový kód
Potřeboval bych pomoct pustil sem se do dělání hry v javascriptu.
Ale nevím jak udělat aby se mi zobrazil objekt náhodně na mapě a pohyboval se za myší prosím pomozte (tipuju že objekt bude v Canvasu
Předem děkuji :)
Dodatečně přidáno po 9 minutách 20 vteřinách:
Ok prominte měl sem nejdříve prohledat fórum :) vyřešeno lock
Dodatečně přidáno po 15 minutách 21 vteřinách:
Aha tak ne to co sem našel nefunguje prosím potřeboval bych canvas plátno 100% width 100% height a u prostřed kolečko které se bude pohybovat za miší nastavenou rychlostí
Dodatečně přidáno po 23 minutách 58 vteřinách:
Plátno vykresleno :
Kód: Vybrat vše
<html>
<head>
<title>Hra</title>
<script>
</script>
<style>
#canvas {
border-style: solid;
//margin-left: 30%;
color : black;
border-width: 1px;
cursor: none;
}
</style>
<canvas id="canvas" width="1330" height="600" ></canvas>
<p id="text"></p>
</p>
</body>
</html>[/codebox][/Codebox]
Dodatečně přidáno po 41 minutách 22 vteřinách:
nový kód
Kód: Vybrat vše
<!DOCTYPE HTML>
<html>
<head>
<style>
#hra {border: 1px solid black;cursor:none}
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas id="hra" width="1364" height="600"></canvas>
<script>
var canvas = document.getElementById('hra');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 40;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 5;
context.strokeStyle = '#003300';
context.stroke();
</script>
</body>
</html>