teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問画面全体の入力処理について

編集履歴

質問編集履歴

8

HTMLファイルの追加

2017/07/12 14:11

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -138,4 +138,30 @@
138
138
  #追記
139
139
 
140
140
 
141
- 現在、学生の身ですので、返信に時間がかかることがあります。
141
+ 現在、学生の身ですので、返信に時間がかかることがあります。
142
+ 現在の環境
143
+ 下のHTMLファイルをGoogle Chromeで開いています。
144
+
145
+ ```lang-html
146
+ <!DOCTYPE html>
147
+ <html>
148
+ <head>
149
+ <meta charset="UTF-8">
150
+ <meta http-equiv="x-ua-compatible" content="IE=Edge">
151
+ <meta name="viewport" content="width=device-width, user-scalable=no">
152
+ <meta name="apple-mobile-web-app-capable" content="yes">
153
+ <script type="text/javascript" src="js/lib/enchant.js"></script>
154
+ <script type="text/javascript" src="js/main.js"></script>
155
+ <style type="text/css">
156
+ body {
157
+ margin: 0;
158
+ padding: 0;
159
+ background-color: #ffffff;
160
+ }
161
+ </style>
162
+ </head>
163
+ <body>
164
+ </body>
165
+ </html>
166
+
167
+ ```

7

loopの削除

2017/07/12 14:11

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -79,9 +79,7 @@
79
79
 
80
80
 
81
81
  //メインループの開始
82
- setInterval(loop, 100);
83
82
 
84
- function loop(){
85
83
 
86
84
  switch (gameState){
87
85
 
@@ -98,14 +96,12 @@
98
96
 
99
97
  }
100
98
 
101
- time++;
102
- }
103
99
 
104
100
 
