Three.js (WebGL / WebGPU ベース 3D グラフィクスライブラリ) リファレンス。 Scene, PerspectiveCamera, OrthographicCamera, WebGLRenderer, WebGPURenderer、 BufferGeometry, BufferAttribute, Mesh, Group, InstancedMesh, SkinnedMesh、 MeshStandardMaterial, MeshPhysicalMaterial, ShaderMaterial, node-materials (TSL)、 DirectionalLight, PointLight, SpotLight, AmbientLight、 TextureLoader, GLTFLoader, DRACOLoader, FBXLoader、 AnimationMixer, AnimationClip, AnimationAction, KeyframeTrack、 Vector3, Matrix4, Quaternion, Euler, Color, Raycaster, Box3、 OrbitControls, TransformControls, WebXRManager。

GitHub
Install command
npx skhub add fandhe-ai/threejs
Markdown
SKILL.md

Three.js API リファレンス

Three.js — ブラウザ上で WebGL / WebGPU を活用する 3D グラフィクスライブラリ。 3D シーン構築・モデル読み込み・アニメーション・シェーダー実装時に参照する。

ディレクトリ構成

skills/threejs/
  SKILL.md
  references/
    getting-started/
      README.md
      installation.md
      creating-a-scene.md
      webgl-compatibility-check.md
      drawing-lines.md
      creating-text.md
      loading-3d-models.md
      libraries-and-plugins.md
      faq.md
      useful-links.md
    core/
      README.md
      BufferAttribute.md
      BufferGeometry.md
      Clock.md
      EventDispatcher.md
      GLBufferAttribute.md
      InstancedBufferAttribute.md
      InstancedBufferGeometry.md
      InstancedInterleavedBuffer.md
      InterleavedBuffer.md
      InterleavedBufferAttribute.md
      Layers.md
      Object3D.md
      Raycaster.md
      RenderTarget.md
      RenderTarget3D.md
      Timer.md
      TypedBufferAttributes.md
      Uniform.md
      UniformsGroup.md
    scenes/
      README.md
      Scene.md
      Fog.md
      FogExp2.md
    cameras/
      README.md
      Camera.md
      PerspectiveCamera.md
      OrthographicCamera.md
      ArrayCamera.md
      CubeCamera.md
      StereoCamera.md
    geometries/
      README.md
      BoxGeometry.md
      CapsuleGeometry.md
      CircleGeometry.md
      ConeGeometry.md
      CylinderGeometry.md
      DodecahedronGeometry.md
      EdgesGeometry.md
      ExtrudeGeometry.md
      IcosahedronGeometry.md
      LatheGeometry.md
      OctahedronGeometry.md
      PlaneGeometry.md
      PolyhedronGeometry.md
      RingGeometry.md
      ShapeGeometry.md
      SphereGeometry.md
      TetrahedronGeometry.md
      TorusGeometry.md
      TorusKnotGeometry.md
      TubeGeometry.md
      WireframeGeometry.md
    materials/
      README.md
      material.md
      mesh-basic-material.md
      mesh-depth-material.md
      mesh-distance-material.md
      mesh-lambert-material.md
      mesh-matcap-material.md
      mesh-normal-material.md
      mesh-phong-material.md
      mesh-physical-material.md
      mesh-standard-material.md
      mesh-toon-material.md
      line-basic-material.md
      line-dashed-material.md
      points-material.md
      shader-material.md
      raw-shader-material.md
      shadow-material.md
      sprite-material.md
      node-materials.md
    lights/
      README.md
      Light.md
      AmbientLight.md
      AmbientLightProbe.md
      DirectionalLight.md
      HemisphereLight.md
      HemisphereLightProbe.md
      LightProbe.md
      PointLight.md
      RectAreaLight.md
      SpotLight.md
      DirectionalLightShadow.md
      PointLightShadow.md
      SpotLightShadow.md
      IESSpotLight.md
      ProjectorLight.md
    helpers/
      README.md
      ArrowHelper.md
      AxesHelper.md
      BoxHelper.md
      Box3Helper.md
      CameraHelper.md
      DirectionalLightHelper.md
      GridHelper.md
      HemisphereLightHelper.md
      PlaneHelper.md
      PointLightHelper.md
      PolarGridHelper.md
      SkeletonHelper.md
      SpotLightHelper.md
    objects/
      README.md
      BatchedMesh.md
      Bone.md
      ClippingGroup.md
      Group.md
      InstancedMesh.md
      LOD.md
      Line.md
      LineLoop.md
      LineSegments.md
      Mesh.md
      Points.md
      Skeleton.md
      SkinnedMesh.md
      Sprite.md
    textures/
      README.md
      Texture.md
      CanvasTexture.md
      CompressedTexture.md
      CompressedArrayTexture.md
      CompressedCubeTexture.md
      CubeTexture.md
      CubeDepthTexture.md
      Data3DTexture.md
      DataArrayTexture.md
      DataTexture.md
      DepthTexture.md
      ExternalTexture.md
      FramebufferTexture.md
      HTMLTexture.md
      Source.md
      StorageTexture.md
      VideoTexture.md
      VideoFrameTexture.md
    loaders/
      README.md
      Loader.md
      LoadingManager.md
      AnimationLoader.md
      AudioLoader.md
      BufferGeometryLoader.md
      Cache.md
      CompressedTextureLoader.md
      CubeTextureLoader.md
      DataTextureLoader.md
      FileLoader.md
      ImageBitmapLoader.md
      ImageLoader.md
      MaterialLoader.md
      ObjectLoader.md
      TextureLoader.md
    loaders-addons/
      README.md
      GLTFLoader.md
      DRACOLoader.md
      FBXLoader.md
      OBJLoader.md
      MTLLoader.md
      FontLoader.md
      SVGLoader.md
      EXRLoader.md
      HDRLoader.md
      KTX2Loader.md
      STLLoader.md
    animation/
      README.md
      AnimationAction.md
      AnimationClip.md
      AnimationMixer.md
      AnimationObjectGroup.md
      AnimationUtils.md
      KeyframeTrack.md
      PropertyBinding.md
      PropertyMixer.md
      tracks/
        README.md
        BooleanKeyframeTrack.md
        ColorKeyframeTrack.md
        NumberKeyframeTrack.md
        QuaternionKeyframeTrack.md
        StringKeyframeTrack.md
        VectorKeyframeTrack.md
    math/
      README.md
      Box2.md
      Box3.md
      Color.md
      Cylindrical.md
      Euler.md
      Frustum.md
      Interpolant.md
      Line3.md
      MathUtils.md
      Matrix2.md
      Matrix3.md
      Matrix4.md
      Plane.md
      Quaternion.md
      Ray.md
      Sphere.md
      Spherical.md
      SphericalHarmonics3.md
      Triangle.md
      Vector2.md
      Vector3.md
      Vector4.md
    renderers/
      README.md
      Renderer.md
      WebGLRenderer.md
      WebGLRenderTarget.md
      WebGLCubeRenderTarget.md
      WebGL3DRenderTarget.md
      WebGLArrayRenderTarget.md
      WebGPURenderer.md
      WebXRManager.md
      WebXRDepthSensing.md
      Info.md
      PostProcessing.md
    controls/
      README.md
      OrbitControls.md
      ArcballControls.md
      DragControls.md
      FirstPersonControls.md
      FlyControls.md
      MapControls.md
      PointerLockControls.md
      TrackballControls.md
      TransformControls.md
    extras/
      README.md
      Curve.md
      CurvePath.md
      Path.md
      Shape.md
      ShapePath.md
      ArcCurve.md
      CatmullRomCurve3.md
      CubicBezierCurve.md
      CubicBezierCurve3.md
      EllipseCurve.md
      LineCurve.md
      LineCurve3.md
      QuadraticBezierCurve.md
      QuadraticBezierCurve3.md
      SplineCurve.md
    nodes/
      README.md
      TSL.md
      Node.md
      NodeBuilder.md
      AttributeNode.md
      UniformNode.md
      VaryingNode.md
      TextureNode.md
      CubeTextureNode.md
      OperatorNode.md
      MathNode.md
      ConditionalNode.md
      LoopNode.md
      FunctionNode.md
      ComputeNode.md
      StorageBufferNode.md
      MaterialNode.md
      LightingModel.md
      PhysicalLightingModel.md
  samples/
    README.md
    basic-scene-setup.md
    load-gltf-model.md
    animating-with-animationmixer.md
    custom-buffer-geometry.md
    pbr-material-with-lights.md
    raycasting-mouse-interaction.md
    instanced-mesh.md
    post-processing-effect-composer.md
  scripts/
    README.md
    install.md
    vite-setup.md
    imports.md
    dev-server.md
    version.md
    draco.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/{category}/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
