teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

文言変更

2020/01/16 03:15

投稿

shiracamus
shiracamus

スコア5406

answer CHANGED
@@ -1,4 +1,4 @@
1
- 座標値を変更したあと、画面描画処理を実行しないと更新されませんよ。
1
+ 座標値を変更したあと、描画処理を実行しないと画面更新されませんよ。
2
2
  とりあえずこうすれば動きますけど、画面クリアしてないのでどんどん増えてきます。
3
3
 
4
4
  ```javascript

2

コード整形

2020/01/16 03:15

投稿

shiracamus
shiracamus

スコア5406

answer CHANGED
@@ -4,26 +4,24 @@
4
4
  ```javascript
5
5
  let con = can.getContext("2d");
6
6
 
7
-
8
7
  //テトロミノの座標
9
8
  let tetro_x = 0;
10
9
  let tetro_y = 0;
11
10
 
12
-
13
- function update() {
11
+ function update () {
14
- for(let x = 0; x<1;x++){
12
+ for(let x = 0; x<1; x++) {
15
- con.fillStyle = "red";
13
+ con.fillStyle = "red";
16
- con.fillRect ((tetro_x + x) * block_size, 0, block_size,block_size) ;
14
+ con.fillRect((tetro_x + x) * block_size, 0, block_size,block_size);
17
- con.strokeStyle = "black";
15
+ con.strokeStyle = "black";
18
- con.strokeRect((tetro_x + x) * block_size,0,block_size,block_size);
16
+ con.strokeRect((tetro_x + x) * block_size, 0, block_size,block_size);
19
17
  }
20
18
  }
21
19
 
22
20
  update();
23
21
 
24
- document.onkeydown = function(ev){
22
+ document.onkeydown = function (ev) {
25
23
  print(ev.keyCode);
26
- if(ev.keyCode==39){
24
+ if(ev.keyCode == 39){
27
25
  tetro_x++;//右
28
26
  console.log(tetro_x);
29
27
  update();

1

文言修正

2020/01/16 03:14

投稿

shiracamus
shiracamus

スコア5406

answer CHANGED
@@ -1,4 +1,4 @@
1
- キー入力され画面描画処理を実行しないと更新されませんよ。
1
+ 座標値を変更しあと、画面描画処理を実行しないと更新されませんよ。
2
2
  とりあえずこうすれば動きますけど、画面クリアしてないのでどんどん増えてきます。
3
3
 
4
4
  ```javascript