본문으로 건너뛰기
cccskills
무료GitHub에 공개

reduce-draw-calls

Use when a PlayCanvas app has too many draw calls or is CPU-bound, before hand-merging meshes or writing custom renderers.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md1.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Cut draw calls

Measure first with app.stats.drawCallCount or MiniStats; the per-pass app.stats.drawCalls breakdown fills only in profiler builds. Also halve the pixel ratio and call app.resizeCanvas(): if frame time drops, the cost is fill rate, not draw calls. Stop at the first rung that meets the budget and report before-and-after counts.

1. Stop drawing hidden things

An element at opacity 0 still draws. Set enabled = false.

2. BatchManager

Call app.batcher.addGroup(name, dynamic, maxAabbSize), then set batchGroupId on render, sprite, or element components. Use dynamic: false for geometry that never moves. Members join when enabled in the live tree, in any order, and groups regenerate automatically when membership changes. Call markGroupDirty(id) only after moving members of a static group. Manual AppOptions bootstraps must set batchManager.

3. Hardware instancing

Use this for many copies of one mesh and material with per-frame transforms. Build a buffer with VertexFormat.getDefaultInstancingFormat(device), one mat4 per instance, and call meshInstance.setInstancing(vb); instancingCount follows the buffer.

There is no per-instance culling. By default the group always draws; setInstancing(vb, true) culls it as one unit against a RenderComponent#customAabb covering every instance. Split large instance sets into spatial chunks. Custom vertex chunks need the INSTANCING path (override-shader-chunks). Start from the graphics/instancing-basic and graphics/instancing-custom examples.

Confirm the image is unchanged with verify-pixels.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

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/skills282026년 10월 13일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

playcanvas의 스킬 모두 보기

이 스킬의 문제 신고