本文へ移動
cccskills
無料GitHub で公開

add-effects

Use when adding visual effects to a PlayCanvas app, to choose between particle systems, shader chunks, runtime meshes, and post-processing.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Effects

Pick the Engine building block first, then adapt its closest official example with find-examples:

  • Particle systems: the particlesystem component (graphics/particles-* examples).
  • Custom shading on existing surfaces: StandardMaterial chunk overrides (override-shader-chunks), or a ShaderMaterial when the effect needs its own shader pair.
  • Procedural or per-frame geometry: a runtime-updated Mesh on a render component (graphics/mesh-* examples), or WideLineRenderer for lines with width.
  • Full-screen effects: CameraFrame (light-scene).
  • Gaussian splat effects: the shipped gsplat scripts (reuse-scripts).

Engine gotchas

  • CurveSet takes one key array per channel. A flattened array type-checks, then fails at texture upload.
  • Create emitters and meshes at load and reuse them. Fire an emitter with reset() then play(); one-shots use loop: false.
  • The first use of a shader stalls a frame. Render each effect once behind a loading screen.
  • Animate values with setParameter, not a per-frame material.update().
  • A lit material on a custom mesh needs normals; otherwise use an unlit material.

Trigger each effect through the app's real inputs, and confirm repeated triggers keep entity counts stable.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use when writing PlayCanvas Engine code touching transforms, cameras, lights, materials, meshes, bounds, or imports, to apply Engine conventions and avoid legacy APIs.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

Use when composing PlayCanvas entity hierarchies from models, colliders, rigid bodies, and scripts, so each object has one semantic root and clear lifecycle.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

Use when static PlayCanvas lighting, shadows, or ambient occlusion cost too much per frame and should be baked into lightmaps.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

build-app

無料

Use when creating or restructuring a PlayCanvas app with the Engine API, @playcanvas/react, or @playcanvas/web-components, covering bootstrap, input, resize, physics, update loop, UI, and lifecycle.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

Use before repeatedly placing GLB models in PlayCanvas to record each asset's uniform scale, grounding offset, pivot compensation, and yaw once.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

Use before playing, blending, or retargeting GLB animation clips in PlayCanvas, or when diagnosing T-pose, frozen playback, or binding failures.

日本語の概要は準備中です。原文の説明を表示しています。

playcanvas/skills252026年10月2日 更新

playcanvas のスキルをすべて見る

このスキルの問題を報告する