@nayan-ui/games 1.19.0 → 1.20.0

package/src/assets/models/play-with-tua/sources.json

@@ -0,0 +1,141 @@
+{
+  "name": "Play With Tua",
+  "source": {
+    "filename": "tripo.glb",
+    "sha256": "2a945ce2cfa06b9a9c2972afcfd6de73817c26a503da60129d87b41fc688ca6f",
+    "bytes": 18179696,
+    "vertices": 973168,
+    "triangles": 1887655,
+    "attribution": "User-provided Tripo asset; original licensing and ownership remain unchanged."
+  },
+  "output": {
+    "sha256": "7eb943b85c21248cc7775b86d8bf8732c1df5eca535bec4a7aeea48f6fe6644e",
+    "bytes": 602260,
+    "vertices": 19525,
+    "bodyVertices": 19163,
+    "triangles": 30978,
+    "joints": 20,
+    "rawBytes": 1375860,
+    "height": 3.2,
+    "forward": "+Z",
+    "floor": 0,
+    "mouthSamples": {
+      "upper": 9820,
+      "lower": 8586
+    },
+    "faceLiningStart": 19163,
+    "mouthStaticOpen": true
+  },
+  "pipeline": {
+    "blender": "4.5 LTS",
+    "gltfpack": "1.3.0",
+    "simplificationRatio": 0.03,
+    "simplificationError": 0.0015,
+    "codec": "EXT_meshopt_compression",
+    "floatBits": 16,
+    "sampleRate": 30,
+    "textures": {
+      "color": "1024x1024 JPEG 75, 4:4:4, mozjpeg; Lanczos3 downsampling from original 2048px color image"
+    },
+    "compression": {
+      "vertexCodecVersion": 1,
+      "vertexCompressionLevel": 3,
+      "positionGrid": 4096,
+      "normalGrid": 1024,
+      "uvGrid": 4096,
+      "zeroWeightJointSlotsCleared": true,
+      "removedUnusedTextureMaps": ["ORM", "normal"],
+      "topologyPreserved": false,
+      "skinWeightsPreserved": true,
+      "inverseBindMatricesPreserved": true,
+      "animationKeysPreserved": true,
+      "vertexOrder": "cache-local first use; body followed by internal face lining"
+    },
+    "verification": {
+      "maximumRetainedAnimatedVertexErrorMillimetres": 0.0,
+      "maximumAnimatedBoundsChangeMillimetres": 3.3311843872070312,
+      "samplesPerClip": 65,
+      "referenceBytes": 930456,
+      "protectedTrianglesUnchanged": 17851,
+      "closedFaceLiningTriangles": 720,
+      "weldedOpenBoundaryEdges": 0
+    },
+    "additionalSimplification": {
+      "library": "meshopt 0.7.0",
+      "inputBytes": 930456,
+      "inputVertices": 37895,
+      "inputTriangles": 62844,
+      "targetTriangleRatio": 0.4,
+      "achievedTriangleRatio": 0.4929348863853351,
+      "attributeWeightedErrorLimit": 0.006,
+      "attributeWeightedResultError": 0.0059561254,
+      "bordersLocked": true,
+      "normalAttributeWeight": 0.08,
+      "uvAttributeWeight": 1,
+      "perJointSkinWeightAttributeWeight": 2,
+      "protectedVertices": 11558,
+      "protectedTrianglesPreserved": 17851,
+      "protectedDetails": "Front face, eyes, brows, mouth, hands, internal head lining and white logos, drawstring tips, laces and shoe accents",
+      "bodyNormalSmoothing": "80% angle-weighted normals blended with 20% source normals; source-normal discontinuities preserved; protected details and head/hair normals retained",
+      "retainedVertexPositionsAndSkinWeightsPreserved": true,
+      "animationKeysPreserved": true
+    }
+  },
+  "choreography": {
+    "revision": "d2c67d344570506bf1397320cb5989386b49a377",
+    "source": "BabyPlayoCharacter animation modules",
+    "retargeting": "Tua heat-weighted skeleton, fixed fingers, a forward wave and source-mesh eye controls. The original open mouth is static in every action; no mouth joints or facial overlays. An internal head lining prevents facial gaps from revealing the hollow mesh. Standing layers form one seamless 9.6-second clip."
+  },
+  "animations": {
+    "standing": {
+      "duration": 9.6,
+      "loop": true,
+      "floorCorrection": 2.7755575615628914e-17
+    },
+    "walking": {
+      "duration": 3.75,
+      "loop": true,
+      "floorCorrection": 0.025180251401535753
+    },
+    "running": {
+      "duration": 3,
+      "loop": true,
+      "floorCorrection": 0.028563597011627
+    },
+    "jumping": {
+      "duration": 2.5,
+      "loop": false,
+      "floorCorrection": 0.0020968303346439576
+    },
+    "waving": {
+      "duration": 2.7,
+      "loop": false,
+      "floorCorrection": 0.0018294697930738401
+    },
+    "winking": {
+      "duration": 1.65,
+      "loop": false,
+      "floorCorrection": 0.001829552214682345
+    },
+    "dancing": {
+      "duration": 5.25,
+      "loop": true,
+      "floorCorrection": 0.011659808200894725
+    },
+    "laughing": {
+      "duration": 3.6,
+      "loop": true,
+      "floorCorrection": 0.002420047999268199
+    },
+    "fighting": {
+      "duration": 7.8,
+      "loop": false,
+      "floorCorrection": 0.011271763175043074
+    },
+    "falling": {
+      "duration": 4.25,
+      "loop": false,
+      "floorCorrection": 0.00021341221462277575
+    }
+  }
+}

