three

Render Three.js scenes deterministically in response to HyperFrames hf-seek events.

7|9|Updated May 9, 2026

Search Tags:#rendering #animation #deterministic #webgl #three.js #hyperframes #hf-seek

Ready to run

npx skills add https://github.com/hoanghd218/claude-code-2-days --skill three-hoanghd218

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: three
Source: https://github.com/hoanghd218/claude-code-2-days/tree/main/.agents/skills/three
Command: npx skills add https://github.com/hoanghd218/claude-code-2-days --skill three-hoanghd218

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Three.js integration for HyperFrames to provide deterministic rendering and clean separation of scene logic from time, enabling precise frame playback.

Core Features & Use Cases

Deterministic frame rendering driven by HyperFrames time
Camera motion and object animation synchronized with hf-seek events
Lightweight adapter that does not own your scene

Quick Start

Instantiate a Three.js canvas and render your scene in response to hf-seek events to target the requested HyperFrames time.

Frequently Asked Questions about three

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I render deterministic Three.js scenes for precise frame playback?▼

To render deterministic Three.js scenes, you apply a lightweight adapter that renders strictly by HyperFrames time and responds to hf-seek events, avoiding free-running animation loops for precise frame playback.

How do I synchronize camera motion and AnimationMixer timelines with hf-seek events in WebGL?▼

You synchronize camera motion and AnimationMixer timelines by updating your Three.js scene strictly in response to hf-seek events, targeting the requested HyperFrames time instead of delta-based updates.

What is deterministic 3D rendering in HyperFrames and when do I need it?▼

Deterministic 3D rendering in HyperFrames is the process of rendering Three.js scenes strictly by published time events. You need it when precise frame playback and clean separation of scene logic from time are required.

Does the Three.js HyperFrames adapter own my WebGL scene logic?▼

No, the Three.js adapter does not own your scene logic. It provides deterministic rendering by loading models and textures ahead of seek and publishing hf-seek events, keeping your scene logic cleanly separated.

Why does my Three.js animation loop break deterministic frame rendering in HyperFrames?▼

Your Three.js animation loop breaks deterministic rendering because it runs freely outside HyperFrames time. You must avoid free-running animation loops and instead render strictly by HyperFrames time using hf-seek events.