@crapthings/run3d 0.2.9 → 0.2.11

package/README.md

@@ -53,6 +53,8 @@ Drag to orbit the scene, scroll to zoom, and right-drag to pan. Edit `src/Scenes
 
 ### Media
 
+- [Elementary](https://github.com/elemaudio/elementary) — creates declarative audio DSP graphs with `@elemaudio/core` and runs them in the browser with `@elemaudio/web-renderer`.
+- [Howler.js](https://github.com/goldfire/howler.js#documentation) — plays audio with volume controls, sound sprites, and 3D spatial sound.
 - [Mediabunny](https://mediabunny.dev/) — reads, writes, and converts audio and video files in the browser.
 
 ### Interface

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "From idea to interactive 3D prototype in one command. A JavaScript starter with Vite, React Three Fiber, and tools for creative experimentation.",
   "type": "module",
   "bin": {

package/template/index.html

@@ -8,7 +8,7 @@
     <link rel="icon" href="%BASE_URL%favicon.svg" type="image/svg+xml" />
     <title>Run3D</title>
   </head>
-  <body>
+  <body class="select-none">
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

package/template/package.json

@@ -13,6 +13,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@elemaudio/core": "^4.0.1",
+    "@elemaudio/web-renderer": "^4.0.3",
     "@floating-ui/react": "^0.27.20",
     "@gsap/react": "^2.1.2",
     "@headlessui/react": "^2.2.10",
@@ -24,6 +26,7 @@
     "d3": "^7.9.0",
     "fastnoise-lite": "^1.1.1",
     "gsap": "^3.15.0",
+    "howler": "^2.2.4",
     "koota": "^0.6.6",
     "math": "0.1.0",
     "mediabunny": "^1.61.6",

package/template/pnpm-lock.yaml

@@ -166,6 +166,12 @@ importers:
 
   .:
     dependencies:
+      '@elemaudio/core':
+        specifier: ^4.0.1
+        version: 4.0.1
+      '@elemaudio/web-renderer':
+        specifier: ^4.0.3
+        version: 4.0.3
       '@floating-ui/react':
         specifier: ^0.27.20
         version: 0.27.20(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -199,6 +205,9 @@ importers:
       gsap:
         specifier: ^3.15.0
         version: 3.15.0
+      howler:
+        specifier: ^2.2.4
+        version: 2.2.4
       koota:
         specifier: ^0.6.6
         version: 0.6.6(@types/react@19.3.0)(react@19.2.8)
@@ -276,6 +285,12 @@ packages:
   '@dimforge/rapier3d-compat@0.19.2':
     resolution: {integrity: sha512-AZHL1jqUF55QJkJyU1yKeh4ImX2J93bVLIezT1+o0FZqTix6O06MOaqpKoJ4MmbDCsoZmwO+qc471/SDMDm2AA==}
 
+  '@elemaudio/core@4.0.1':
+    resolution: {integrity: sha512-O58CaR5ttxzPt1LwkJoXVipPLlZ8lZmOIHhJFiih3rWkfCZ3/H1X2XTG0HM2jAn3BokoP5jYSbnbEiQybyvRGw==}
+
+  '@elemaudio/web-renderer@4.0.3':
+    resolution: {integrity: sha512-mvMt6SsUzcOEx97SGsf0u1/kafMkxWKtEa1FOuzwdzkmcdLAQIwouzZ87PExf452gi4tJqhMF0RDFb62LJqfZg==}
+
   '@floating-ui/core@1.8.0':
     resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
 
@@ -983,6 +998,9 @@ packages:
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
   fastnoise-lite@1.1.1:
     resolution: {integrity: sha512-3XEk16gmVq1HUL0+BdoR+/wD/tfB6VQjpliqQ7rSSE2omh23wrJGidQ5Mfr4mECCUtBGtcEov44BGIyVqs+U4w==}
 
@@ -1021,6 +1039,9 @@ packages:
   hls.js@1.7.3:
     resolution: {integrity: sha512-MsPlx6yVW4Qv4C7mEVou4/gk/5cN2dVxOTnrNjPSmyH2f0Ln+/UkG10Ax1PE6OvrmTVPKgQYozTtBaPOuCzq7A==}
 
+  howler@2.2.4:
+    resolution: {integrity: sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w==}
+
   i18next-browser-languagedetector@4.3.1:
     resolution: {integrity: sha512-KIToAzf8zwWvacgnRwJp63ase26o24AuNUlfNVJ5YZAFmdGhsJpmFClxXPuk9rv1FMI4lnc8zLSqgZPEZMrW4g==}
 
@@ -1041,6 +1062,9 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  invariant@2.2.4:
+    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+
   is-promise@2.2.2:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
 
@@ -1411,6 +1435,9 @@ packages:
   scheduler@0.28.0:
     resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==}
 
+  shallowequal@1.1.0:
+    resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -1616,6 +1643,17 @@ snapshots:
 
   '@dimforge/rapier3d-compat@0.19.2': {}
 
+  '@elemaudio/core@4.0.1':
+    dependencies:
+      eventemitter3: 5.0.4
+      invariant: 2.2.4
+      shallowequal: 1.1.0
+
+  '@elemaudio/web-renderer@4.0.3':
+    dependencies:
+      '@elemaudio/core': 4.0.1
+      invariant: 2.2.4
+
   '@floating-ui/core@1.8.0':
     dependencies:
       '@floating-ui/utils': 0.2.12
@@ -2306,6 +2344,8 @@ snapshots:
 
   eventemitter3@4.0.7: {}
 
+  eventemitter3@5.0.4: {}
+
   fastnoise-lite@1.1.1: {}
 
   fdir@6.5.0(picomatch@4.0.7):
@@ -2329,6 +2369,8 @@ snapshots:
 
   hls.js@1.7.3: {}
 
+  howler@2.2.4: {}
+
   i18next-browser-languagedetector@4.3.1:
     dependencies:
       '@babel/runtime': 7.29.7
@@ -2347,6 +2389,10 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  invariant@2.2.4:
+    dependencies:
+      loose-envify: 1.4.0
+
   is-promise@2.2.2: {}
 
   isexe@2.0.0: {}
@@ -2676,6 +2722,8 @@ snapshots:
 
   scheduler@0.28.0: {}
 
+  shallowequal@1.1.0: {}
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0

package/template/src/main.jsx

@@ -4,6 +4,22 @@ import { createRoot } from 'react-dom/client'
 import { App } from '@/App'
 import '@/styles.css'
 
+// Keep Tab available to game controls without moving focus outside editable fields.
+function preventTabFocus (event) {
+  if (event.key !== 'Tab') return
+  if (!(event.target instanceof window.Element)) return
+  if (event.target.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]')) return
+  event.preventDefault()
+}
+
+window.addEventListener('keydown', preventTabFocus)
+
+if (import.meta.hot) {
+  import.meta.hot.dispose(() => {
+    window.removeEventListener('keydown', preventTabFocus)
+  })
+}
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     <App />

package/template/src/styles.css

@@ -1 +1,11 @@
 @import "tailwindcss";
+
+@layer base {
+  body {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :focus {
+    @apply outline-none ring-0;
+  }
+}