SkillHey.
スキルを投稿

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.

内容更新日:

GitHub で見る
npx skills add CloudAI-X/threejs-skills --skill threejs-fundamentals
4,197スター481フォークリポジトリの最終プッシュ

このスキルについて

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.

おすすめする理由

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

役立つこと

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

使う前に

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

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

SkillHey 編集
three.jswebgl

類似するスキル

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
7533スター861フォーク
リポジトリの最終プッシュ
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.
無料
ウェブ・UI

three.js Scene Setup

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

8771スター894フォーク
リポジトリの最終プッシュ
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
4197スター481フォーク
リポジトリの最終プッシュ