SkillHey.
Proposer un skill

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.

Contenu mis à jour:

Voir sur GitHub
npx skills add CloudAI-X/threejs-skills --skill threejs-fundamentals
4 197Étoiles481ForksDernier push du dépôt

À propos de ce 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.

Pourquoi ce choix

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

À quoi il sert

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

Avant de l’utiliser

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

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.

Rédigé par SkillHey
three.jswebgl

Skills similaires

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
7,5 kÉtoiles861Forks
Dernier push du dépôt
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.
Gratuit
Web et interfaces

three.js Scene Setup

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

8,8 kÉtoiles894Forks
Dernier push du dépôt
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
4,2 kÉtoiles481Forks
Dernier push du dépôt