JavaScript - Pohyb objektu za myší

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

MufikCZE
nováček
Příspěvky: 2
Registrován: říjen 15
Pohlaví: Muž
Stav:
Offline

JavaScript - Pohyb objektu za myší

Příspěvekod MufikCZE » 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 :

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>

Reklama
  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Výběr pracovní myši
    od p3v4x » 21 lis 2024 11:15 » v Rady s výběrem hw a sestavením PC
    1
    1462
    od petr22 Zobrazit poslední příspěvek
    21 lis 2024 11:41

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti