Skip to content

Commit e9a33fa

Browse files
jianchengwangjianchengwang
committed
update live2d.init.js
1 parent 2e25444 commit e9a33fa

File tree

5 files changed

+523
-78
lines changed

5 files changed

+523
-78
lines changed

‎asserts/css/live2dv3.init.css

+317
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,317 @@
1+
#l2d-toggle {
2+
background-color: #fa0;
3+
border-radius: 5px;
4+
bottom: 66px;
5+
color: #fff;
6+
cursor: pointer;
7+
font-size: 12px;
8+
left: 0;
9+
margin-left: -100px;
10+
padding: 5px 2px 5px 5px;
11+
position: fixed;
12+
transition: margin-left 1s;
13+
width: 60px;
14+
writing-mode: vertical-rl;
15+
}
16+
17+
#l2d-toggle.l2d-toggle-active {
18+
margin-left: -50px;
19+
}
20+
21+
#l2d-toggle.l2d-toggle-active:hover {
22+
margin-left: -30px;
23+
}
24+
25+
#l2d {
26+
bottom: 0px;
27+
left: 0;
28+
line-height: 0;
29+
position: fixed;
30+
transform: translateY(3px);
31+
transition: transform .3s ease-in-out, bottom 3s ease-in-out;
32+
z-index: 1;
33+
}
34+
35+
#l2d:hover {
36+
transform: translateY(0);
37+
}
38+
39+
@media (max-width: 768px) {
40+
#l2d {
41+
display: none;
42+
}
43+
}
44+
45+
#L2dCanvas {
46+
cursor: grab;
47+
position: fixed;
48+
bottom: 0px;
49+
right: 0px;
50+
right: -120px;
51+
bottom: 5px;
52+
z-index: 1;
53+
}
54+
55+
#L2dCanvas:active {
56+
cursor: grabbing;
57+
}
58+
59+
#L2dCanvas #l2d-tips {
60+
animation: shake 50s ease-in-out 5s infinite;
61+
background-color: rgba(236, 217, 188, .5);
62+
border: 1px solid rgba(224, 186, 140, .62);
63+
border-radius: 12px;
64+
box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
65+
font-size: 14px;
66+
line-height: 24px;
67+
margin: -30px 20px;
68+
min-height: 55px;
69+
opacity: 0;
70+
overflow: hidden;
71+
padding: 5px 10px;
72+
position: absolute;
73+
bottom: 300px;
74+
right: 110px;
75+
text-overflow: ellipsis;
76+
transition: opacity 1s;
77+
width: 250px;
78+
word-break: break-all;
79+
}
80+
81+
#L2dCanvas #l2d-tips.l2d-tips-active {
82+
opacity: 1;
83+
transition: opacity .2s;
84+
}
85+
86+
#L2dCanvas #l2d-tips span {
87+
color: #0099cc;
88+
}
89+
90+
#L2dCanvas #l2d-tool {
91+
color: #aaa;
92+
opacity: 0;
93+
position: absolute;
94+
right: 125px;
95+
bottom: 50px;
96+
transition: opacity 1s;
97+
z-index: 100;
98+
}
99+
100+
.l2d #L2dCanvas:hover #l2d-tool {
101+
opacity: 1;
102+
}
103+
104+
#L2dCanvas #l2d-tool span {
105+
color: #5b6c7d;
106+
cursor: pointer;
107+
display: block;
108+
line-height: 30px;
109+
text-align: center;
110+
transition: color .3s;
111+
}
112+
113+
#L2dCanvas #l2d-tool span:hover {
114+
color: #0684bd; /* #34495e */
115+
}
116+
117+
@keyframes shake {
118+
2% {
119+
transform: translate(.5px, -1.5px) rotate(-.5deg);
120+
}
121+
122+
4% {
123+
transform: translate(.5px, 1.5px) rotate(1.5deg);
124+
}
125+
126+
6% {
127+
transform: translate(1.5px, 1.5px) rotate(1.5deg);
128+
}
129+
130+
8% {
131+
transform: translate(2.5px, 1.5px) rotate(.5deg);
132+
}
133+
134+
10% {
135+
transform: translate(.5px, 2.5px) rotate(.5deg);
136+
}
137+
138+
12% {
139+
transform: translate(1.5px, 1.5px) rotate(.5deg);
140+
}
141+
142+
14% {
143+
transform: translate(.5px, .5px) rotate(.5deg);
144+
}
145+
146+
16% {
147+
transform: translate(-1.5px, -.5px) rotate(1.5deg);
148+
}
149+
150+
18% {
151+
transform: translate(.5px, .5px) rotate(1.5deg);
152+
}
153+
154+
20% {
155+
transform: translate(2.5px, 2.5px) rotate(1.5deg);
156+
}
157+
158+
22% {
159+
transform: translate(.5px, -1.5px) rotate(1.5deg);
160+
}
161+
162+
24% {
163+
transform: translate(-1.5px, 1.5px) rotate(-.5deg);
164+
}
165+
166+
26% {
167+
transform: translate(1.5px, .5px) rotate(1.5deg);
168+
}
169+
170+
28% {
171+
transform: translate(-.5px, -.5px) rotate(-.5deg);
172+
}
173+
174+
30% {
175+
transform: translate(1.5px, -.5px) rotate(-.5deg);
176+
}
177+
178+
32% {
179+
transform: translate(2.5px, -1.5px) rotate(1.5deg);
180+
}
181+
182+
34% {
183+
transform: translate(2.5px, 2.5px) rotate(-.5deg);
184+
}
185+
186+
36% {
187+
transform: translate(.5px, -1.5px) rotate(.5deg);
188+
}
189+
190+
38% {
191+
transform: translate(2.5px, -.5px) rotate(-.5deg);
192+
}
193+
194+
40% {
195+
transform: translate(-.5px, 2.5px) rotate(.5deg);
196+
}
197+
198+
42% {
199+
transform: translate(-1.5px, 2.5px) rotate(.5deg);
200+
}
201+
202+
44% {
203+
transform: translate(-1.5px, 1.5px) rotate(.5deg);
204+
}
205+
206+
46% {
207+
transform: translate(1.5px, -.5px) rotate(-.5deg);
208+
}
209+
210+
48% {
211+
transform: translate(2.5px, -.5px) rotate(.5deg);
212+
}
213+
214+
50% {
215+
transform: translate(-1.5px, 1.5px) rotate(.5deg);
216+
}
217+
218+
52% {
219+
transform: translate(-.5px, 1.5px) rotate(.5deg);
220+
}
221+
222+
54% {
223+
transform: translate(-1.5px, 1.5px) rotate(.5deg);
224+
}
225+
226+
56% {
227+
transform: translate(.5px, 2.5px) rotate(1.5deg);
228+
}
229+
230+
58% {
231+
transform: translate(2.5px, 2.5px) rotate(.5deg);
232+
}
233+
234+
60% {
235+
transform: translate(2.5px, -1.5px) rotate(1.5deg);
236+
}
237+
238+
62% {
239+
transform: translate(-1.5px, .5px) rotate(1.5deg);
240+
}
241+
242+
64% {
243+
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
244+
}
245+
246+
66% {
247+
transform: translate(.5px, 2.5px) rotate(1.5deg);
248+
}
249+
250+
68% {
251+
transform: translate(2.5px, -1.5px) rotate(1.5deg);
252+
}
253+
254+
70% {
255+
transform: translate(2.5px, 2.5px) rotate(.5deg);
256+
}
257+
258+
72% {
259+
transform: translate(-.5px, -1.5px) rotate(1.5deg);
260+
}
261+
262+
74% {
263+
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
264+
}
265+
266+
76% {
267+
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
268+
}
269+
270+
78% {
271+
transform: translate(-1.5px, 2.5px) rotate(.5deg);
272+
}
273+
274+
80% {
275+
transform: translate(-1.5px, .5px) rotate(-.5deg);
276+
}
277+
278+
82% {
279+
transform: translate(-1.5px, .5px) rotate(-.5deg);
280+
}
281+
282+
84% {
283+
transform: translate(-.5px, .5px) rotate(1.5deg);
284+
}
285+
286+
86% {
287+
transform: translate(2.5px, 1.5px) rotate(.5deg);
288+
}
289+
290+
88% {
291+
transform: translate(-1.5px, .5px) rotate(1.5deg);
292+
}
293+
294+
90% {
295+
transform: translate(-1.5px, -.5px) rotate(-.5deg);
296+
}
297+
298+
92% {
299+
transform: translate(-1.5px, -1.5px) rotate(1.5deg);
300+
}
301+
302+
94% {
303+
transform: translate(.5px, .5px) rotate(-.5deg);
304+
}
305+
306+
96% {
307+
transform: translate(2.5px, -.5px) rotate(-.5deg);
308+
}
309+
310+
98% {
311+
transform: translate(-1.5px, -1.5px) rotate(-.5deg);
312+
}
313+
314+
0%, 100% {
315+
transform: translate(0, 0) rotate(0);
316+
}
317+
}

