74 lines
1.7 KiB
TypeScript
74 lines
1.7 KiB
TypeScript
import { createCircle } from "#/engine/Circle.ts";
|
|
import { defineEntity } from "#/engine/Entity.ts";
|
|
import { keyboardInput } from "#/engine/Keyboard.ts";
|
|
import { createEffect, createSignal } from "#/engine/lib/Signal.ts";
|
|
import { pointer } from "#/engine/Pointer.ts";
|
|
import $ from "#/engine/Scene.ts";
|
|
import {
|
|
createSprite,
|
|
createSpriteAnimation,
|
|
defineSpriteSheet,
|
|
} from "#/engine/Sprite.ts";
|
|
import {
|
|
createCollider,
|
|
moveAndSlide,
|
|
Shape,
|
|
} from "#/engine/system/physics.ts";
|
|
import {
|
|
createVector,
|
|
normalize,
|
|
scale,
|
|
type Vector,
|
|
} from "#/engine/Vector.ts";
|
|
import charIdle from "#/game/assets/char-idle.png";
|
|
|
|
const [speed, setSpeed] = createSignal(0.1);
|
|
const idleSrc = await defineSpriteSheet(charIdle, 2, 4);
|
|
|
|
const process = defineEntity("hero", {
|
|
position: createVector(),
|
|
sprite: createSprite(idleSrc, createVector(-8, -8)),
|
|
animation: createSpriteAnimation(500, 2),
|
|
velocity: createVector(),
|
|
collider: createCollider(Shape.Circle, createCircle(8)),
|
|
});
|
|
|
|
createEffect(() => {
|
|
console.log(speed());
|
|
});
|
|
|
|
let onceGuard = true;
|
|
|
|
process((id, delta) => {
|
|
const position = $<Vector>("position").get(id)!.value;
|
|
const velocity = $<Vector>("velocity").get(id)!.value;
|
|
|
|
if (pointer.isDown) {
|
|
position.x = pointer.position.x;
|
|
position.y = pointer.position.y;
|
|
|
|
if (onceGuard) {
|
|
onceGuard = false;
|
|
setSpeed(0.1);
|
|
}
|
|
|
|
return;
|
|
}
|
|
onceGuard = true;
|
|
|
|
velocity.x -= keyboardInput.arrowLeft ? 1 : 0;
|
|
velocity.x += keyboardInput.arrowRight ? 1 : 0;
|
|
velocity.y -= keyboardInput.arrowUp ? 1 : 0;
|
|
velocity.y += keyboardInput.arrowDown ? 1 : 0;
|
|
|
|
normalize(velocity);
|
|
scale(velocity, speed());
|
|
moveAndSlide(id, velocity, delta);
|
|
|
|
position.x += velocity.x * delta;
|
|
position.y += velocity.y * delta;
|
|
|
|
velocity.x = 0;
|
|
velocity.y = 0;
|
|
});
|