package/src/assets/textures/nature-sources.json

@@ -0,0 +1,87 @@
+{
+  "generator": "Built-in image_gen tool",
+  "assets": [
+    {
+      "file": "meadow.jpg",
+      "transparentBackground": false,
+      "prompt": "Use case: photorealistic-natural\nAsset type: seamless repeating ground albedo texture for a realistic 3D exploration game, square image.\nPrimary request: Photorealistic alpine meadow ground seen directly overhead, dense short natural grass blades, moss, tiny patches of earthy soil, subtle scattered fine dried grass. Fine detailed material across the entire image, muted fresh olive and meadow greens.\nComposition: flat orthographic top-down material scan covering about two square meters, perfectly seamless tileable opposite edges, evenly distributed details, no perspective, no horizon, no focal object.\nLighting: completely even diffuse overcast light, no directional or baked cast shadows, no highlights.\nConstraints: texture only, no text, no borders, no large rocks, no flowers, no objects.",
+      "runtime": {
+        "width": 512,
+        "height": 512,
+        "format": "jpeg",
+        "quality": 72,
+        "alpha": false,
+        "chromaSubsampling": "4:2:0"
+      }
+    },
+    {
+      "file": "limestone.jpg",
+      "transparentBackground": false,
+      "prompt": "Use case: photorealistic-natural\nAsset type: square seamless stone albedo texture for realistic 3D cliffs, boulders and cave walls.\nPrimary request: a close orthographic scan of weathered grey limestone with subtle brown mineral streaks, small cracks and natural fine rough grain, faint green moss in crevices. A continuous rock surface fills the whole frame.\nConstraints: tileable seamless opposite edges, flat even diffuse light, no cast shadows or strong highlights, no perspective, no text, no isolated stones, no borders.",
+      "runtime": {
+        "width": 512,
+        "height": 512,
+        "format": "jpeg",
+        "quality": 72,
+        "alpha": false,
+        "chromaSubsampling": "4:2:0"
+      }
+    },
+    {
+      "file": "bark.jpg",
+      "transparentBackground": false,
+      "prompt": "Use case: photorealistic-natural\nAsset type: square seamless tree bark albedo texture for 3D forest trees.\nPrimary request: realistic grey-brown pine bark seen flat and close, vertical irregular bark ridges, deep narrow fissures, tiny lichen flecks and natural weathering.\nConstraints: completely uniform diffuse lighting, perfectly tileable opposite edges, material fills frame, no perspective, no branches, no text, no border.",
+      "runtime": {
+        "width": 512,
+        "height": 512,
+        "format": "jpeg",
+        "quality": 72,
+        "alpha": false,
+        "chromaSubsampling": "4:2:0"
+      }
+    },
+    {
+      "file": "pine.png",
+      "transparentBackground": true,
+      "prompt": "Use case: photorealistic-natural\nAsset type: realistic 3D game foliage alpha card, square transparent PNG.\nPrimary request: one horizontal living pine branch spray seen from directly above, thin brown twig with dense fine deep green and olive pine needles spreading naturally to both sides and a few side shoots. Entire branch isolated on genuine transparency, no ground or background, needle edges sharply detailed, no cast shadows. Flat diffuse lighting, material scan, no text or border, keep all tips inside image.",
+      "runtime": {
+        "width": 384,
+        "height": 384,
+        "format": "png",
+        "quality": 85,
+        "alpha": true,
+        "palette": true,
+        "colours": 256,
+        "dither": 0.5
+      }
+    },
+    {
+      "file": "leaves.png",
+      "transparentBackground": true,
+      "prompt": "Use case: photorealistic-natural\nAsset type: realistic 3D game foliage alpha card, square transparent PNG.\nPrimary request: one airy small birch branch with many natural small green serrated birch leaves on delicate branching twigs, viewed directly from above, distributed to create an irregular organic foliage cluster. Fine photorealistic leaf veins, muted forest and fresh greens, natural variation. Genuine transparent background between every leaf and outside silhouette, no cast shadows, flat diffuse scan lighting, no ground, no text or border.",
+      "runtime": {
+        "width": 384,
+        "height": 384,
+        "format": "png",
+        "quality": 85,
+        "alpha": true,
+        "palette": true,
+        "colours": 256,
+        "dither": 0.5
+      }
+    },
+    {
+      "file": "river.jpg",
+      "transparentBackground": false,
+      "prompt": "Use case: photorealistic-natural\nAsset type: square seamless repeating water surface material for a realistic 3D game river.\nPrimary request: close top-down photograph of gently flowing clear mountain river surface, subtle fine irregular elongated ripples and soft broken reflections, pale neutral grey with delicate silver highlights and medium grey troughs. Monochrome greyscale texture to be tinted teal by the game shader. Continuous texture fills image uniformly.\nConstraints: seamless tileable opposite edges, no perspective, no horizon, no shoreline, no stones, no objects, no distinct large shapes, no text, no border, no hard shadows, no blue color.",
+      "runtime": {
+        "width": 256,
+        "height": 256,
+        "format": "jpeg",
+        "quality": 70,
+        "alpha": false,
+        "chromaSubsampling": "4:2:0"
+      }
+    }
+  ]
+}

