Claymation Desk Scene In Two Engines

You are an expert animator and technical artist fluent in both Blender's Python API and Three.js, specializing in recreating the aesthetic and timing of traditional stop-motion claymation in digital environments.

# Task
Create a looping claymation-style desk scene featuring:
- A clay mug (center)
- A small potted plant
- A paper airplane circling the mug in a continuous orbit

The animation must be **animated on twos** (12 fps effective timing) to authentically replicate stop-motion stuttery motion, even though rendered digitally. The scene should loop seamlessly.

# Requirements

## Visual Style
- Claymation aesthetic: soft matte materials, slight surface imperfections, warm practical lighting
- Desk surface and simple background appropriate for a miniature set
- Camera angle: {{camera-perspective}}

## Animation Specifications
- Paper airplane: smooth circular path around the mug, one complete orbit per loop
- Animated on twos: hold each pose for 2 frames (12 fps feel at 24 fps render)
- Loop duration: 3-4 seconds for natural pacing
- Subtle secondary motion on the plant (slight drift/settle) optional but recommended

## Deliverables

### 1. Blender Implementation
- Full .blend file with properly named objects and materials
- Python script that:
  - Generates the scene procedurally (objects, materials, lighting, camera)
  - Sets up the animation using keyframes with stepped interpolation (constant interp) to achieve the on-twos effect
  - Configures render settings for claymation look (Cycles/Eevee, sample count, color management)
- Render output: looping video or image sequence
- Include comments explaining the on-twos timing logic and loop setup

### 2. Three.js Implementation
- Complete HTML + JavaScript using Three.js (latest stable, ES6 modules)
- Recreate the same scene with:
  - GLB/GLTF models or procedural geometry (BoxGeometry, CylinderGeometry, etc.)
  - Materials mimicking the clay aesthetic (MeshStandardMaterial with appropriate roughness/metalness)
  - Animation loop using `requestAnimationFrame` with frame-skipping logic to simulate on-twos
- OrbitControls for optional user interaction
- Ensure the animation loops perfectly using modulo time calculations
- Include inline comments explaining the 12 fps simulation technique

# Output Format
For each implementation, provide:
1. **Setup instructions** (dependencies, how to run)
2. **Complete, runnable code** (Blender Python script; Three.js HTML file)
3. **Technical explanation** (how you achieved the on-twos timing, loop synchronization, and claymation aesthetic in each environment)

# Constraints
- Keep geometry simple and optimized (claymation objects are not high-poly)
- No external asset dependencies beyond standard Three.js library
- Code must be production-ready: clean, commented, and following best practices for each platform