{"repo":"verekia/manapotion","free":true,"listed":false,"github":"https://github.com/verekia/manapotion","clone":"git clone https://github.com/verekia/manapotion.git","description":"🧪 Mana Potion – Toolkit for JavaScript game development and interactive experiences (React, Vue, Svelte, vanilla)","language":"TypeScript","stars":251,"topics":["ecs","gamedev","r3f","react","react-js","react-three-fiber","three-js","threejs","web-game-dev","vue"],"license":"MIT","category":"game-templates","readme_excerpt":"Mana Potion 🧪 Mana Potion is a toolkit for JavaScript game development and interactive experiences. It is not a game engine or framework but a collection of low-level utilities and helpers commonly needed when building games. Mana Potion supports React, Vue, Svelte, and vanilla JavaScript. It is a particularly great fit for people who build games or experiences in React Three Fiber, TresJS, Threlte, and vanilla Three.js, but it can be used in any context. The library consists of: - Listeners and a reactive store for inputs and browser state - A main loop - Headless virtual joysticks - Browser API helpers - Tailwind media queries Important : Until we hit 1.0.0, expect breaking changes in minor versions. Demos Check out the React , Vue , Svelte , and vanilla JS demos. Installation - If you use React , install @manapotion/react - If you use Vue , install @manapotion/vue - If you use Svelte , install @manapotion/svelte - If you don't use these frameworks, install @manapotion/vanilla Getting started Add somewhere in your app: React, Vue, Svelte Vanilla This will automatically give you access to some reactive and non-reactive variables. If you do not want to listen to every event supported by the library, you can cherry-pick individual listeners (for example, or ). 🗿 Non-reactive variables may be frequently updated and should be accessed imperatively in your main loop or in event handlers via getMouse , getKeyboard , and getBrowser : ⚡️ Reactive variables can be accessed imperati","default_branch":null,"files":null,"tree":[],"storefront":"/r/verekia","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/verekia/manapotion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}