technicalkiwi/animate
1
0
Fork 0
mirror of https://github.com/SamEyeBam/animate.git synced 2025-09-28 06:55:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

hat optimisations and refactor. added callbacks to helper obect configs

Browse Source
This commit is contained in:
Sam
2024-06-25 21:19:50 +12:00
parent 8505b5e8b2
commit ecd605e6e4
3 changed files with 54 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Larry the snail/js/helper.js
View File

@@ -7,7 +7,8 @@ async function fetchConfig(className) {
min: 1,
max: 5,
defaultValue: 1,
property: "magnitude"
property: "magnitude",
callback: (instance, newValue) => instance.setMagnitude(newValue)
},
// Dropdown control to select food
{
@@ -126,6 +127,14 @@ async function fetchConfig(className) {
return config[className];
}
const hatConfig = {
cap: { x: 3.5, y: -13 },
top_hat: { x: 2, y: -20 },
center_box_full: { x: 0, y: 0 },
center_box_hollow: { x: 0, y: 0 },
// Add more hats with their specific offsets here
};
function addControl(item, instance) {
let parentDiv = document.getElementById("custom");
@@ -143,9 +152,13 @@ function addControl(item, instance) {
control.max = item.max;
control.value = item.defaultValue;
control.addEventListener("input", (event) => {
const newValue = event.target.value;
instance[item.property] = parseInt(newValue, 10);
const newValue = parseInt(event.target.value, 10);
instance[item.property] = newValue;
title.innerText = item.property + ": " + newValue;
if (item.callback) {
item.callback(instance, newValue);
}
});
} else if (item.type === "button") {
control = document.createElement("button");