Canvas und Timer?

Gregoritas

Hallo,

ich habe folgende Situation.
Ich möchte eine Analoge Uhr entwerfen die rückwärts läuft (Halloween sache, und so).
Also dachte ich mir ich nehm als Hintergrundbild eine Uhr und im Vordergrund lass ich denn die Zeiger "kreisen".

Natürlich kreist der Zeiger noch nicht.
Also die Frage kann ich Irgendwie einen Timer benutzen um die Zeiger zu bewegen?.

Ich zeig euch mal was ich bisher habe:

Code

<body>
	<a href="start.htm">Startseite</a>
	<a href="merchandise.htm">Merchandise</a>
	<a href="geschichte.htm">Geschichte</a>
	<a href="gaestebuch.htm">G&auml;stebuch</a>
	<canvas id="canvas1" width="1920" height="1080"></canvas>
	<h1 id="&Uuml;berschrift" align="center"> Halloween Home Haunt</h1>




    	<script type="text/javascript">
        	var canvas = document.getElementById('canvas1');
        	var context = canvas.getContext('2d');
        	var imageObj = new Image();




        	imageObj.onload = function()
            	{
                	context.drawImage(imageObj, 910, 448);
                	context.rotate(rad);
            	};
        	imageObj.src = 'Zeiger_rechts.png';




    	</script>







</body>

Alles anzeigen

wolf

Kannst du natürlich, aber dafür brauchst du kein canvas..
Wenn du es mit canvas machen willst.. dann machs :p

Hiermal für 'normal' .. für das canvas müsste man nur die draw funktion ändern .. (das rückwerts drehen kannst du durch das 'negieren' (<- wie auch immer man das nennt :D) bzw 'invert' der grad zahlen steuern)

Edit, sorry, link vergessen

Jetzt mitmachen!