‎asserts/js/charData.js

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
// 角色列表
2+
var charData = {
3+
"Sirius (Midsummer Seirios)": "tianlangxing_3",
4+
"Bismarck (Majesty of the Ironblood)": "bisimai_2",
5+
"Ark Royal (Banquet Guardian)": "huangjiafangzhou_3",
6+
"Taihou (Forbidden Feast)": "dafeng_2",
7+
"Atago (Midsummer March)": "aidang_2",
8+
"Eldridge (New Year's Handholding)": "aierdeliqi_4",
9+
"Emile Bertin (Côte d'Azur)": "aimierbeierding_2",
10+
"Centaur (Undine of the Beach)": "banrenma_2",
11+
"Belfast (Iridescent Rose)": "beierfasite_2",
12+
"Javelin": "biaoqiang",
13+
"Javelin (Beach Picnic!)": "biaoqiang_3",
14+
"Fubuki (Music Pixy)": "chuixue_3",
15+
"Deutschland (Service Time?!)": "deyizhi_3",
16+
"Unicorn (Amusement Park Date)": "dujiaoshou_4",
17+
"Dunkerque (Summer Sucré)": "dunkeerke_2",
18+
"Honolulu (Summer Accident?!)": "huonululu_3",
19+
"Cleveland (Gentry Knight)": "kelifulan_3",
20+
"Laffey": "lafei",
21+
"Laffey (New Year Rabbit)": "lafei_4",
22+
"Ayanami": "lingbo",
23+
"Akashi": "mingshi",
24+
"Graf Zeppelin (Beachside Urd)": "qibolin_2",
25+
"St. Louis (Splendor of Spring)": "shengluyisi_2",
26+
"St. Louis (Tipsy Snow)": "shengluyisi_3",
27+
"Tai Yuan (Clamorous Tortoise)": "taiyuan_2",
28+
"Tirpitz (Snow-melting Summer)": "tierbici_2",
29+
"Yukikaze": "xuefeng",
30+
"Ibuki (Wish of a Snow Goddess)": "yichui_2",
31+
"Z23": "z23",
32+
"Z46 (First Summer)": "z46_2",
33+
};

0 commit comments

Comments
 (0)