Miten javascripissä luodaan grafiikkaa? Kun olen katsonut esim. tuolta Dynamic Drivesta noita pelejä, niin niihin sitä on joka tapauksessa jotenkin tehty. Ja jos asiasta jotain oli noissa oppaissa niin se on menny sit ohi... Samoin myös hiiren koordinaattien hallinta ja näppäinsyötteiden hallinta olisi tarpeellista! Eli jos joku osais helppiä...
Jos yksinkertaisia kuvioita (esim. neliö) niin kannattaa varmaan luoda javascriptillä luoda esim. div-elementti, ja sen tyylimäärittelyjä muokata. Muuten tarvii varmaan ihan tiedostoista ladata ne kuvat.
Täällä hiiren koordinaateista (googlettamalla "javascript mouse coordinates" löytyi ensimmäisellä valmis koodi)
Tällainen ihanuus tuli joskus luotua: http://kasetti.info/code/piirto.php
Mozillan sivuilla on aika hyvä opas <canvas>-elementin käytöstä: http://developer.mozilla.org/en/docs/
En jostain syystä löytänyt noita näppäitten hallinta metodeja mistään eli jos joku muistaisi ne peruskomennot ulkoa...
Sen lisäksi kysyisin, että miksi tämä koodi ei toimi:
<div id = "div" style = "border: 1px solid #000000;"></div>
<script type = "text/javascript">
var div = document.getElementById("div");
div.setAttribute('width', 100);
div.setAttribute('height', 250);
</script>Aivan kuin koko setAttribute ei toimisi minulla...
<body onload="Alusta();">
<script type="text/javascript">
function Alusta(){
var div = document.getElementById("div");
div.setAttribute('width', 100);
div.setAttribute('height', 250);
}
</script>Entäs JS + SVG? Onko liian vähän tehoa?
Aihe on jo aika vanha, joten et voi enää vastata siihen.