質問編集履歴

1

構文を付け加えました。

2019/01/23 12:20

投稿

naruriru
naruriru

スコア18

test CHANGED
@@ -1 +1 @@
1
- 配列をシャッフルしたい。
1
+ Javascriptでシャッフルしたい。
test CHANGED
@@ -1,12 +1,114 @@
1
- liタグを使い、indexという配列を作り
2
-
3
- ここに更にindexをシャッフルしたいのですが、どのように書いたら良いのでしょうか。
1
+ indexをシャッフルしたいのですが、どのように書いたら良いのでしょうか。
4
2
 
5
3
  Collections.shuffle(index);
6
4
 
7
5
  など加えてみましたが、上手くいきません。
8
6
 
9
7
  よろしくお願いします。
8
+
9
+
10
+
11
+ ```
12
+
13
+ //カードを回転させる関数
14
+
15
+ function kaiten(){
16
+
17
+ for(i=1; i<=44; i++) {
18
+
19
+ //円軌道をさせる
20
+
21
+ var dd = kakudo[i-1]+d;
22
+
23
+ $("#card li").eq(i-1).css({
24
+
25
+ left: (r*Math.cos(dd*Math.PI/180)) + 'px',
26
+
27
+ top: (r*Math.sin(dd*Math.PI/180)) + 'px'
28
+
29
+ });
30
+
31
+ //カードを回転させる
32
+
33
+ $("#card li").eq(i-1).rotate(dd*i);
34
+
35
+ }
36
+
37
+ d++;
38
+
39
+ }
40
+
41
+
42
+
43
+ //カードが閉じる
44
+
45
+ function cardClose(){
46
+
47
+ $("#card li:eq("+index+")").stop().animate({ left: "75"}, 500);
48
+
49
+ $("#card li:eq("+index+") img").stop().animate({ width: "0",height: "200px"}, 500, cardOpen);
50
+
51
+ }
52
+
53
+ //カードが開く
54
+
55
+ function cardOpen(){
56
+
57
+ $("#card li:eq("+index+") img").attr("src","image/card"+(index+1)+".jpg");
58
+
59
+ $("#card li:eq("+index+") img").stop().animate({ width: "150px",height: "200px"}, 500);
60
+
61
+ $("#card li:eq("+index+")").stop().animate({ left: "0"}, 500, message);
62
+
63
+ }
64
+
65
+
66
+
67
+ function message(){
68
+
69
+ var msg = new Array(44)
70
+
71
+ msg[0] = 'テキストA'
72
+
73
+ msg[1] = 'テキストB'
74
+
75
+ msg[2] = 'テキストC'
76
+
77
+ msg[3] = 'テキストD'
78
+
79
+ msg[4] = 'テキストE'
80
+
81
+
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+ document.body.insertAdjacentHTML('afterend', msg[index]);
92
+
93
+ }
94
+
95
+
96
+
97
+ $(function(){
98
+
99
+ for(i=0; i<44; i++) {
100
+
101
+ kakudo.push(Math.round(Math.random () * 360 + 0.5));
102
+
103
+ }
104
+
105
+ timer = setInterval(function(){
106
+
107
+ kaiten();
108
+
109
+ },40);
110
+
111
+ ```
10
112
 
11
113
  ```
12
114
 
@@ -27,3 +129,13 @@
27
129
  });
28
130
 
29
131
  ```
132
+
133
+ カード自体回転しながら、円を描くように回るのですが
134
+
135
+ このカードの配置が1から(0から??)順に配置をしているので、カードの枚数が多くなった時に
136
+
137
+ 番号の若いものは下に埋もれてしまい、ほとんど30以降あたりのカードしか捲ることが出来ないので
138
+
139
+ この配置の時点でカードをシャッフルしたいのです。
140
+
141
+ よろしくお願い致します。