skills.rest
hoanghd218
hoanghd218COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/hoanghd218/claude-code-2-days --skill three-hoanghd218
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
boraoztuncboraoztunc
248

three

Render Three.js scenes deterministically using HyperFrames time and hf-seek events.

Community
Advanced
compozycompozy
182

three

Render deterministic Three.js/WebGL scenes from HyperFrames time using hf-seek events.

Official
Intermediate
alecs5amalecs5am
118

three

Render deterministic Three.js scenes synchronized to HyperFrames hf-seek events.

Community
Intermediate
libz-renlab-ailibz-renlab-ai
13

three

Render Three.js WebGL scenes synchronized with HyperFrames hf-seek events.

Community
Intermediate