wind-explorer/friendolls-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleaned up previous desktop pet residue

Browse Source
This commit is contained in:
Adam C
2026-03-08 00:43:48 +08:00
parent 4d7e97771a
commit 50419bd3fb
4 changed files with 0 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/PetSprite.svelte
View File

@@ -1,16 +0,0 @@
<script lang="ts">
export let spriteSheetUrl: string;
export let spriteX: number;
export let spriteY: number;
export let size = 32;
</script>
<div
class="pixelated"
style="
width: {size}px;
height: {size}px;
background-image: url('{spriteSheetUrl}');
background-position: {spriteX}px {spriteY}px;
"
></div>

148
src/lib/composables/usePetState.ts
View File

@@ -1,148 +0,0 @@
import { writable, get } from "svelte/store";
import { SPRITE_SETS, SPRITE_SIZE, PET_SPEED } from "../constants/pet-sprites";
export function usePetState(initialX = 32, initialY = 32) {
const position = writable({ x: initialX, y: initialY });
const currentSprite = writable({ x: -3, y: -3 });
// Internal state not exposed directly
let frameCount = 0;
let idleTime = 0;
let idleAnimation: string | null = null;
let idleAnimationFrame = 0;
function setSprite(name: string, frame: number) {
const sprites = SPRITE_SETS[name];
if (!sprites) return;
const sprite = sprites[frame % sprites.length];
currentSprite.set({
x: sprite[0] * SPRITE_SIZE,
y: sprite[1] * SPRITE_SIZE,
});
}
function resetIdleAnimation() {
idleAnimation = null;
idleAnimationFrame = 0;
}
function handleIdle(windowWidth: number, windowHeight: number) {
idleTime += 1;
const currentPos = get(position);
// every ~ 20 seconds (idleTime increments every frame, with ~10 frames/second, so ~200 frames)
if (
idleTime > 10 &&
Math.floor(Math.random() * 200) == 0 &&
idleAnimation == null
) {
let availableIdleAnimations = ["sleeping", "scratchSelf"];
if (currentPos.x < 32) {
availableIdleAnimations.push("scratchWallW");
}
if (currentPos.y < 32) {
availableIdleAnimations.push("scratchWallN");
}
if (currentPos.x > windowWidth - 32) {
availableIdleAnimations.push("scratchWallE");
}
if (currentPos.y > windowHeight - 32) {
availableIdleAnimations.push("scratchWallS");
}
idleAnimation =
availableIdleAnimations[
Math.floor(Math.random() * availableIdleAnimations.length)
];
}
if (!idleAnimation) {
setSprite("idle", 0);
return;
}
switch (idleAnimation) {
case "sleeping":
if (idleAnimationFrame < 8) {
setSprite("tired", 0);
break;
}
setSprite("sleeping", Math.floor(idleAnimationFrame / 4));
if (idleAnimationFrame > 192) {
resetIdleAnimation();
}
break;
case "scratchWallN":
case "scratchWallS":
case "scratchWallE":
case "scratchWallW":
case "scratchSelf":
setSprite(idleAnimation, idleAnimationFrame);
if (idleAnimationFrame > 9) {
resetIdleAnimation();
}
break;
default:
setSprite("idle", 0);
return;
}
idleAnimationFrame += 1;
}
function updatePosition(
targetX: number,
targetY: number,
windowWidth: number,
windowHeight: number,
) {
frameCount += 1;
const currentPos = get(position);
const diffX = currentPos.x - targetX;
const diffY = currentPos.y - targetY;
const distance = Math.sqrt(diffX ** 2 + diffY ** 2);
// If close enough, stop moving and idle
if (distance < PET_SPEED || distance < 48) {
handleIdle(windowWidth, windowHeight);
return;
}
// Alert behavior: pause briefly before moving if we were idling
if (idleTime > 1) {
setSprite("alert", 0);
idleTime = Math.min(idleTime, 7);
idleTime -= 1;
return;
}
idleTime = 0;
idleAnimation = null;
idleAnimationFrame = 0;
// Calculate direction
let direction = "";
direction = diffY / distance > 0.5 ? "N" : "";
direction += diffY / distance < -0.5 ? "S" : "";
direction += diffX / distance > 0.5 ? "W" : "";
direction += diffX / distance < -0.5 ? "E" : "";
// Fallback if direction is empty
if (direction === "") direction = "idle";
setSprite(direction, frameCount);
// Move towards target
position.update((p) => ({
x: p.x - (diffX / distance) * PET_SPEED,
y: p.y - (diffY / distance) * PET_SPEED,
}));
}
return {
position,
currentSprite,
updatePosition,
// Helper to force position if needed (e.g. on mount)
setPosition: (x: number, y: number) => position.set({ x, y }),
};
}

2
src/lib/constants/interaction.ts
View File

@@ -1,2 +0,0 @@
export const INTERACTION_TYPE_HEADPAT = "headpat";
export const INTERACTION_TYPE_TEXT = "text";

69
src/lib/constants/pet-sprites.ts
View File

@@ -1,69 +0,0 @@
export type SpriteCoordinates = [number, number];
export type SpriteSet = Record<string, SpriteCoordinates[]>;
export const SPRITE_SETS: SpriteSet = {
idle: [[-3, -3]],
alert: [[-7, -3]],
scratchSelf: [
[-5, 0],
[-6, 0],
[-7, 0],
],
scratchWallN: [
[0, 0],
[0, -1],
],
scratchWallS: [
[-7, -1],
[-6, -2],
],
scratchWallE: [
[-2, -2],
[-2, -3],
],
scratchWallW: [
[-4, 0],
[-4, -1],
],
tired: [[-3, -2]],
sleeping: [
[-2, 0],
[-2, -1],
],
N: [
[-1, -2],
[-1, -3],
],
NE: [
[0, -2],
[0, -3],
],
E: [
[-3, 0],
[-3, -1],
],
SE: [
[-5, -1],
[-5, -2],
],
S: [
[-6, -3],
[-7, -2],
],
SW: [
[-5, -3],
[-6, -1],
],
W: [
[-4, -2],
[-4, -3],
],
NW: [
[-1, 0],
[-1, -1],
],
};
export const SPRITE_SIZE = 32;
export const PET_SPEED = 10;
export const ANIMATION_FRAME_RATE = 100; // ms