回答編集履歴
2
追記
answer
CHANGED
@@ -29,4 +29,17 @@
|
|
29
29
|
"BNqS5FCiRY8iBTmyqcSnUKE+nCoyqtWnVJ1e3do0K9etWZcGVSoW4UyyYmf6LJtRrU62PdeyhUnz51K1",
|
30
30
|
"BN8SjZt3JVC+NPW2HMkxJ8aQGwt39ChVoeKXIQsHBAA7"
|
31
31
|
].join ('\n');
|
32
|
-
```
|
32
|
+
```
|
33
|
+
|
34
|
+
Array( w ).fill( 0 ).map(
|
35
|
+
できるだけ短くプログラムを書きたいときに使います
|
36
|
+
for (let i = 0; i < xxx.length) { ...
|
37
|
+
長ったらしくなるし、変数もつかう。
|
38
|
+
|
39
|
+
Array(x).map ((i)=> ...
|
40
|
+
これだと x 回どころか1度もループしない。
|
41
|
+
|
42
|
+
Array(x).fill(0).map ((i)=>
|
43
|
+
ところがこうすると x 回ループするってこと。
|
44
|
+
しかもそれ以降では i さえも使われてないでしょ?
|
45
|
+
変数 i は、儀礼的なもの。
|
1
追記
answer
CHANGED
@@ -9,4 +9,24 @@
|
|
9
9
|
let tiles = [...Array(canvas_height).keys()].map (_ => line.splice (0, canvas_width));
|
10
10
|
|
11
11
|
console.log (tiles);
|
12
|
+
```
|
13
|
+
|
14
|
+
canvas 以外を弾く
|
15
|
+
```javascript
|
16
|
+
//座標の位置を把握
|
17
|
+
document.addEventListener("click", function(e) {
|
18
|
+
if ('CANVAS' !== e.target.tagName) return;
|
19
|
+
...
|
20
|
+
```
|
21
|
+
|
22
|
+
文字列で図形を描く
|
23
|
+
```javascript
|
24
|
+
var img = new Image();
|
25
|
+
img.src = [
|
26
|
+
"data:image/gif;base64,",
|
27
|
+
"R0lGODlhHgAeAIEAANwAAAD/AP/78AAAACH5BAEAAAEALAAAAAAeAB4AAAimAAMIHEgwAICDCA8WXMjQ",
|
28
|
+
"4EEBECNCRNiQIYCICRNirDjwoYCMIC9+BFBRZMiTJi1ORHly4sKLLFl+LAgzpkySAk3aROnS4MidPHHW",
|
29
|
+
"BNqS5FCiRY8iBTmyqcSnUKE+nCoyqtWnVJ1e3do0K9etWZcGVSoW4UyyYmf6LJtRrU62PdeyhUnz51K1",
|
30
|
+
"BN8SjZt3JVC+NPW2HMkxJ8aQGwt39ChVoeKXIQsHBAA7"
|
31
|
+
].join ('\n');
|
12
32
|
```
|