@mavonengine/core 0.0.2

package/dist/style.css

@@ -0,0 +1,53 @@
+* {
+    margin: 0;
+}
+
+/* Add to your global CSS */
+body {
+  overflow: hidden;
+}
+
+
+canvas {
+    display: block;
+    width: 100vw;
+    height: 100vh;
+}
+
+.point {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    pointer-events: none;
+}
+
+.point .label {
+    position: absolute;
+    top: -20px;
+    left: -20px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    color: white;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.5);
+    font-family: Helvetica, Arial, sans-serif;
+    line-height: 40px;
+    font-weight: 100;
+    font-size: 14px;
+}
+
+.point .text {
+    position: absolute;
+    top: 30px;
+    width: 200px;
+    background: rgba(0, 0, 0, 0.5);
+    color: white;
+    line-height: 1.3rem;
+    font-weight: 100;
+    font-size: 14px;
+    left: -100px;
+    text-align: center;
+    padding: 20px;
+    border-radius: 10px;
+}

package/dist/types.d.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/ui/ObjectLabel.cjs

@@ -0,0 +1,80 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ObjectLabel_exports = {};
+__export(ObjectLabel_exports, {
+  default: () => ObjectLabel
+});
+module.exports = __toCommonJS(ObjectLabel_exports);
+var import_three = require("three");
+var import_Game = __toESM(require("../Game"), 1);
+class ObjectLabel {
+  constructor(entity, offset = new import_three.Vector3(0)) {
+    this.entity = entity;
+    this.offset = offset;
+  }
+  init() {
+    this.domElement = this.createElement();
+  }
+  update(_delta) {
+    const worldPosition = "getWorldPosition" in this.entity ? this.entity.getWorldPosition(new import_three.Vector3()) : this.entity.position.clone();
+    const screenPosition = worldPosition.clone().add(this.offset);
+    screenPosition.project(import_Game.default.instance().camera.instance);
+    const screenX = screenPosition.x;
+    const screenY = screenPosition.y;
+    const isVisible = screenX >= -1 && screenX <= 1 && screenY >= -1 && screenY <= 1 && screenPosition.z >= 0 && screenPosition.z <= 1;
+    if (isVisible) {
+      if (!document.body.contains(this.domElement)) {
+        document.body.appendChild(this.domElement);
+      }
+      const rect = import_Game.default.instance().canvas.getBoundingClientRect();
+      const canvasOffsetX = rect.left + rect.width / 2 - window.innerWidth / 2;
+      const canvasOffsetY = rect.top + rect.height / 2 - window.innerHeight / 2;
+      const translateX = screenX * rect.width / 2 + canvasOffsetX;
+      const translateY = -screenY * rect.height / 2 + canvasOffsetY;
+      this.domElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px) translate(-50%, -50%)`;
+      const cameraPos = import_Game.default.instance().camera.instance.position;
+      const distance = worldPosition.distanceTo(cameraPos);
+      const maxDistance = 40;
+      const minDistance = 2;
+      const clampedDistance = Math.min(Math.max(distance, minDistance), maxDistance);
+      const t = 1 - (clampedDistance - minDistance) / (maxDistance - minDistance);
+      const scale = 0.5 + t * 0.5;
+      const opacity = t;
+      this.domElement.style.opacity = opacity.toFixed(2);
+      this.domElement.style.transform += ` scale(${scale.toFixed(2)})`;
+    } else {
+      if (document.body.contains(this.domElement)) {
+        this.domElement.remove();
+      }
+    }
+  }
+  destroy() {
+    this.domElement.remove();
+  }
+}

package/dist/ui/ObjectLabel.d.ts

@@ -0,0 +1,14 @@
+import type { Object3D } from 'three';
+import type GameObject from '../World/GameObject';
+import type GameObjectInterface from '../World/GameObjectInterface';
+import { Vector3 } from 'three';
+export default abstract class ObjectLabel implements GameObjectInterface {
+    protected entity: Object3D | GameObject;
+    domElement: HTMLDivElement;
+    offset: Vector3;
+    constructor(entity: Object3D | GameObject, offset?: Vector3);
+    protected init(): void;
+    protected abstract createElement(): HTMLDivElement;
+    update(_delta: number): void;
+    destroy(): void;
+}

package/dist/ui/ObjectLabel.js

@@ -0,0 +1,53 @@
+import { Vector3 } from 'three';
+import Game from '../Game';
+export default class ObjectLabel {
+    constructor(entity, offset = new Vector3(0)) {
+        this.entity = entity;
+        this.offset = offset;
+    }
+    init() {
+        this.domElement = this.createElement();
+    }
+    update(_delta) {
+        const worldPosition = 'getWorldPosition' in this.entity
+            ? this.entity.getWorldPosition(new Vector3())
+            : this.entity.position.clone();
+        const screenPosition = worldPosition.clone().add(this.offset);
+        screenPosition.project(Game.instance().camera.instance);
+        const screenX = screenPosition.x;
+        const screenY = screenPosition.y;
+        const isVisible = screenX >= -1 && screenX <= 1
+            && screenY >= -1 && screenY <= 1
+            && screenPosition.z >= 0 && screenPosition.z <= 1;
+        if (isVisible) {
+            if (!document.body.contains(this.domElement)) {
+                document.body.appendChild(this.domElement);
+            }
+            const rect = Game.instance().canvas.getBoundingClientRect();
+            const canvasOffsetX = rect.left + rect.width / 2 - window.innerWidth / 2;
+            const canvasOffsetY = rect.top + rect.height / 2 - window.innerHeight / 2;
+            const translateX = screenX * rect.width / 2 + canvasOffsetX;
+            const translateY = -screenY * rect.height / 2 + canvasOffsetY;
+            this.domElement.style.transform
+                = `translateX(${translateX}px) translateY(${translateY}px) translate(-50%, -50%)`;
+            const cameraPos = Game.instance().camera.instance.position;
+            const distance = worldPosition.distanceTo(cameraPos);
+            const maxDistance = 40;
+            const minDistance = 2;
+            const clampedDistance = Math.min(Math.max(distance, minDistance), maxDistance);
+            const t = 1 - (clampedDistance - minDistance) / (maxDistance - minDistance);
+            const scale = 0.5 + t * 0.5;
+            const opacity = t;
+            this.domElement.style.opacity = opacity.toFixed(2);
+            this.domElement.style.transform += ` scale(${scale.toFixed(2)})`;
+        }
+        else {
+            if (document.body.contains(this.domElement)) {
+                this.domElement.remove();
+            }
+        }
+    }
+    destroy() {
+        this.domElement.remove();
+    }
+}

package/dist/ui/UILabel.cjs

@@ -0,0 +1,57 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var UILabel_exports = {};
+__export(UILabel_exports, {
+  default: () => UILabel
+});
+module.exports = __toCommonJS(UILabel_exports);
+var import_ObjectLabel = __toESM(require("./ObjectLabel"), 1);
+class UILabel extends import_ObjectLabel.default {
+  constructor(entity, text, label) {
+    super(entity);
+    this.text = text;
+    this.label = label;
+    this.init();
+  }
+  createElement() {
+    const domElement = document.createElement("div");
+    domElement.classList.add("point");
+    if (this.label) {
+      const labelDiv = document.createElement("div");
+      labelDiv.classList.add("label");
+      labelDiv.textContent = this.label;
+      domElement.appendChild(labelDiv);
+    }
+    const textDiv = document.createElement("div");
+    textDiv.classList.add("text");
+    textDiv.textContent = this.text;
+    domElement.appendChild(textDiv);
+    return domElement;
+  }
+}

package/dist/ui/UILabel.d.ts

@@ -0,0 +1,9 @@
+import type { Object3D } from 'three';
+import type GameObject from '../World/GameObject';
+import ObjectLabel from './ObjectLabel';
+export default class UILabel extends ObjectLabel {
+    private text;
+    private label?;
+    constructor(entity: Object3D | GameObject, text: string, label?: string);
+    protected createElement(): HTMLDivElement;
+}

package/dist/ui/UILabel.js

@@ -0,0 +1,24 @@
+import ObjectLabel from './ObjectLabel';
+export default class UILabel extends ObjectLabel {
+    constructor(entity, text, label) {
+        super(entity);
+        this.text = text;
+        this.label = label;
+        this.init();
+    }
+    createElement() {
+        const domElement = document.createElement('div');
+        domElement.classList.add('point');
+        if (this.label) {
+            const labelDiv = document.createElement('div');
+            labelDiv.classList.add('label');
+            labelDiv.textContent = this.label;
+            domElement.appendChild(labelDiv);
+        }
+        const textDiv = document.createElement('div');
+        textDiv.classList.add('text');
+        textDiv.textContent = this.text;
+        domElement.appendChild(textDiv);
+        return domElement;
+    }
+}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@mavonengine/core",
+  "type": "module",
+  "version": "0.0.2",
+  "description": "",
+  "author": "",
+  "license": "ISC",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./vite.config": "./vite.config.js",
+    "./*.glsl": "./dist/*.glsl",
+    "./*.css": "./dist/*.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
+  },
+  "scripts": {
+    "build": "rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json && find src -name '*.glsl' -o -name '*.css' | while read f; do mkdir -p dist/$(dirname ${f#src/}) && cp $f dist/${f#src/}; done",
+    "dev": "rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json --watch",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest",
+    "test:ui": "vitest --ui --coverage.enabled true --coverage.reporter html",
+    "test:coverage": "vitest --coverage.enabled true --coverage.reporter json-summary",
+    "test:dev": "vitest"
+  },
+  "peerDependencies": {
+    "@dimforge/rapier3d-compat": "0.18.2",
+    "@geckos.io/client": "^3.0.2",
+    "@geckos.io/server": "^3.0.0",
+    "express": "5.1.0",
+    "three": "^0.176.0",
+    "vite": "^6.3.5",
+    "winston": "3.17.0"
+  },
+  "dependencies": {
+    "alea": "^1.0.1"
+  },
+  "devDependencies": {
+    "@dimforge/rapier3d-compat": "0.18.2",
+    "@geckos.io/server": "^3.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/express": "^5.0.3",
+    "@types/three": "^0.176.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "jsdom": "^28.1.0",
+    "three": "^0.176.0",
+    "typescript": "5.9.2",
+    "vite": "^6.3.5",
+    "vite-plugin-glsl": "^1.4.1",
+    "vitest": "^3.2.4"
+  }
+}