<!DOCTYPE html>
<html>
<head>
<title>abc</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="sample.js"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
</head>
<body onload="sample()">
<div id="memo">TODO write content</div>
</body>
</html>
var by,dy,dt,g;
function sample(){
dt=0.1;
dy=0;
by=500;
g=9.8;
var timer;
var delay = 100;
var loop = function () {
dy=dy-dt*g;
h=0;
if(dy<0)h=h+1;
if(by<0)h=h+1;
if(h==2)dy=-dy;
by=by+dt*dy;
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
str=str+sub.rect(250,500-by,5,5,"blue");
str=str+"</svg>";
$("#memo").html(str);
}
最終更新:2015年10月17日 08:46