mirror of
https://github.com/thepaperpilot/Planar-Pioneers.git
synced 2024-11-22 00:21:31 +00:00
Made affected nodes glow
This commit is contained in:
parent
49dee7edfc
commit
cc35cc6be8
2 changed files with 21 additions and 4 deletions
|
@ -13,3 +13,7 @@
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.affected-node {
|
||||||
|
filter: drop-shadow(0px 0px 20px var(--accent1));
|
||||||
|
}
|
||||||
|
|
|
@ -8,7 +8,7 @@ import {
|
||||||
createBoard,
|
createBoard,
|
||||||
getUniqueNodeID
|
getUniqueNodeID
|
||||||
} from "features/boards/board";
|
} from "features/boards/board";
|
||||||
import { JSXFunction, jsx } from "features/feature";
|
import { jsx } from "features/feature";
|
||||||
import { createResource } from "features/resources/resource";
|
import { createResource } from "features/resources/resource";
|
||||||
import { createTabFamily } from "features/tabs/tabFamily";
|
import { createTabFamily } from "features/tabs/tabFamily";
|
||||||
import Formula, { calculateCost } from "game/formulas/formulas";
|
import Formula, { calculateCost } from "game/formulas/formulas";
|
||||||
|
@ -20,7 +20,7 @@ import {
|
||||||
createMultiplicativeModifier,
|
createMultiplicativeModifier,
|
||||||
createSequentialModifier
|
createSequentialModifier
|
||||||
} from "game/modifiers";
|
} from "game/modifiers";
|
||||||
import { Persistent, State, persistent } from "game/persistence";
|
import { State, persistent } from "game/persistence";
|
||||||
import type { Player } from "game/player";
|
import type { Player } from "game/player";
|
||||||
import player from "game/player";
|
import player from "game/player";
|
||||||
import settings from "game/settings";
|
import settings from "game/settings";
|
||||||
|
@ -476,6 +476,14 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
onClick() {},
|
onClick() {},
|
||||||
progressDisplay: ProgressDisplay.Outline,
|
progressDisplay: ProgressDisplay.Outline,
|
||||||
progressColor: "var(--accent3)",
|
progressColor: "var(--accent3)",
|
||||||
|
classes: node => ({
|
||||||
|
"affected-node":
|
||||||
|
dowsing.value != null &&
|
||||||
|
isPowered(dowsing.value) &&
|
||||||
|
(dowsing.value.state as unknown as DowsingState).resources.includes(
|
||||||
|
(node.state as unknown as ResourceState).type
|
||||||
|
)
|
||||||
|
}),
|
||||||
draggable: true
|
draggable: true
|
||||||
},
|
},
|
||||||
passive: {
|
passive: {
|
||||||
|
@ -609,6 +617,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
||||||
startNode: dowsing.value!,
|
startNode: dowsing.value!,
|
||||||
endNode: resourceNodes.value[resource],
|
endNode: resourceNodes.value[resource],
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
||||||
stroke: isPowered(dowsing.value!) ? "var(--accent1)" : "var(--foreground)",
|
stroke: isPowered(dowsing.value!) ? "var(--accent1)" : "var(--foreground)",
|
||||||
strokeWidth: 4
|
strokeWidth: 4
|
||||||
});
|
});
|
||||||
|
@ -625,8 +634,12 @@ export const main = createLayer("main", function (this: BaseLayer) {
|
||||||
const mine: ComputedRef<BoardNode> = computed(
|
const mine: ComputedRef<BoardNode> = computed(
|
||||||
() => board.nodes.value.find(n => n.type === "mine") as BoardNode
|
() => board.nodes.value.find(n => n.type === "mine") as BoardNode
|
||||||
);
|
);
|
||||||
const factory = computed(() => board.nodes.value.find(n => n.type === "factory"));
|
const factory: ComputedRef<BoardNode | undefined> = computed(() =>
|
||||||
const dowsing = computed(() => board.nodes.value.find(n => n.type === "dowsing"));
|
board.nodes.value.find(n => n.type === "factory")
|
||||||
|
);
|
||||||
|
const dowsing: ComputedRef<BoardNode | undefined> = computed(() =>
|
||||||
|
board.nodes.value.find(n => n.type === "dowsing")
|
||||||
|
);
|
||||||
|
|
||||||
function grantResource(type: Resources, amount: DecimalSource) {
|
function grantResource(type: Resources, amount: DecimalSource) {
|
||||||
let node = resourceNodes.value[type];
|
let node = resourceNodes.value[type];
|
||||||
|
|
Loading…
Reference in a new issue