forked from Universal-Team/ACWW-Web-SaveEditor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (174 loc) · 9.22 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,maximum-scale=2">
<title> ACWW Web SaveEditor </title>
<link rel="stylesheet" href="assets/css/main.css">
<script type="module" src="assets/js/core/house.js"></script>
<script type="module" src="assets/js/core/item.js"></script>
<script type="module" src="assets/js/core/letter.js"></script>
<script type="module" src="assets/js/core/pattern.js"></script>
<script type="module" src="assets/js/core/player.js"></script>
<script type="module" src="assets/js/core/room.js"></script>
<script type="module" src="assets/js/core/sav.js"></script>
<script type="module" src="assets/js/core/shop.js"></script>
<script type="module" src="assets/js/core/town.js"></script>
<script type="module" src="assets/js/core/villager.js"></script>
<script type="module" src ="assets/js/editor/patternEditor.js"></script>
<script type="module" src ="assets/js/editor/playerEditor.js"></script>
<script type="module" src="assets/js/editor/shopEditor.js"></script>
<script type="module" src="assets/js/editor/villagerEditor.js"></script>
<script type="module" src="assets/js/main.js"></script>
<script type="module" src="assets/js/utils/checksum.js"></script>
<script type="module" src="assets/js/utils/encoding.js"></script>
<script type="module" src="assets/js/utils/savutils.js"></script>
</head>
<body>
<main>
<div id="main" class="UI"> <!-- Background. -->
<!-- The Sav Selector. -->
<div id="SavLoader">
<!-- Initial Box including a few information. -->
<div id="informationBox" class="informationBox">
<h3>ACWW Web Save Editor is a work in progress Save Editor for Animal Crossing: Wild World made in JavaScript, HTML and CSS.</h3>
It is always recommended to have a backup of your savefile! Just in case something bad might happen!<br><br>
If you are looking for an on console Save Editor, we suggest you'd look for <a href="https://github.com/Universal-Team/WildEdit">WildEdit</a> on a DS(i), or <a href="https://github.com/Universal-Team/LeafEdit">LeafEdit</a> on a 3DS.<br><br>
If you are interested into save research documentation, take a look <a href="https://github.com/SuperSaiyajinStackZ/ACWW_Research/wiki">here.</a><br>
For a list of features, take a look <a href="https://github.com/Universal-Team/ACWW-Web-SaveEditor/blob/main/FeaturesList.md">here.</a><br>
You can find the source code of ACWW Web Save Editor <a href="https://github.com/Universal-Team/ACWW-Web-SaveEditor">here.</a><br><br>
If you need help, feel free to join our discord server <a href="https://universal-team.net/discord">here.</a><br>
Copyright (C) 2020 by Universal-Team<br><br>
</div>
<button id="savSelector">Select your Savefile</button>
</div>
<!-- Menu Tabs, including Item list. -->
<div id="Menu-Tabs" class="d-none">
<br><label for="ItemList">Selected Temp Item:</label> <select id="ItemList"></select><br><br>
<button id="Player-Tab" class="selectedTab">Players</button>
<button id="Villager-Tab" class="btnTabs">Villagers</button>
<button id="Town-Tab" class="btnTabs">Town</button>
<button id="Shop-Tab" class="btnTabs">Shop</button>
<button id="House-Tab" class="btnTabs">House</button>
<button id="SaveChanges" class="btnTabs">Save Changes</button>
</div>
<!-- Player Editor. -->
<div id="PlayerEditor" class="d-none"><br>
<button id="Player 0">Player 1</button>
<button id="Player 1">Player 2</button>
<button id="Player 2">Player 3</button>
<button id="Player 3">Player 4</button>
<!-- Player Info. -->
<div id="PlayerInfo" class="d-none">
<h3> Player Info </h3>
Player Name: <input type="text" id="PlayerName"><br>
Wallet Amount: <input type="number" min="0" max="99999" id="WalletAmount">
<button id="MinWallet">min</button> <button id="MaxWallet">max</button> <button id="RandomWallet">randomize</button><br>
Bank Amount: <input type="number" min="0" max="999999999" id="BankAmount">
<button id="MinBank">min</button> <button id="MaxBank">max</button> <button id="RandomBank">randomize</button><br>
<label for="Gender">Gender:</label> <select id="Gender"></select>
<button id="RandomGender">randomize</button><br>
<label for="Facetype">Facetype:</label> <select id="Facetype"></select>
<button id="RandomFacetype">randomize</button> <img id="FacetypePrev"><br>
<label for="Hairstyle">Hairstyle:</label> <select id="Hairstyle"></select>
<button id="RandomHairstyle">randomize</button><br>
<label for="Haircolor">Haircolor:</label> <select id="Haircolor"></select>
<button id="RandomHaircolor">randomize</button><br>
<label for="Tan">Tan:</label> <select id= "Tan"></select>
<button id="RandomTan">randomize</button><br>
<!-- Player Pattern. -->
<h3>Player Pattern</h3>
<div id="Player-Pattern"></div>
<h3>Player Pocket</h3>
<div id="PocketGrid"></div>
<h3>Player Dresser</h3>
<div>Dresser 1 <div id="DresserBox1" class="DresserGrid"></div></div>
<div>Dresser 2 <div id="DresserBox2" class="DresserGrid"></div></div>
<div>Dresser 3 <div id="DresserBox3" class="DresserGrid"></div></div>
<div>Dresser 4 <div id="DresserBox4" class="DresserGrid"></div></div>
<div>Dresser 5 <div id="DresserBox5" class="DresserGrid"></div></div>
<div>Dresser 6 <div id="DresserBox6" class="DresserGrid"></div></div>
</div>
</div>
<!-- Villager Editor. -->
<div id="VillagerEditor" class="d-none"><br>
<button id="Villager 0">Villager 1</button>
<button id="Villager 1">Villager 2</button>
<button id="Villager 2">Villager 3</button>
<button id="Villager 3">Villager 4</button>
<button id="Villager 4">Villager 5</button>
<button id="Villager 5">Villager 6</button>
<button id="Villager 6">Villager 7</button>
<button id="Villager 7">Villager 8</button>
<!-- Villager Info. -->
<div id="VillagerInfo" class="d-none">
<h3> Villager Info </h3>
<label for="Villager Species">Species:</label> <select id="Villager Species"></select>
<button id="RandomVillager">randomize</button><br>
<td><label for="Villager Personality">Personality:</label> <select id="Villager Personality"></select>
<button id="RandomPersonality">randomize</button><br>
<h3>Villager Pattern</h3>
<div id="VillagerPattern"></div>
<h3>Villager Furnitures</h3>
<div id="VillagerFurnitures"></div>
</div>
</div>
<!-- Town Editor. -->
<div id="TownEditor" class="d-none">
<h3> Town Info </h3>
<label for="Town-Editor-Name">Town Name: </label><input type="text" id="Town-Editor-Name"><br>
Town ID: <input type="number" min="0" max="65535" id="Town-Editor-ID"><br>
Turnip Price: <input type="number" min="0" max="255" id="Town-Editor-Turnip-Price"><br>
<h1>Town Acres</h1>
<div id="acresGrid"></div>
<h3>Town Flag Pattern</h3>
<div id="TownFlagPattern"></div>
</div>
<!-- Shop Editor. -->
<div id="ShopEditor" class="d-none">
<h3>Able Sister Pattern</h3>
<div id="AbleSisterPattern"></div>
</div>
<!-- House Editor. -->
<div id="HouseEditor" class="d-none"><br>
<button id="Room 0">Entry Room</button>
<button id="Room 1">Back Wing</button>
<button id="Room 2">Right Wing</button>
<button id="Room 3">Left Wing</button>
<button id="Room 4">Second Floor</button>
<br><br><label for="HouseSize">House Size: </label><select id="HouseSize"></select><br>
<label for="HouseDebt">Debts: </label><input type="number" min="0" id="HouseDebt"><br>
<button id="UnlockHouseSongs">Unlock Songs</button>
<!-- Room Information part. -->
<div id="RoomInfo">
<h3>Item Layer 1</h3><div id="Layer1RoomGrid" class="RoomItemGrid"></div>
<h3>Item Layer 2</h3><div id="Layer2RoomGrid" class="RoomItemGrid"></div>
<h3>Room Wallpaper, Carpet and Song</h3><div id="RoomItems"></div> <!-- No idea what to call it otherwise. -->
</div>
</div>
<!-- Pattern Editor. -->
<div id="PatternEditor" class="d-none">
<button id="Pattern-Editor-Return">Return to previous menu</button><br>
<h3> Pattern Editor </h3>
Pattern Name: <input type="text" id="Pattern-Editor-Name"><br>
Creator Name: <input type="text" id="Pattern-Editor-Creator-Name"><br>
Creator ID: <input type="number" min="0" max="65535" id="Pattern-Editor-Creator-ID"><br>
<label for="Pattern-Editor-Creator-Gender">Creator Gender:</label> <select id="Pattern-Editor-Creator-Gender"></select><br>
Origin Town Name: <input type="text" id="Pattern-Editor-Town-Name"><br>
Origin Town ID: <input type="number" min="0" max="65535" id="Pattern-Editor-Town-ID"><br>
<button id="InjectPattern">Inject Pattern</button><button id="DumpPattern">Dump Pattern</button><br>
<label for="Pattern-Editor-Player-Selector">Set Pattern Info</label> <select id="Pattern-Editor-Player-Selector"></select>
<button id="Pattern-Editor-Own-Apply">Apply</button><br>
</div>
</div>
<!-- Acre Selection. -->
<div id="SelectAcre" class="d-none">
<button id="Select-Acre-Cancel">Cancel Acre Selection</button>
<h3>Select an Acre.</h3>
<div id="AcreSelection"></div>
</div>
<!-- End. -->
</main>
</body>
</html>