package/src/games/arrows/Arrows.tsx

@@ -0,0 +1,69 @@
+// Arrows' screen, on the Nayan engine: the arrows, their flights and the empty-cell dots are one 3D
+// scene (an orthographic camera over a board of round tubes), under Playtura's scoreboard, controls and
+// modals. The rules are in ArrowsGame.ts, what it draws in ArrowsScene.ts.
+//
+// One world serves the whole visit: Start, Stop and Play Again deal a new board in place and a theme
+// change repaints it, so the GPU view is never rebuilt. The draw-in, shakes, pulses and dots animate in
+// the engine's Rust core; JS only hit-tests taps, slides flying arrows along their paths and steps the
+// world once a frame.
+import { HapticType } from '../../services/HapticsService';
+import { GAME_SOUNDS } from '../../services/SoundsService';
+import { GAME_IDS } from '../../services/UtilsService';
+import { engineGame, EngineGameScreen } from '../shared/EngineGameScreen';
+import { scoreColumn, textColumn, timerColumn } from '../shared/EngineHud';
+import { useEngineGame } from '../shared/useEngineGame';
+import { useLiveState } from '../shared/useLiveState';
+import { getLayout, LIGHT, TIME_LIMIT } from './ArrowsConstants';
+import { createGame, dispose, reset, setLayout, setTheme, start, tap, tick } from './ArrowsGame';
+
+const SFX = GAME_SOUNDS.ARROWS;
+
+export const Arrows = engineGame(GAME_IDS.ARROWS, (props) => {
+  const [score, setScore] = useLiveState(0);
+  const [remaining, setRemaining] = useLiveState<number | null>(null);
+  const [timeLeft, setTimeLeft] = useLiveState(TIME_LIMIT);
+
+  // Win on a cleared board, lose when time runs out
+  const { game, theme, status, screen, gameOver } = useEngineGame(props, {
+    gameId: GAME_IDS.ARROWS,
+    create: createGame,
+    start,
+    reset,
+    dispose,
+    tick,
+    setTheme,
+    resize: (g, width, height, offset) => {
+      const l = getLayout(width, height, offset);
+      setLayout(g, l);
+      return l.boardWidth;
+    },
+    tap,
+    sounds: SFX,
+    onStart: (fx) => fx(SFX.START, HapticType.MEDIUM),
+    wire: (g, fx) => {
+      g.onScore = setScore;
+      g.onTime = setTimeLeft;
+      g.onRemaining = setRemaining;
+      g.onClear = () => fx(SFX.CLEAR, HapticType.LIGHT);
+      g.onBlocked = () => fx(SFX.BLOCKED, HapticType.WARNING);
+      g.onWin = () => fx(SFX.WIN, HapticType.SUCCESS);
+      g.onLose = () => fx(SFX.GAME_OVER, HapticType.HEAVY);
+    }
+  });
+
+  return (
+    <EngineGameScreen
+      {...screen}
+      light={LIGHT}
+      columns={[scoreColumn(score), textColumn('ARROWS', remaining ?? game.remaining), timerColumn(timeLeft, theme)]}
+      subtext="Clear all the arrows!"
+      gameOver={gameOver({
+        title: status === 'win' ? 'CLEARED!' : 'TIME UP!',
+        message: status === 'win' ? 'You cleared all the arrows!' : 'You ran out of time!',
+        scoreLabel: 'Score',
+        score,
+        buttonText: status === 'win' ? 'Play Again!' : 'Try Again!'
+      })}
+    />
+  );
+});