SkillHey.
Skill einreichen

Three.js Fundamentals

CloudAI-X/threejs-skills

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add CloudAI-X/threejs-skills --skill threejs-fundamentals
4.197Sterne481ForksLetzter Repository-Push

Über diesen Skill

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

Warum wir es empfehlen

Summarized from the original CloudAI-X/threejs-skills SKILL.md by CloudAI-X; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Three.js Fundamentals instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in CloudAI-X/threejs-skills.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
three.jswebgl

Ähnliche Skills

Build Three.js Scroll Worlds

Meng To

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories, exhibitions, explainers, game or film microsites, spatial narratives, and multi-scene websites where native scroll should travel through one continuous place. Not limited to landing pages.

  • three.js
  • webgl
7533Sterne861Forks
Letzter Repository-Push
Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Kostenlos
Web und UI

three.js Scene Setup

Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.

8771Sterne894Forks
Letzter Repository-Push
Abhishek Barali

Three.js Shaders

CloudAI-X

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

  • three.js
  • shaders
4197Sterne481Forks
Letzter Repository-Push