下記のコードについて質問です
いくつかあるので箇条書きにします
・canvasサイズを1000×1500にしていますが、数値ではなくオートで画面いっぱいまでcanvasにする方法を教えてください。
・現在canvasの一番右にボールが行くとアニメーションをストップさせていますが
どうすれば左に帰ってくるようにできますか?
・canvasを画面いっぱいに表示した場合今までだと
JavaScript
1if (x > ○○){ 2 //処理 3}
としていましたが○○には何を入れたらいいのでしょうか?
JavaScript
1 2<!doctype html> 3<html> 4<head> 5 6</head> 7<body bgcolor = "#000"> 8<input type = "button" onclick="move();" value="GO!!"><br> 9<canvas id = "mycanvas" width = "1500" height = "1000"></canvas> 10<script> 11 var canvas = document.getElementById('mycanvas'); 12 var ctx = canvas.getContext('2d'); 13 var x = 100; 14 var y = 100; 15 ctx.beginPath(); 16 ctx.fillStyle = 'rgb(255,0,0)'; 17 ctx.arc(x, y, 50, 0, 360 / 180 * Math.PI); 18 ctx.fill(); 19 20 function drow(){ 21 ctx.clearRect(0,0,1500,1000); 22 x += 10; 23 ctx.beginPath(); 24 ctx.fillStyle = 'rgb(255,0,0)'; 25 ctx.arc(x, y, 50, 0, 360 / 180 * Math.PI); 26 ctx.fill(); 27 if(x > 1500){ 28 stop(); 29 } 30 31 } 32 33 var intervalID; 34 35 function move(){ 36 intervalID = setInterval("drow()",10); 37 } 38 39 40 41 42 function stop(){ 43 clearInterval(intervalID); 44 } 45 46</script> 47</body> 48</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。