105
101
  function startFunc(){
106
102
  STFunc();
107
103
 
108
- if (touchFlag == true || time == 50) {
104
+ if (touchFlag == true) {
109
105
  gameState = PLAY;
110
106
  touchFlag = false;
111
107
  time = 0;
@@ -142,5 +138,4 @@
142
138
  #追記
143
139
 
144
140
 
145
- 現在、学生の身ですので、返信に時間がかかることがあります。
141
+ 現在、学生の身ですので、返信に時間がかかることがあります。
146
- time == 50を追加したことにより、５秒後にSTART画面からPLAY画面に変化するようになりました。しかし依然としてタッチイベントは追加されていない模様...

6

document

2017/07/12 13:55

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -75,7 +75,7 @@
75
75
 
76
76
 
77
77
  //タッチイベントの追加！
78
- game.rootScene.addEventListener(Event.TOUCH_START, clickfunc);
78
+ document.addEventListener(Event.TOUCH_START, clickfunc);
79
79
 
80
80
 
81
81
  //メインループの開始

5

time = 0

2017/07/11 14:32

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -23,7 +23,7 @@
23
23
 
24
24
  var gameState = 0;
25
25
 
26
- var time; //全体の時間
26
+ var time = 0; //全体の時間
27
27
 
28
28
  //タッチ用変数
29
29
  var touchFlag = false;

4

time == 50　の追加

2017/07/11 14:28

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -105,26 +105,16 @@
105
105
  function startFunc(){
106
106
  STFunc();
107
107
 
108
- if (touchFlag == true) {
108
+ if (touchFlag == true || time == 50) {
109
109
  gameState = PLAY;
110
110
  touchFlag = false;
111
111
  time = 0;
112
+ game.popScene(start);
112
113
  }
113
114
  }
114
115
 
115
116
  function playFunc(){
116
117
  PFunc();
117
-
118
- if (time > 20) {
119
- if (flag == false) {
120
- if (Math.random() < rate) {
121
- flag = true;
122
-
123
- var date = new Date();
124
- startTime = date.getTime();
125
- }
126
- }
127
- }
128
118
  }
129
119
 
130
120
 
@@ -152,4 +142,5 @@
152
142
  #追記
153
143
 
154
144
 
155
- 現在、学生の身ですので、返信に時間がかかることがあります。
145
+ 現在、学生の身ですので、返信に時間がかかることがあります。
146
+ time == 50を追加したことにより、５秒後にSTART画面からPLAY画面に変化するようになりました。しかし依然としてタッチイベントは追加されていない模様...

3

'click' → Event\.TOUCH_START

2017/07/11 14:24

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -75,7 +75,7 @@
75
75
 
76
76
 
77
77
  //タッチイベントの追加！
78
- game.rootScene.addEventListener('click', clickfunc);
78
+ game.rootScene.addEventListener(Event.TOUCH_START, clickfunc);
79
79
 
80
80
 
81
81
  //メインループの開始

2

コードの短縮化　文章の多少変更

2017/07/11 14:13

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -16,45 +16,23 @@
16
16
  var Pscene; //待期シーン
17
17
  var PFunc;
18
18
 
19
- var RsceneH; //お手つきシーン
20
- var RHFunc;
21
19
 
22
- var RsceneW; //勝利シーン
23
- var RWFunc;
24
-
25
- var RsceneL; //敗北シーン
26
- var RLFunc;
27
-
28
- var RsceneD; //引き分けシーン
29
- var RDFunc;
30
-
31
- var Flag; //判断基準 Flagシーンの作成
32
- var FFunc;
33
-
34
20
  //ゲームの状態
35
21
  var START = 0;
36
22
  var PLAY = 1;
37
- var RESULT = 2;
38
23
 
39
24
  var gameState = 0;
40
25
 
41
26
  var time; //全体の時間
42
27
 
43
28
  //タッチ用変数
44
- var touchdev = false;
45
29
  var touchFlag = false;
46
30
 
47
- //ゲーム用変数
48
- var flag = false;
49
- var rate = 0.1;
50
- var startTime;
51
- var touchTime;
52
-
53
31
  window.onload = function(){
54
32
 
55
33
 
56
34
  var game = new Core(320, 320);
57
- game.preload('img/chara1.png', 'img/enchant.png', 'img/sirokuma.png','img/start.png');
35
+ game.preload('img/chara1.png','img/sirokuma.png','img/start.png');
58
36
  game.fps = 15;
59
37
 
60
38
  game.onload = function(){
@@ -95,95 +73,7 @@
95
73
  }
96
74
 
97
75
 
98
- //RsceneH(お手つき)の作成
99
- RsceneH = new Scene();
100
76
 
101
-
102
-
103
- //勝利した時のシーン
104
- var RsceneW = new Scene();
105
-
106
- var bear1 = new Sprite(32, 32);
107
- bear1.image = game.assets['img/chara1.png'];
108
- bear1.x = 160;
109
- bear1.y = 80;
110
- bear1.frame = 1;
111
- RsceneW.addChild(bear1);
112
-
113
- var enemy1 = new Sprite(32, 32);
114
- enemy1.image = game.assets['img/chara1.png'];
115
- enemy1.x = 180;
116
- enemy1.y = 70;
117
- enemy1.scaleX = -1;
118
- enemy1.frame = 8;
119
- RsceneW.addChild(enemy1);
120
-
121
- RWFunc = function(){
122
- game.pushScene(RsceneW);
123
- }
124
-
125
-
126
- //敗北シーン
127
- var RsceneL = new Scene();
128
-
129
- var bear2 = new Sprite(32, 32);
130
- bear2.image = game.assets['img/chara1.png'];
131
- bear2.x = 120;
132
- bear2.y = 70;
133
- bear2.frame = 3;
134
- RsceneL.addChild(bear2);
135
-
136
- var enemy2 = new Sprite(32, 32);
137
- enemy2.image = game.assets['img/sirokuma.png'];
138
- enemy2.x = 140;
139
- enemy2.y = 80;
140
- enemy2.scaleX = -1;
141
- enemy2.frame = 3;
142
- RsceneL.addChild(enemy2);
143
-
144
- RLFunc = function(){
145
- game.pushScene(RsceneL);
146
- }
147
-
148
-
149
- //RsceneD(引き分け)の作成
150
- RsceneD = new Scene();
151
-
152
- var beard = new Sprite(32, 32);
153
- beard.image = game.assets['img/chara1.png'];
154
- beard.x = 110;
155
- beard.y = 80;
156
- beard.frame = 2;
157
- RsceneD.addChild(beard);
158
-
159
- var enemyd = new Sprite(32, 32);
160
- enemyd.image = game.assets['img/sirokuma.png'];
161
- enemyd.x = 140;
162
- enemyd.y = 80;
163
- enemyd.scaleX = -1;
164
- enemyd.frame = 3;
165
- RsceneD.addChild(enemyd);
166
-
167
- RDFunc = function(){
168
- game.pushScene(RsceneD);
169
- }
170
-
171
-
172
- //判断基準Flagのシーン作成
173
- Flag = new Scene();
174
-
175
- var judge = new Sprite(64, 64);
176
- judge.image = game.assets['img/enchant.png'];
177
- judge.x = 100;
178
- judge.y = 10;
179
- judge.frametime = (game.frame / game.fps);
180
- Flag.addChild(judge);
181
-
182
- FFunc = function(){
183
- game.pushScene(Flag);
184
- }
185
-
186
-
187
77
  //タッチイベントの追加！
188
78
  game.rootScene.addEventListener('click', clickfunc);
189
79
 
@@ -194,15 +84,15 @@
194
84
  function loop(){
195
85
 
196
86
  switch (gameState){
87
+
197
88
  case START:
198
89
  startFunc();
199
90
  break;
91
+
200
92
  case PLAY:
201
93
  playFunc();
202
94
  break;
203
- case RESULT:
95
+
204
- resultFunc();
205
- break;
206
96
  default:
207
97
  break;
208
98
 
@@ -240,16 +130,6 @@
240
130
 
241
131
  function clickfunc(){
242
132
  touchFlag = true;
243
-
244
- if (gameState == PLAY) {
245
-
246
- var date = new Date();
247
- toucthTime = date.getTime();
248
-
249
- gameState = END;
250
- time = 0;
251
- touchFlag = false;
252
- }
253
133
  }
254
134
 
255
135
  }
@@ -271,6 +151,5 @@
271
151
 
272
152
  #追記
273
153
 
274
- お手つきのシーンは、まだ完成しておりません。
275
154
 
276
155
  現在、学生の身ですので、返信に時間がかかることがあります。

1

clickfunc\(\)→clickfunc loop\(\)→loop

2017/07/10 12:54

投稿

kamecha
kamecha

スコア41

title CHANGED
File without changes
body CHANGED
@@ -185,11 +185,11 @@
185
185
 
186
186
 
187
187
  //タッチイベントの追加！
188
- game.rootScene.addEventListener('click', clickfunc());
188
+ game.rootScene.addEventListener('click', clickfunc);
189
189
 
190
190
 
191
191
  //メインループの開始
192
- setInterval(loop(), 100);
192
+ setInterval(loop, 100);
193
193
 
194
194
  function loop(){
195
195