-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
121 lines (121 loc) · 12.3 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GBF Asset Lookup</title>
<meta name="title" content="Granblue Fantasy Asset Lookup">
<meta name="description" content="The Granblue Fantasy Asset Lookup project (GBFAL). Find images and sounds of your favorite Granblue Fantasy characters, and many more!">
<meta name="theme-color" content="#5217b0">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mizagbf.github.io/GBFAL/">
<meta property="og:title" content="Granblue Fantasy Asset Lookup">
<meta property="og:description" content="The Granblue Fantasy Asset Lookup project (GBFAL). Find images and sounds of your favorite Granblue Fantasy characters, and many more!">
<meta property="og:image" content="https://mizagbf.github.io/GBFAL/assets/ui/card.png">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mizagbf.github.io/GBFAL/">
<meta property="twitter:title" content="Granblue Fantasy Asset Lookup">
<meta property="twitter:description" content="The Granblue Fantasy Asset Lookup project (GBFAL). Find images and sounds of your favorite Granblue Fantasy characters, and many more!">
<meta property="twitter:image" content="https://mizagbf.github.io/GBFAL/assets/ui/card.png">
<link rel="icon" type="image/png" href="assets/icon.png">
<link rel="stylesheet" href="css/style.css">
<script src="js/script.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>v9.17</div>
<div id="timestamp"></div>
</div>
<div id="issues" style="display:none">
<h3>Known Issues</h3>
</div>
<div id="notice" style="display:none">
</div>
<div class="navigation clickable" onclick="window.scroll(0, document.body.scrollHeight);">▼</div>
<input type="text" id="filter" onkeydown="typying()" onkeyup="filter()" placeholder="Input an ID or Tag">
<button id="fav-btn" style="display:none">☆</button>
<br>
<div id="results" class="container" style="display:none"></div>
<br>
<div class="margin-element">
<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" />Assets</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>
<div class="margin-element">
<a class="page-link" href="spark.html"><img class="page-link-icon" src="assets/ui/moon.png" /></a>
</div>
<div id="index" class="tabcontent" style="display:none">
<div class="container">
<div>
Loading...
</div>
<img src="assets/ui/loading.gif">
</div>
</div>
<div id="view" class="tabcontent" style="display:none">
<div id="output" class="container">
</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 catalogs assets for the mobile game <a href="https://game.granbluefantasy.jp/">Granblue Fantasy</a>.<br>Users often find themselves tinkering with URLs or utilizing Google Chrome Dev Tools when attempting to retrieve specific art pieces.<br>Please acknowledge that assets could potentially become inaccessible or undergo modifications at the discretion of Cygames.</p>
<h3>• How do I use it?</h3>
<p>You can press the <b>Index</b> button and browse the available elements or input an ID in the search bar.<br>Most IDs can be found on the wiki, under the extra tab.<br>Then, click on images to access their highest quality.<br>You can also search Characters, Summons, Weapons, Skins, Classes and NPC having journal entries by Name or Tags.<br>Some elements require to prefix a letter to the ID. 'e' for <a href="?id=e6205703">enemies</a>, 'ms' for <a href="?id=ms124">stories</a>, 'q' for <a href="?id=q230829">events</a>, 'sk' for <a href="?id=sk0001">skills</a>, 'b' for <a href="?id=b1019">buffs</a>.<br>For Classes, simply input the main class ID: <a href="?id=450301">450301</a> for Relic Buster.<br>Character styles are part of their base characters.<br>Example: <a href="?id=3040088000">Yngwie</a>.</p>
<h3>• Other tips and tricks?</h3>
<p>On PC, you can do CTRL+clic on an element to load it on a new tab instead of the current page.<br>You can also CTRL+clic search tags to add them to the current search.<br><br>While using this webpage, you might come across the following icons:<br><img src="assets/ui/more.png" class="corner-icon"> means that this Buff has variations available.<br><img src="assets/ui/link.png" class="corner-icon"> means that clicking will open the asset directly.<br><img src="assets/ui/skycompass.png" class="corner-icon"> means that this asset comes from the <a href="https://gbf.wiki/Granblue_Fantasy_Sky_Compass">Sky Compass</a> (Note: Tie-in related content never get those type of assets).<br>Finally, if you see event elements with a cyan background, they will have <a href="https://gbf.wiki/Granblue_Fantasy_Sky_Compass">Sky Compass</a> assets available inside.</p>
<h3>• Can I get a crash course on IDs?</h3>
<p>Characters, Skins, Partners IDs are 10 digits long.<br>First Digit is a 3.<br>Second Digit is a 0 for characters, 7 for skins, 8 for partners.<br>Third digit is the rarity, from 1 for N to 4 for SSR.<br>NPCs ID are similar, except the second and third digits are 9.<br>Summons are like Characters but start with a 2.<br>Weapons too, except they start with a 1 and the fifth digit matches with the weapon type.<br>Enemies got 8 digits are a bit unclear but the first digit matches the enemy type and the second might be related to what kind of content the enemy is for.<br>Event IDs use the event start date in YYMMDD format.<br>And, of course, exceptions exist.</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>• What does "This element isn't indexed" mean?</h3>
<p>It denotes that the element you are attempting to access hasn't been fully cataloged.<br>You can expect this message to disappear after the next upate.<br>Otherwise, please bring it to my attention.</p>
<h3>• When I open some asset categories, why does it load and then disappear?</h3>
<p>Some approximations are made for some assets (because checking everything would be a colossal task).<br>As a result, the page can't guess if they exist until you try to access them. If none exists, the section remove itself to not clutter the page.<br>For exemple, the Class Unlock section on any main character skin, or every special categories like Siero Academy, Fate episode rewards, etc... on characters.</p>
<h3>• I clicked on a 2015 NPC but it has a 2017 release date tag!</h3>
<p>First, most search tags come directly from the wiki. If you think there is a mistake, check the related wiki page.<br>
However, in the case of NPCs, those with tags coming from the wiki are also NPCs you can find in the in-game journal. Some NPCs are added to the journal way after being added to the game (years later in some cases), hence the date discrepency between their release date and their position in the ID index.<br>In conclusion, don't worry.</p>
<h3>• I found a missing asset!</h3>
<p>Upon discovering a missing asset or identifying an error, please send me the asset's url and the ID of the element.<br>You can find ways to contact me on the bottom of my <a href="https://mizagbf.github.io/">home page</a>, check/open an issue on the <a href="https://github.com/MizaGBF/GBFAL/issues">GitHub repository</a> or use this <a href="https://docs.google.com/forms/d/e/1FAIpQLSfIZNX0nliFS5QWdppIIOF7ss5lQQHxi_S9gl00FUCQmJsnyg/viewform">form</a>.<br>Please take note: While I try to keep it as complete as possible, scene arts for NPCs and events are hard to list and you can expect some to be missing.</p>
<h3>• I found a bug!</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/GBFAL/issues">GitHub repository</a> or contact me directly.<br>Try to explain clearly what the problem is and provide screenshots, if possible.</p>
<h3>• Can you add [...] ?</h3>
<p>The following won't be added, either for technical reasons, because it wouldn't be very useful or because it would be beyond the scope of this project:<br>Fate Episode/Event/Boss voice lines, SFX sound files, Music files, Items Icons.<br>It might change in the future.<br>Add to the list anything already well documented on the <a href="https://gbf.wiki/">wiki</a> or other community-run websites, such as Stickers, Promotional arts, etc...</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 these assets, if it's apparent that they were intended to remain concealed and if Cygames hasn't already addressed the situation.<br><br>For older unreleased/unused content, you can simply search for <a href="?id=cut-content">cut-content</a>.</p>
<h3>• Can I use this project?</h3>
<p>The project is open source, under the <a href="https://github.com/MizaGBF/GBFAL/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.</p>
<h3>• How can I support you?</h3>
<p>You can help filling enemies and NPC names when new ones are added by using this <a href="https://docs.google.com/forms/d/e/1FAIpQLSfIZNX0nliFS5QWdppIIOF7ss5lQQHxi_S9gl00FUCQmJsnyg/viewform">form</a>.<br>
Otherwise, you can leave a star on the <a href="https://github.com/MizaGBF/GBFAL">GitHub repository</a> to show your support.<br>
No need to advertise this page, bandwidth isn't unlimited.</p>
</div>
<br>
<div class="navigation clickable" onclick="window.scroll(0,0);">▲</div>
</body>
<footer>
<div id="footer">
<a href="https://github.com/MizaGBF/GBFAL" title="Source Code"><img class="img-link" src="assets/ui/icon/github.png"></a>
<a href="https://mizagbf.github.io/GBFAP" title="GBF Animation Player"><img class="img-link" src="assets/ui/icon/GBFAP.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>