-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (102 loc) · 8.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GBF Animation Player</title>
<meta name="title" content="Granblue Fantasy Animation Player">
<meta name="description" content="The Granblue Fantasy Animation Player project (GBFAP). This is an animation viewer for GBF characters, outfits, summons, classes, bosses and weapons.">
<meta name="theme-color" content="#5217b0">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mizagbf.github.io/GBFAP/">
<meta property="og:title" content="Granblue Fantasy Animation Player">
<meta property="og:description" content="The Granblue Fantasy Animation Player project (GBFAP). This is an animation viewer for GBF characters, outfits, summons, classes, bosses and weapons.">
<meta property="og:image" content="https://mizagbf.github.io/GBFAP/assets/ui/card.png">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mizagbf.github.io/GBFAP/">
<meta property="twitter:title" content="Granblue Fantasy Animation Player">
<meta property="twitter:description" content="The Granblue Fantasy Animation Player project (GBFAP). This is an animation viewer for GBF characters, outfits, summons, classes, bosses and weapons.">
<meta property="twitter:image" content="https://mizagbf.github.io/GBFAP/assets/ui/card.png">
<link rel="icon" type="image/png" href="assets/icon.png">
<link rel="stylesheet" href="css/style.css">
<script src="require.js"></script>
<script src="index.js"></script>
<link rel="dns-prefetch" href="https://prd-game-a-granbluefantasy.akamaized.net/" />
<link rel="dns-prefetch" href="https://prd-game-a1-granbluefantasy.akamaized.net/" />
<link rel="dns-prefetch" href="https://prd-game-a2-granbluefantasy.akamaized.net/" />
<link rel="dns-prefetch" href="https://prd-game-a3-granbluefantasy.akamaized.net/" />
<link rel="dns-prefetch" href="https://prd-game-a4-granbluefantasy.akamaized.net/" />
<link rel="dns-prefetch" href="https://prd-game-a5-granbluefantasy.akamaized.net/" />
</head>
<body onload="init()">
<a href="index.html"><img id="titleheader" src="assets/ui/header.png" alt="header"></a>
<div id="header">
<div>v6.5</div>
<div id="timestamp"></div>
</div>
<div id="issues" style="display:none">
<h3>Known Issues</h3>
</div>
<br>
<div>
<button class="tabbutton" id="tab-index" onclick="openTab('index')"><img class="btn-icon" src="assets/ui/icon/index.png" />Index</button>
<button class="tabbutton" id="tab-view" onclick="openTab('view')" style="display:none"><img class="btn-icon" src="assets/ui/icon/view.png" />Player</button>
<button class="tabbutton" id="tab-new" onclick="openTab('new')"><img class="btn-icon" src="assets/ui/icon/new.png" />Newest</button>
<button class="tabbutton" id="tab-history" onclick="openTab('history')"><img class="btn-icon" src="assets/ui/icon/history.png" />History</button>
<button class="tabbutton" id="tab-bookmark" onclick="openTab('bookmark')"><img class="btn-icon" src="assets/ui/icon/bookmark.png" />Bookmarks</button>
<button class="tabbutton" id="tab-about" onclick="openTab('about')"><img class="btn-icon" src="assets/ui/icon/about.png" />About</button>
</div>
<br>
<div id="index" class="tabcontent" style="display:none">
</div>
<div id="view" class="tabcontent" style="display:none">
<div id="output" class="container container-header">
<img src="assets/ui/loading.gif" id="temp">
<div class="tips" id="wakeup">
Loading...
</div>
</div>
</div>
<div id="new" class="tabcontent container" style="display:none">
</div>
<div id="history" class="tabcontent container" style="display:none">
</div>
<div id="bookmark" class="tabcontent container" style="display:none">
</div>
<div id="about" class="tabcontent container" style="display:none">
<h3>• What is this?</h3>
<p>This page allows the playback of animations featuring characters, outfits, summons, weapons, and main characters from the mobile game <a href="https://game.granbluefantasy.jp/">Granblue Fantasy</a>.This project is derived from the animation player found within the <a href="https://gbf.huijiwiki.com/wiki/%E9%A6%96%E9%A1%B5">Chinese Wiki</a>, itself based on the preview of the <a href="https://game.granbluefantasy.jp/#gacha/selected">Gacha page</a>.<br>Please acknowledge that assets could potentially become inaccessible or undergo modifications at the discretion of Cygames.</p>
<h3>• Why is the loading so slow?</h3>
<p>Because of the existence of <a href="https://developer.mozilla.org/fr/docs/Web/HTTP/CORS">Cross-origin resource sharing policies</a> and because no assets are hosted here, javascript and sprite sheet files used for the animations must be fetched via a proxy.<br>This proxy can take a few minutes to wake up, if it hasn't be used recently.<br>In doubt, refresh the page if it's still loading after a minute or two.<br>It also has a limit on the number of hours it can run per month, for cost reasons, so please use this page with parsimony.</p>
<h3>• Animations differ between the player and in-game.</h3>
<p>In some cases, characters might reuse animations from another.<br>As such, when an animation is missing, some guesswork is involved, which might lead to disparity between the game and what you see on this page.<br>Default animations are also used in some cases when no animations at all exist, like for Sakura's auto attack for example.</p>
<h3>• When does it get updated?</h3>
<p>Updates to this page require manual interventions.<br>As such, you can expect them to occur between 15:00 and 08:00 JST, when I'm available.</p>
<h3>• The animation is stuck!</h3>
<p>If you noticed a problem or bug on this page, you can open an issue in the <a href="https://github.com/MizaGBF/GBFAP/issues">GitHub repository</a> or contact me directly.<br>Try to explain clearly what the problem is and provide screenshots, plus the ID of the element, if possible.</p>
<h3>• Class Champion weapons seem to be bugged</h3>
<p>For those weapon series, and similar other series, use the first version of the weapon (usually the Fire one) to view the full animations.</p>
<h3>• Restrictions</h3>
<p>Because the game can't handle different weapons loaded at the same time, classe animations only show one of the two proficiencies.<br>In a similar fashion, weapons with multiple forms (currently, only Dark Opus) are on separate IDs.<br>And for space reasons, SR Malinda 4★ is only using the Fire themed animations.</p>
<h3>• Can you add voice lines ?</h3>
<p>I can't. If you find out how, however, feel free to tell me.</p>
<h3>• Unreleased asset policy</h3>
<p>Concerning unreleased assets, there are instances where Cygames inadvertently makes assets from upcoming content accessible to the general public.<br>In such occurrences, to prevent any potential complications, you can expect me to promptly delist related elements, if it's apparent that they were intended to remain concealed and if Cygames hasn't already addressed the situation.</p>
<h3>• Can I use this project?</h3>
<p>The project is open source, under the <a href="https://github.com/MizaGBF/GBFAP/blob/main/license">MIT License</a>.<br>In the advent that I quit or disappear, you can do whatever you want, within the license scopes, with this project.<br>Alternatively, you could setup your own local version, if you have the knowledge to do so.</p>
<h3>• How can I support you?</h3>
<p>You can leave a star on the <a href="https://github.com/MizaGBF/GBFAP">GitHub repository</a>.<br>
No need to advertise this page, bandwidth isn't unlimited.</p>
</div>
<br>
</body>
<footer>
<div id="footer">
<a href="https://github.com/MizaGBF/GBFAP" title="Source Code"><img class="img-link" src="assets/ui/icon/github.png"></a>
<a href="https://mizagbf.github.io/GBFAL" title="GBF Asset Lookup"><img class="img-link" src="assets/ui/icon/GBFAL.png"></a>
<a href="https://mizagbf.github.io/" title="Home Page"><img class="img-link" src="assets/ui/mypage.png"></a>
</div>
<div id="copyright">
Granblue Fantasy content and materials are trademarks and copyrights of Cygames, Inc. or its licensors. All rights reserved.
</div>
</footer>
</html>