Yks' pyöräilijä

Eli opetus≫

1: html5 & canvas

| 0 comments

Html-tiedostoon:


<!DOCTYPE html>
<html>
<head>
<title>HuhtiRun</title>
<meta charset="UTF-8" />
<link href="css/styles.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/scripts.js"></script>
</head>
<body>
<canvas width="960" height="576"><p><b>Selaintasi ei valitettavasti tueta!</b><br /></p></canvas><br /><br />
</body>
</html>

scripts.js-tiedostoon sitten skripti. Käytetään jQ-kirjastoa, mutta jätetään jCanvas nyt väliin.


$(function(){

setInterval(paivita, 25);

function paivita(){

}});

SetInterval-funktio kutsuu funkiota paivita() 25 millisekunnin välein. Se on kohtuullinen kompromissi, jolla saadaan jotain aikaiseksi. Päivitys olisi hyvä optimoida kullekin koneelle eli päätelaitteelle sopivaksi. Sitä ei tehdä vielä.

 

 

Leave a Reply

Required fields are marked *.


css.php