Refactor to move db load stuff out
This commit is contained in:
b
parent
87b6212eab
commit
4aca42d959
4 changed files with 147 additions and 145 deletions
42
build.js
42
build.js
|
|
@ -1,3 +1,45 @@
|
||||||
|
/*Turns the input amount of skill points into a float precision percentage.
|
||||||
|
* @param skp - the integer skillpoint count to be converted
|
||||||
|
*/
|
||||||
|
function skillPointsToPercentage(skp){
|
||||||
|
if (skp<=0){
|
||||||
|
return 0.0;
|
||||||
|
}else if(skp>=150){
|
||||||
|
return 0.808;
|
||||||
|
}else{
|
||||||
|
return(-0.0000000066695* Math.pow(Math.E, -0.00924033 * skp + 18.9) + 1.0771);
|
||||||
|
//return(-0.0000000066695* Math.pow(Math.E, -0.00924033 * skp + 18.9) + 1.0771).toFixed(3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Turns the input amount of levels into skillpoints available.
|
||||||
|
*
|
||||||
|
* @param level - the integer level count te be converted
|
||||||
|
*/
|
||||||
|
function levelToSkillPoints(level){
|
||||||
|
if(level < 1){
|
||||||
|
return 0;
|
||||||
|
}else if(level >= 101){
|
||||||
|
return 200;
|
||||||
|
}else{
|
||||||
|
return (level - 1) * 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Turns the input amount of levels in to base HP.
|
||||||
|
* @param level - the integer level count to be converted
|
||||||
|
*/
|
||||||
|
function levelToHPBase(level){
|
||||||
|
if(level < 1){ //bad level
|
||||||
|
return this.levelToHPBase(1);
|
||||||
|
}else if (level > 106){ //also bad level
|
||||||
|
return this.levelToHPBase(106);
|
||||||
|
}else{ //good level
|
||||||
|
return 5*level + 5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*Class that represents a wynn player's build.
|
/*Class that represents a wynn player's build.
|
||||||
*/
|
*/
|
||||||
class Build{
|
class Build{
|
||||||
|
|
|
||||||
|
|
@ -144,9 +144,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript" src="build.js">
|
<script type="text/javascript" src="build.js"></script>
|
||||||
</script>
|
<script type="text/javascript" src="load.js"></script>
|
||||||
<script type="text/javascript" src="test.js">
|
<script type="text/javascript" src="test.js"></script>
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
101
load.js
Normal file
101
load.js
Normal file
|
|
@ -0,0 +1,101 @@
|
||||||
|
const DB_VERSION = 2;
|
||||||
|
// @See https://github.com/mdn/learning-area/blob/master/javascript/apis/client-side-storage/indexeddb/video-store/index.js
|
||||||
|
|
||||||
|
let db;
|
||||||
|
let reload = false;
|
||||||
|
let items;
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Load item set from local DB. Calls init() on success.
|
||||||
|
*/
|
||||||
|
async function load_local(init_func) {
|
||||||
|
let get_tx = db.transaction('item_db', 'readonly');
|
||||||
|
let get_store = get_tx.objectStore('item_db');
|
||||||
|
let request = get_store.getAll();
|
||||||
|
request.onerror = function(event) {
|
||||||
|
console.log("Could not read local db...");
|
||||||
|
}
|
||||||
|
request.onsuccess = function(event) {
|
||||||
|
console.log("Successfully read local db.");
|
||||||
|
items = request.result;
|
||||||
|
init_func();
|
||||||
|
}
|
||||||
|
await get_tx.complete;
|
||||||
|
db.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Clean bad item data. For now just assigns display name if it isn't already assigned.
|
||||||
|
*/
|
||||||
|
function clean_item(item) {
|
||||||
|
if (item.displayName === undefined) {
|
||||||
|
item.displayName = item.name;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Load item set from remote DB (aka a big json file). Calls init() on success.
|
||||||
|
*/
|
||||||
|
async function load(init_func) {
|
||||||
|
let url = "https://hppeng-wynn.github.io/compress.json";
|
||||||
|
let result = await (await fetch(url)).json();
|
||||||
|
items = result.items;
|
||||||
|
|
||||||
|
// https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore/clear
|
||||||
|
let clear_tx = db.transaction('item_db', 'readwrite');
|
||||||
|
let clear_store = clear_tx.objectStore('item_db');
|
||||||
|
|
||||||
|
await clear_store.clear();
|
||||||
|
await clear_tx.complete;
|
||||||
|
|
||||||
|
let add_tx = db.transaction('item_db', 'readwrite');
|
||||||
|
let add_store = add_tx.objectStore('item_db');
|
||||||
|
let add_promises = [];
|
||||||
|
for (const item of items) {
|
||||||
|
clean_item(item);
|
||||||
|
add_promises.push(add_store.add(item, item.name));
|
||||||
|
}
|
||||||
|
add_promises.push(add_tx.complete);
|
||||||
|
Promise.all(add_promises).then((values) => {
|
||||||
|
db.close();
|
||||||
|
init_func();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function load_init(init_func) {
|
||||||
|
let request = window.indexedDB.open('item_db', DB_VERSION);
|
||||||
|
|
||||||
|
request.onerror = function() {
|
||||||
|
console.log("DB failed to open...");
|
||||||
|
};
|
||||||
|
|
||||||
|
request.onsuccess = function() {
|
||||||
|
db = request.result;
|
||||||
|
if (!reload) {
|
||||||
|
console.log("Using stored data...")
|
||||||
|
load_local(init_func);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
console.log("Using new data...")
|
||||||
|
load(init_func);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
request.onupgradeneeded = function(e) {
|
||||||
|
reload = true;
|
||||||
|
|
||||||
|
let db = e.target.result;
|
||||||
|
|
||||||
|
try {
|
||||||
|
db.deleteObjectStore('item_db');
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
console.log("Could not delete DB. This is probably fine");
|
||||||
|
}
|
||||||
|
let objectStore = db.createObjectStore('item_db');
|
||||||
|
|
||||||
|
objectStore.createIndex('item', 'item', {unique: false});
|
||||||
|
|
||||||
|
console.log("DB setup complete...");
|
||||||
|
}
|
||||||
|
}
|
||||||
142
test.js
142
test.js
|
|
@ -1,9 +1,3 @@
|
||||||
const DB_VERSION = 2;
|
|
||||||
// @See https://github.com/mdn/learning-area/blob/master/javascript/apis/client-side-storage/indexeddb/video-store/index.js
|
|
||||||
|
|
||||||
let db;
|
|
||||||
let items;
|
|
||||||
let reload = false;
|
|
||||||
// Set up item lists for quick access later.
|
// Set up item lists for quick access later.
|
||||||
let armorTypes = [ "helmet", "chestplate", "leggings", "boots" ];
|
let armorTypes = [ "helmet", "chestplate", "leggings", "boots" ];
|
||||||
let accessoryTypes = [ "ring", "bracelet", "necklace" ];
|
let accessoryTypes = [ "ring", "bracelet", "necklace" ];
|
||||||
|
|
@ -104,99 +98,6 @@ function init() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
* Load item set from local DB. Calls init() on success.
|
|
||||||
*/
|
|
||||||
async function load_local() {
|
|
||||||
let get_tx = db.transaction('item_db', 'readonly');
|
|
||||||
let get_store = get_tx.objectStore('item_db');
|
|
||||||
let request = get_store.getAll();
|
|
||||||
request.onerror = function(event) {
|
|
||||||
console.log("Could not read local db...");
|
|
||||||
}
|
|
||||||
request.onsuccess = function(event) {
|
|
||||||
console.log("Successfully read local db.");
|
|
||||||
items = request.result;
|
|
||||||
init();
|
|
||||||
}
|
|
||||||
await get_tx.complete;
|
|
||||||
db.close();
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Clean bad item data. For now just assigns display name if it isn't already assigned.
|
|
||||||
*/
|
|
||||||
function clean_item(item) {
|
|
||||||
if (item.displayName === undefined) {
|
|
||||||
item.displayName = item.name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Load item set from remote DB (aka a big json file). Calls init() on success.
|
|
||||||
*/
|
|
||||||
async function load() {
|
|
||||||
let url = "https://hppeng-wynn.github.io/compress.json";
|
|
||||||
let result = await (await fetch(url)).json();
|
|
||||||
items = result.items;
|
|
||||||
|
|
||||||
// https://developer.mozilla.org/en-US/docs/Web/API/IDBObjectStore/clear
|
|
||||||
let clear_tx = db.transaction('item_db', 'readwrite');
|
|
||||||
let clear_store = clear_tx.objectStore('item_db');
|
|
||||||
|
|
||||||
await clear_store.clear();
|
|
||||||
await clear_tx.complete;
|
|
||||||
|
|
||||||
let add_tx = db.transaction('item_db', 'readwrite');
|
|
||||||
let add_store = add_tx.objectStore('item_db');
|
|
||||||
let add_promises = [];
|
|
||||||
for (const item of items) {
|
|
||||||
clean_item(item);
|
|
||||||
add_promises.push(add_store.add(item, item.name));
|
|
||||||
}
|
|
||||||
add_promises.push(add_tx.complete);
|
|
||||||
Promise.all(add_promises).then((values) => {
|
|
||||||
db.close();
|
|
||||||
init();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
let request = window.indexedDB.open('item_db', DB_VERSION);
|
|
||||||
|
|
||||||
request.onerror = function() {
|
|
||||||
console.log("DB failed to open...");
|
|
||||||
};
|
|
||||||
|
|
||||||
request.onsuccess = function() {
|
|
||||||
db = request.result;
|
|
||||||
if (!reload) {
|
|
||||||
console.log("Using stored data...")
|
|
||||||
load_local();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.log("Using new data...")
|
|
||||||
load();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
request.onupgradeneeded = function(e) {
|
|
||||||
reload = true;
|
|
||||||
|
|
||||||
let db = e.target.result;
|
|
||||||
|
|
||||||
try {
|
|
||||||
db.deleteObjectStore('item_db');
|
|
||||||
}
|
|
||||||
catch (error) {
|
|
||||||
console.log("Could not delete DB. This is probably fine");
|
|
||||||
}
|
|
||||||
let objectStore = db.createObjectStore('item_db');
|
|
||||||
|
|
||||||
objectStore.createIndex('item', 'item', {unique: false});
|
|
||||||
|
|
||||||
console.log("DB setup complete...");
|
|
||||||
}
|
|
||||||
|
|
||||||
function calculateBuild(){
|
function calculateBuild(){
|
||||||
/* TODO: implement level changing
|
/* TODO: implement level changing
|
||||||
Make this entire function prettier
|
Make this entire function prettier
|
||||||
|
|
@ -274,45 +175,4 @@ function resetFields(){
|
||||||
document.getElementById("agi-skp").value = "";
|
document.getElementById("agi-skp").value = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
load_init(init);
|
||||||
/*Turns the input amount of skill points into a float precision percentage.
|
|
||||||
* @param skp - the integer skillpoint count to be converted
|
|
||||||
*/
|
|
||||||
function skillPointsToPercentage(skp){
|
|
||||||
if (skp<=0){
|
|
||||||
return 0.0;
|
|
||||||
}else if(skp>=150){
|
|
||||||
return 0.808;
|
|
||||||
}else{
|
|
||||||
return(-0.0000000066695* Math.pow(Math.E, -0.00924033 * skp + 18.9) + 1.0771);
|
|
||||||
//return(-0.0000000066695* Math.pow(Math.E, -0.00924033 * skp + 18.9) + 1.0771).toFixed(3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Turns the input amount of levels into skillpoints available.
|
|
||||||
*
|
|
||||||
* @param level - the integer level count te be converted
|
|
||||||
*/
|
|
||||||
function levelToSkillPoints(level){
|
|
||||||
if(level < 1){
|
|
||||||
return 0;
|
|
||||||
}else if(level >= 101){
|
|
||||||
return 200;
|
|
||||||
}else{
|
|
||||||
return (level - 1) * 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Turns the input amount of levels in to base HP.
|
|
||||||
* @param level - the integer level count to be converted
|
|
||||||
*/
|
|
||||||
function levelToHPBase(level){
|
|
||||||
if(level < 1){ //bad level
|
|
||||||
return this.levelToHPBase(1);
|
|
||||||
}else if (level > 106){ //also bad level
|
|
||||||
return this.levelToHPBase(106);
|
|
||||||
}else{ //good level
|
|
||||||
return 5*level + 5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue