2021-12-21 17:02:18 +01:00
|
|
|
import { writable } from "svelte/store";
|
|
|
|
|
|
|
|
export function createColorStore() {
|
|
|
|
const { subscribe, set } = writable<number | undefined>(undefined);
|
|
|
|
|
2022-01-27 14:05:30 +01:00
|
|
|
let followColor: number | undefined = undefined;
|
|
|
|
let apiColor: number | undefined = undefined;
|
2022-02-07 10:39:03 +01:00
|
|
|
let pointedByPointer: number | undefined = undefined;
|
|
|
|
let pointedByCharacter: number | undefined = undefined;
|
2022-02-02 13:30:49 +01:00
|
|
|
|
2021-12-21 17:02:18 +01:00
|
|
|
const updateColor = () => {
|
2022-02-07 10:39:03 +01:00
|
|
|
set(pointedByPointer ?? pointedByCharacter ?? followColor ?? apiColor);
|
2021-12-21 17:02:18 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
return {
|
|
|
|
subscribe,
|
|
|
|
|
2022-02-07 10:39:03 +01:00
|
|
|
pointerOver(color: number) {
|
|
|
|
pointedByPointer = color;
|
2021-12-21 17:02:18 +01:00
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
|
|
|
pointerOut() {
|
2022-02-07 10:39:03 +01:00
|
|
|
pointedByPointer = undefined;
|
2021-12-21 17:02:18 +01:00
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
2022-02-07 10:39:03 +01:00
|
|
|
characterCloseBy(color: number) {
|
|
|
|
pointedByCharacter = color;
|
2021-12-21 17:02:18 +01:00
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
2022-01-27 14:05:30 +01:00
|
|
|
characterFarAway() {
|
2022-02-07 10:39:03 +01:00
|
|
|
pointedByCharacter = undefined;
|
2022-01-27 14:05:30 +01:00
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
|
|
|
setFollowColor(newColor: number) {
|
|
|
|
followColor = newColor;
|
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
|
|
|
removeFollowColor() {
|
|
|
|
followColor = undefined;
|
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
|
|
|
setApiColor(newColor: number) {
|
|
|
|
apiColor = newColor;
|
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
|
|
|
|
removeApiColor() {
|
|
|
|
apiColor = undefined;
|
2021-12-21 17:02:18 +01:00
|
|
|
updateColor();
|
|
|
|
},
|
|
|
|
};
|
|
|
|
}
|