threejs-vue3-animation
CommunityThree.js + Vue 3 animation for container sims.
Software Engineering#architecture#performance#animation#vue3#threejs#scene-management#container-terminal
AuthorMrCull
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Three.js + Vue 3 animation patterns for container terminal simulations enable consistent architecture, scalable scene management, and performance-conscious rendering across multiple sims.
Core Features & Use Cases
- Structured folder layout for sim code: components, composables, modules, store, types, and assets.
- Reusable patterns for scene assembly, camera transitions, animation timing, and data-driven scene updates.
- Real-world use case guidance for terminal simulations with efficient rendering and maintainable code organization.
Quick Start
Open your sim directory under src/sims/threejs-vue3-animation and follow the layout patterns to initialize a Three.js + Vue 3 scene, then run the dev server to see your animation live.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-vue3-animation Download link: https://github.com/MrCull/shipping-container-sims/archive/main.zip#threejs-vue3-animation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.