TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-11-01 15:00:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

attachments

Browse Source
This commit is contained in:
tresabhi committed 2026-10-31 13:48:15 -05:00
1 parent b3064cdd3a
commit 11088ee3dc
6 files changed
+76 -51
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/website/src/components/GuessRenderer.tsx
-1
View File
@@ -1,6 +1,5 @@
import { useModel } from "../hooks/useModel";
import { Guess, GuessState } from "../stores/guess";
import { Controls } from "./CanvasControl";
import { Lighting } from "./Lighting";
import { SmartCanvas } from "./SmartCanvas";
import { TankModel } from "./TankModel";
packages/website/src/components/TankModel.tsx
+4 -1
View File
@@ -103,7 +103,10 @@ export function TankModel() {
}
function onPointerDown(event: ThreeEvent<PointerEvent>) {
if (isTrack && Tankopedia.state.display === TankopediaDisplay.Model) {
if (
isTrack &&
Tankopedia.state.loaders.display.loaded === TankopediaDisplay.Model
) {
position.set(event.clientX, event.clientY);
event.stopPropagation();
packages/website/src/components/TankopediaSandbox/index.tsx
+2 -2
View File
@@ -49,7 +49,7 @@ export function TankopediaSandbox({
const model = Tankopedia.use((state) => state.protagonist.model);
const turretModelDefinition = model.turrets[turret.id];
const gunModelDefinition = turretModelDefinition.guns[gun.id];
const display = Tankopedia.use((state) => state.display);
const display = Tankopedia.use((state) => state.loaders.display.loaded);
function handlePointerDown() {
window.addEventListener("pointermove", handlePointerMove);
@@ -185,7 +185,7 @@ export function TankopediaSandbox({
}
function Content({ thicknessRange }: { thicknessRange: ThicknessRange }) {
const display = Tankopedia.use((state) => state.display);
const display = Tankopedia.use((state) => state.loaders.display.loaded);
const tank = useDuel("protagonist", DuelModule.Tank);
const { hasPbr } = useModel(tank.id);
packages/website/src/components/TankopediaSkinSwitcher/index.module.css
+7
View File
@@ -12,10 +12,17 @@
transform: translate(calc(100% + var(--space-4)), -50%);
gap: var(--space-3);
&[data-visible="true"] {
transform: translate(0, -50%);
}
.group {
display: flex;
flex-direction: column;
}
.camouflage-icon {
border-radius: 50%;
}
packages/website/src/components/TankopediaSkinSwitcher/index.tsx
+44 -32
View File
@@ -32,45 +32,57 @@ export function TankopediaSkinSwitcher() {
if (skins.length === 0) return null;
const groups = [
skins.filter((camouflage) => !camouflage.attachment),
skins.filter((camouflage) => camouflage.attachment),
].filter((group) => group.length > 0);
return (
<div
className={styles["skin-switcher"]}
data-visible={revealed && requestedDisplay === TankopediaDisplay.Model}
>
{skins.map((camouflage) => {
const name = unwrap(camouflage.name!).replace(
"%(camo_num)",
SKIN_NUMBER,
);
{groups.map((group, index) => (
<div className={styles.group} key={index}>
{group.map((camouflage) => {
const name = unwrap(camouflage.name!).replace(
"%(camo_num)",
SKIN_NUMBER,
);
const selected = skin === camouflage.id;
const selected = skin === camouflage.id;
return (
<Tooltip key={camouflage.id} tooltip={name} side="left">
<IconButton
parentListChild="vertical"
color={selected ? undefined : "gray"}
variant={selected ? "solid" : "soft"}
highContrast={selected}
size="major"
onClick={() => {
Tankopedia.mutate((draft) => {
draft.loaders.skin.requested =
draft.loaders.skin.requested === camouflage.id
? undefined
: camouflage.id;
});
}}
>
<img
className={styles["camouflage-icon"]}
alt={name}
src={alias("api", `/icons/camouflages/${camouflage.id}.webp`)}
/>
</IconButton>
</Tooltip>
);
})}
return (
<Tooltip key={camouflage.id} tooltip={name} side="left">
<IconButton
parentListChild="vertical"
color={selected ? undefined : "gray"}
variant={selected ? "solid" : "soft"}
highContrast={selected}
size="major"
onClick={() => {
Tankopedia.mutate((draft) => {
draft.loaders.skin.requested =
draft.loaders.skin.requested === camouflage.id
? undefined
: camouflage.id;
});
}}
>
<img
className={styles["camouflage-icon"]}
alt={name}
src={alias(
"api",
`/icons/camouflages/${camouflage.id}.webp`,
)}
/>
</IconButton>
</Tooltip>
);
})}
</div>
))}
</div>
);
}
packages/website/src/stores/tankopedia.ts
+19 -15
View File
@@ -81,6 +81,21 @@ interface LoaderState<Type> {
loaded: Type;
}
type HighlightArmor = {
editingPlate: boolean;
name: string;
point: Vector3;
thickness: number;
color: string;
} & (
| {
type: ArmorType.Primary | ArmorType.Spaced;
thicknessAngled: number;
angle: number;
}
| { type: ArmorType.External }
);
interface Tankopedia {
disturbed: boolean;
revealed: boolean;
@@ -98,22 +113,11 @@ interface Tankopedia {
attachment: LoaderState<number | undefined>;
};
// shot?: Shot;
shot?: Shot;
highlightArmor?: HighlightArmor;
// editStatic: boolean;
// highlightArmor?: {
// editingPlate: boolean;
// name: string;
// point: Vector3;
// thickness: number;
// color: string;
// } & (
// | {
// type: ArmorType.Primary | ArmorType.Spaced;
// thicknessAngled: number;
// angle: number;
// }
// | { type: ArmorType.External }
// );
// xpMultiplier: (typeof XP_MULTIPLIERS)[number];
// customShell?: ShellDefinition;
// statSearch?: string;