mirror/wavelovers
1
0
Fork 0
mirror of https://github.com/eugene-serb/wavelovers.git synced 2023-09-09 23:41:16 +03:00
Code Issues Projects Releases Wiki Activity

Added update function in library for loading patterns from assets

Browse Source
This commit is contained in:
Eugene Serb
2022-06-22 21:05:10 +03:00
parent ef35c1bbea
commit 9a27221f6d
1 changed files with 27 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
js/scripts.js
View File

@@ -14,243 +14,24 @@ class Library {
return this; return this;
}; };
init = () => { init = () => {
this.patterns = this.getBase(); this.state = 'load';
this.patterns = this.update();
}; };
getBase = () => { update = async () => {
return [ const url = 'https://wavelovers.ru/assets/patterns.json';
{ try {
"name": "Dotted Weak", const response = await fetch(url);
"type": "Simple", if (response.ok) {
"icon": "😌", let json = await response.json();
"pattern": [ this.patterns = json;
{ this.state = 'draw';
"startDelay": 100, } else {
"duration": 100, console.log('Connect to the Internet for download more patterns...');
"weakMagnitude": 1.0, this.state = 'fail';
"strongMagnitude": 0.0 };
} } catch (error) {
] console.log('[error]', error);
}, };
{
"name": "Dotted Strong",
"type": "Simple",
"icon": "😉",
"pattern": [
{
"startDelay": 100,
"duration": 100,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Dotted AC",
"type": "Simple",
"icon": "🤨",
"pattern": [
{
"startDelay": 100,
"duration": 100,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
},
{
"startDelay": 100,
"duration": 100,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Dotted Max",
"type": "Simple",
"icon": "🙃",
"pattern": [
{
"startDelay": 100,
"duration": 100,
"weakMagnitude": 1.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Short Dashed Weak",
"type": "Simple",
"icon": "🙂",
"pattern": [
{
"startDelay": 100,
"duration": 250,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
}
]
},
{
"name": "Short Dashed Strong",
"type": "Simple",
"icon": "😇",
"pattern": [
{
"startDelay": 100,
"duration": 250,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Short Dashed AC",
"type": "Simple",
"icon": "🤤",
"pattern": [
{
"startDelay": 100,
"duration": 250,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
},
{
"startDelay": 100,
"duration": 250,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Short Dashed Max",
"type": "Simple",
"icon": "😊",
"pattern": [
{
"startDelay": 100,
"duration": 250,
"weakMagnitude": 1.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Long Dashed Weak",
"type": "Simple",
"icon": "😋",
"pattern": [
{
"startDelay": 100,
"duration": 500,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
}
]
},
{
"name": "Long Dashed Strong",
"type": "Simple",
"icon": "😜",
"pattern": [
{
"startDelay": 100,
"duration": 500,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Long Dashed AC",
"type": "Simple",
"icon": "😝",
"pattern": [
{
"startDelay": 100,
"duration": 500,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
},
{
"startDelay": 100,
"duration": 500,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Long Dashed Max",
"type": "Simple",
"icon": "🤪",
"pattern": [
{
"startDelay": 100,
"duration": 500,
"weakMagnitude": 1.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Constant Weak",
"type": "Simple",
"icon": "😏",
"pattern": [
{
"startDelay": 0,
"duration": 1000,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
}
]
},
{
"name": "Constant Strong",
"type": "Simple",
"icon": "🤩",
"pattern": [
{
"startDelay": 0,
"duration": 1000,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Constant AC",
"type": "Simple",
"icon": "😵",
"pattern": [
{
"startDelay": 0,
"duration": 1000,
"weakMagnitude": 1.0,
"strongMagnitude": 0.0
},
{
"startDelay": 0,
"duration": 1000,
"weakMagnitude": 0.0,
"strongMagnitude": 1.0
}
]
},
{
"name": "Constant Max",
"type": "Simple",
"icon": "😍",
"pattern": [
{
"startDelay": 0,
"duration": 1000,
"weakMagnitude": 1.0,
"strongMagnitude": 1.0
}
]
}
];
}; };
}; };
@@ -340,9 +121,7 @@ class Wavelovers {
}; };
init = () => { init = () => {
this.#DOMs(); this.#DOMs();
this.library = new Library(); this.library = new Library();
this.print(this.library.patterns);
if (!this.checkGamepadSupport()) { if (!this.checkGamepadSupport()) {
console.log(`This browser does not support of gamepads.`); console.log(`This browser does not support of gamepads.`);
@@ -380,6 +159,16 @@ class Wavelovers {
gamepad.draw(); gamepad.draw();
}); });
}; };
if (this.library.state === 'draw') {
this.print(this.library.patterns);
this.library.state = 'ready';
};
if (this.library.state === 'fail') {
this.$PATTERN_LIST.innerHTML = `
<div class="message">
<span>Loading error...</span>
</div>`;
};
}; };
print = (patterns) => { print = (patterns) => {