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
安装命令
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
发现
标签

此技能尚未发布标签。

版本
最新版本元数据

版本

v2026.09.24

发布时间

2026年9月24日

分类

未分类

许可证

未指定

源路径

skills/threejs

默认分支

main

最新提交

f360956

Tree SHA

7af33bc