import { Game, Scene, Entity } from "kernelplay-js";
import { TransformComponent, BoxRenderComponent } from "kernelplay-js";

class MyScene extends Scene {
  init() {
    const box = new Entity();
    // add components here
    box.addComponent("transform", new TransformComponent({
       position: { x: 300, y: 200 },
    }));
    box.addComponent("renderer", new BoxRenderComponent("red"));

    this.addEntity(box);
  }
}

class MyGame extends Game {
  init() {
    const scene = new MyScene("Main");
    this.sceneManager.addScene(scene);
    this.sceneManager.startScene("Main");
  }
}

new MyGame({ width: 800, height: 600, fps: 60 }).start();

import { Game } from "kernelplay-js";
import { Level1 } from "./scenes/Level1.js";

class MyGame extends Game {
  init() {
    this.sceneManager.addScene(new Level1("Level1"));
    this.sceneManager.startScene("Level1");
  }
}

const game = new MyGame({
  width: 800,
  height: 600,
  fps: 60
});

game.start();

import { Scene } from "kernelplay-js";
import { Player } from "../prefabs/Player.js";
import { Box } from "../prefabs/Box.js";

export class Level1 extends Scene {
  init() {
    this.addEntity(new Player(400, 300));
    this.addEntity(new Box(500, 300));
  }
}

import {
    Entity,
    TransformComponent,
    ColliderComponent,
    BoxRenderComponent,
    Rigidbody2DComponent
} from "kernelplay-js";

import { PlayerController } from "../scripts/PlayerController.js";
import { Layers } from "kernelplay-js";

export class Player extends Entity {
    constructor(x, y) {
        super("Player");

        this.layer = Layers.Player;
        this.tag = "player"

        this.addComponent("transform", new TransformComponent({
            position: { x, y },
        }));
        this.addComponent("rigidbody2d",new Rigidbody2DComponent({
            useGravity: false
        }))
        this.addComponent("collider", new ColliderComponent());
        this.addComponent("renderer", new BoxRenderComponent("red"));
        this.addComponent("playerController", new PlayerController());
    }
}

import {
    Entity,
    TransformComponent,
    ColliderComponent,
    BoxRenderComponent,
} from "kernelplay-js";

import { Layers } from "kernelplay-js";

export class Box extends Entity {
    constructor(x, y) {
        super("Box");

        this.layer = Layers.Player;
        this.tag = "box"

        this.addComponent("transform", new TransformComponent({
            position: { x, y },
        }));

        this.addComponent("collider", new ColliderComponent());
        this.addComponent("renderer", new BoxRenderComponent("blue"));
    }
}

import { ScriptComponent, Keyboard, Mouse, Layers } from "kernelplay-js";

export class PlayerController extends ScriptComponent {
    update(dt) {
        const rb = this.entity.getComponent("rigidbody2d");

        rb.velocity.x = 0;
        rb.velocity.y = 0;

        if (Keyboard.isPressed("ArrowRight")) rb.velocity.x = 200;
        if (Keyboard.isPressed("ArrowLeft")) rb.velocity.x = -200;
        if (Keyboard.isPressed("ArrowUp")) rb.velocity.y = -200;
        if (Keyboard.isPressed("ArrowDown")) rb.velocity.y = 200;

        if (Mouse.wasPressed(0)) {
            const hit = this.entity.scene.raycast(Mouse.x, Mouse.y, {
                layerMask: Layers.Player
            });

            console.log("Hit (Player layer only):", hit?.entity?.tag);
        }
    }

    onCollision(other){
        console.log(other.name);
    }
}

// Transform
this.addComponent("transform", new TransformComponent({
    position = {x: 0, y: 0, z: 0}, 
    rotation = {x: 0, y: 0, z: 0}, 
    scale = {x: 1, y: 1, z: 1}
}));

// Rigidbody 2D
this.addComponent("rigidbody2d",new Rigidbody2DComponent({
    mass = 1,
    gravityScale = 1,
    isKinematic = false,
    drag = 0.05,
    useGravity = true
}));

// Rigidbody 3D
this.addComponent("rigidbody",new RigidbodyComponent({
    mass = 1,
    gravityScale = 1,
    isKinematic = false,
    drag = 0.05,
    useGravity = true
}));

const game = new MyGame({
  width: 800,
  height: 600,
  fps: 60
});

game.start();

const game = new MyGame({
  renderer: new WebGL2DRenderer(),
  width: 800,
  height: 600,
  fps: 60,
  backgroundColor: "#eeeeee"
});

game.start();

this.addComponent("renderer", new BoxRenderComponent("red"));
// Change the renderer
this.addComponent("renderer", new WebGLBoxRender2D("#FF0000"));

const game = new MyGame({
  renderer: new ThreeRenderer(),
  width: 800,
  height: 600,
  fps: 60,
  backgroundColor: "#eeeeee"
});

game.start();

// Use
const mesh = new THREE.Mesh(
  new THREE.BoxGeometry(1, 1, 1),
  new THREE.MeshStandardMaterial({ color: "blue" })
);

e.addComponent("mesh", new MeshComponent(mesh));
e.addComponent("collider3D", new BoxCollider3D());

// Keyboard Input
Keyboard.isPressed("ArrowRight");    // Key is currently held down
Keyboard.wasPressed("ArrowRight");   // Key was pressed this frame
Keyboard.wasReleased("ArrowRight");  // Key was released this frame

// Mouse Input
Mouse.isPressed(0);                 // Mouse button is held down
Mouse.wasPressed(0);                // Mouse button was pressed this frame
Mouse.wasReleased(0);               // Mouse button was released this frame

// Mouse Button Codes
// 0 → Left Click
// 1 → Middle Click (Wheel)
// 2 → Right Click

const hit = this.entity.scene.raycast(Mouse.x, Mouse.y, {
  layerMask: Layers.Enemy
});

entity.tag = "Player";
entity.layer = Layers.Player;

onAttach() {
// Called when the entity is added to the scene
// Access other components safely
}

onStart() {
// Called once before the first update
// Scene is fully ready
}

update(dt) {
// Called every frame
// dt = delta time (seconds)
}

lateUpdate(dt) {
// Called every frame after update()
// Useful for cameras or cleanup logic
}

onCollision(other) {
  // Called when a solid collision occurs
  console.log("Player hit:", other.name);
}

onTriggerEnter(other) {
  // Called when entering a trigger collider
  console.log("Player entered trigger:", other.name);
}

onDestroy() {
// Called when the script or entity is removed
// Cleanup resources, listeners, timers
}

// Instantiate (via Scene)
this.entity.scene.addEntity(
  new Wall(position.x, position.y, true)
);

// Instantiate (Script-only helper)
this.instantiate(Wall, position.x, position.y, true);

// Destroy (remove this entity)
this.entity.destroy();