-
Notifications
You must be signed in to change notification settings - Fork 3
/
4-for.html
45 lines (41 loc) · 1.2 KB
/
4-for.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html><html><head><meta charset="utf-8"/>
<title>websarasa.js</title>
<script src="https://taisukef.github.io/websarasa/websarasa.js"></script>
<script>"use strict";
var main = function(scr) {
scr.loop = function(g, ts, dt, vw) {
// 背景
g.setColor(255, 255, 255); // R, G, B
g.fillRect(0, 0, 1000, 1000); // x, y, width, height
var time = ts % 1000; // ts: ミリ秒単位の時間 → time: ミリ秒
// 10回繰り返し
for (var i = 0; i < 10; i++) {
var x = 400 + i * 20;
var c = 255 - i * 20;
// 赤い丸
g.setColor(c, 0, 0); // R, G, B
g.fillCircle(x, 500, 10); // x, y, r
}
// 3回繰り返し
for (var i = 0; i < 3; i++) {
var y = 400 + i * 30;
// 緑の丸
g.setColor(0, 255, 0); // R, G, B
g.fillCircle(530, y, 20); // x, y, r
}
// 5回繰り返し
for (var i = 0; i < 5; i++) {
var r = 10 + i * 10;
// 青の丸
g.setColor(0, 0, 255); // R, G, B
g.drawCircle(420, 450, r); // x, y, r
}
};
};
</script>
</head><body>
<div id=credit>
APP: <a href=http://fukuno.jig.jp/2310>simple</a> CC BY <a href=https://twitter.com/taisukef>@taisukef</a><br>
LIB: <a href=https://taisukef.github.io/websarasa/>websarasa.js</a><br>
</div>
</body>