プロジェクト初期設定、最初のシーン作成、インストール方法を知りたいgetting-startedreferences/getting-started/README.md
WebGL 互換確認、モデル読み込みの基礎、テキスト表示方法を知りたいgetting-startedreferences/getting-started/README.md
BufferGeometry / BufferAttribute の構築方法を知りたいcorereferences/core/README.md
Object3D の階層操作、Raycaster でのマウスピッキング、Clock でのデルタ管理を知りたいcorereferences/core/README.md
シェーダーの Uniform / UniformsGroup 設定を知りたいcorereferences/core/README.md
Scene にオブジェクト・ライト・霧を追加したいscenesreferences/scenes/README.md
Fog / FogExp2 で遠景をぼかしたいscenesreferences/scenes/README.md
PerspectiveCamera / OrthographicCamera を設定したいcamerasreferences/cameras/README.md
CubeCamera でリアルタイム反射マップを作りたいcamerasreferences/cameras/README.md
BoxGeometry / SphereGeometry 等の組み込みジオメトリを使いたいgeometriesreferences/geometries/README.md
ExtrudeGeometry / LatheGeometry でカスタム形状を作りたいgeometriesreferences/geometries/README.md
MeshStandardMaterial / MeshPhysicalMaterial で PBR マテリアルを設定したいmaterialsreferences/materials/README.md
ShaderMaterial / RawShaderMaterial でカスタム GLSL を書きたいmaterialsreferences/materials/README.md
WebGPU 向けノードマテリアルクラス (node-materials) を使いたいmaterialsreferences/materials/README.md
DirectionalLight / PointLight / SpotLight でシーンを照らしたいlightsreferences/lights/README.md
AmbientLight や LightProbe で間接光を設定したいlightsreferences/lights/README.md
DirectionalLightShadow / PointLightShadow / SpotLightShadow で影の設定を調整したいlightsreferences/lights/README.md
IESSpotLight / ProjectorLight で特殊な投光パターンを扱いたいlightsreferences/lights/README.md
AxesHelper / GridHelper / CameraHelper でデバッグ補助を表示したいhelpersreferences/helpers/README.md
SkeletonHelper / DirectionalLightHelper でアニメーションやライトを可視化したいhelpersreferences/helpers/README.md
Mesh / Group / Sprite を配置・操作したいobjectsreferences/objects/README.md
InstancedMesh で多数オブジェクトを1ドローコールで描画したいobjectsreferences/objects/README.md
SkinnedMesh / Skeleton でスケルタルアニメーションを扱いたいobjectsreferences/objects/README.md
Texture / CubeTexture / VideoTexture を設定したいtexturesreferences/textures/README.md
DataTexture / DepthTexture でオフスクリーン処理をしたいtexturesreferences/textures/README.md
StorageTexture でコンピュートシェーダーの書き込み先を用意したいtexturesreferences/textures/README.md
TextureLoader / LoadingManager で読み込み進捗を管理したいloadersreferences/loaders/README.md
FileLoader / ObjectLoader / MaterialLoader を使いたいloadersreferences/loaders/README.md
GLTFLoader で .gltf / .glb モデルを読み込みたいloaders-addonsreferences/loaders-addons/README.md
DRACOLoader / KTX2Loader で圧縮アセットを扱いたいloaders-addonsreferences/loaders-addons/README.md
FBXLoader / OBJLoader / STLLoader で他形式モデルを読み込みたいloaders-addonsreferences/loaders-addons/README.md
AnimationMixer でアニメーションクリップを再生・フェード・クロスフェードしたいanimationreferences/animation/README.md
AnimationClip / KeyframeTrack でアニメーションを手動作成したいanimationreferences/animation/README.md
Vector3 / Matrix4 / Quaternion / Euler で座標変換を行いたいmathreferences/math/README.md
Color / Box3 / Sphere / Frustum を使いたいmathreferences/math/README.md
WebGLRenderer / WebGPURenderer を初期化・設定したいrenderersreferences/renderers/README.md
WebGLRenderTarget でオフスクリーンレンダリング・ポストプロセスをしたいrenderersreferences/renderers/README.md
WebXRManager で VR / AR セッションを管理したいrenderersreferences/renderers/README.md
Renderer 基底クラスの共通 API を確認したいrenderersreferences/renderers/README.md
Info でドローコール数・メモリ使用量を統計取得したいrenderersreferences/renderers/README.md
PostProcessing でエフェクトチェーンを構築したいrenderersreferences/renderers/README.md
OrbitControls / TrackballControls でカメラを操作したいcontrolsreferences/controls/README.md
TransformControls / DragControls でオブジェクトをインタラクティブに操作したいcontrolsreferences/controls/README.md
Curve / Shape / Path で 2D/3D 曲線・輪郭を扱いたいextrasreferences/extras/README.md
CatmullRomCurve3 / CubicBezierCurve でスプライン・ベジェ曲線を作りたいextrasreferences/extras/README.md
TSL (Three.js Shading Language) でノードベースシェーダーを構築したいnodesreferences/nodes/README.md
UniformNode / TextureNode / MathNode で TSL ノードを組み立てたいnodesreferences/nodes/README.md
ComputeNode / StorageBufferNode で WebGPU コンピュートシェーダーを書きたいnodesreferences/nodes/README.md
PhysicalLightingModel / LightingModel でカスタムライティングモデルを実装したいnodesreferences/nodes/README.md
典型的な使い方・実装パターンを確認したいsamplessamples/README.md
インストール・Vite セットアップ・import パターン・Draco 設定を知りたいscriptsscripts/README.md
Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.24

Published

Sep 24, 2026

Category

Uncategorized

License

Not specified

Source path

skills/threejs

Default branch

main

Latest commit

f360956

Tree SHA

7af33bc