RSamaium/CanvasEngine

RSamaium-Profil

Letzte erfasste Quellaktivität: 29. April 2026 um 09:50

SkillsMP-Katalog aktualisiert: 17. Oktober 2026 um 00:09

gesammelte Skills: 2

GitHub-Stars: 401
GitHub-Forks: 108

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# CanvasEngine - A reactive 2D game framework built on PixiJS and Vite ![CanvasEngine](docs/public/logo.png) CanvasEngine is a reactive 2D game framework built on PixiJS, Vite, and `.ce` components. It gives you a component-oriented way to build scenes, entities, HUDs, menus, effects, and interactions. Features: - Reactive `.ce` components - Flex-style layout in canvas scenes - Animation helpers - Keyboard, gamepad, and virtual joystick input - Tiled Map Editor integration - Particles, audio, weather, ambience, and DOM overlays ## Installation ```bash npx degit RSamaium/CanvasEngine/starter my-project cd my-project npm install npm run dev # and go to localhost:5173 ``` ## Documentation https://canvasengine.net ## Example ```html <Container flexDirection="row" width={500}> <Sprite image="/assets/logo.png" anchor={0.5} rotation scale pointerenter={onEnter} pointerleave={onLeave} /> <Text text size={70} fontFamily="Helvetica" x={90} y={-30} /> </Container> <script> import { signal, tick, animatedSignal, Easing } from "canvasengine"; const { text } = defineProps(); const rotation = signal(0); const scale = animatedSignal(1, { duration: 300, ease: Easing.easeInOut, }); tick(() => { rotation.update(rotation => rotation + 0.01); }); const onEnter = () => { scale.set(1.5); }; const onLeave = () => { scale.set(1); }; </script> ``` ## Contributing Install `pnpm`, then run: ```bash git clone https://github.com/RSamaium/CanvasEngine.git cd CanvasEngine pnpm install pnpm run dev # to build the libraries ``` To run the sample project: ```bash pnpm run dev:sample ``` ### Build Documentation ```bash cd docs pnpm install pnpm run dev ``` ### Release ```bash pnpm run release ``` > Choose the version you want to release Push the release branch to the remote repository ```bash git push origin v2 ```

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler Webentwickler

2 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

canvasengine

Softwareentwickler

Work on CanvasEngine projects and .ce components using the official documentation. Use when Codex needs to explain, create, review, or modify CanvasEngine code, especially files ending in .ce, CanvasEngine reactivity with signals, computed, and effect,…

Quellsprache: Englisch

2026-04-29

pixijs

Webentwickler

Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job. Covers the full PixiJS surface: Application setup, the scene graph (Container, Sprite, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite),…

Quellsprache: Englisch

2026-04-29

Es werden 2 von 2 gesammelten Skills angezeigt.

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/RSamaium/CanvasEngine.