以下、プログラムコード。 HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>css3で回転アニメーション</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="133" height="133"> </canvas> </div> </body> </html> CSS3 @charset "utf-8"; body { margin:0; padding:0; background-color: #fff; fo
以下、プログラムコード。 HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>等速・等加速度運動の組合せに反発係数と抵抗力を追加</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/devicecheck.js"></script> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="275" height="275"></canvas> </div> <div id="txt">x: 0<br/>y: 0</div> </body>
HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>放物線を描くオブジェクトを決められた目標に落とす</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="300" height="300"></canvas> </div> <div id="txt">x: 0<br/>y: 0</div> </body> </html> CSS3 @charset "utf-8"; body { margin:0; padding
//水平方向の運動の式 x = vi * t(vi:初速度, t:時間); //真上に投げる運動の式 y = vi*t-1/2*g*t^2 (vi:初速度, t:時間, g:重力加速度) HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>放物線</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="300" height="300"></canvas> </div> <div id="txt">x: 0<br/>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く