Reszponzív Three.js-szállítás
A tényleges megjelenítési területhez igazítja a játékot feleslegesen nagy képkockák nélkül. Kezeli az átméretezést, rejtett tárolót és hiányzó grafikai támogatást, olvasható felülettel.
threejs-responsive-delivery
Nézd meg, miben segítMikor hasznos?
Akkor használd, ha beágyazott 3D nyúlik vagy túl sok GPU-t használ.
Miben segít neked?
- Megkülönbözteti a látható vászonméretet a rajzolási puffertől.
- Korlátozza a pixelsűrűséget, kezeli a rejtett és nulla méretű gazdát.
- Olvasható felületet és kifejezett nem támogatott eredményt ad.
Például ezt kérheted
Ágyazd a 3D kártyajátékomat átméretezhető felületbe. Próbálj keskeny telefont, nagy pixelsűrűségű kijelzőt és átmenetileg rejtett lapot. A kártyák aránya maradjon helyes, a renderfelbontás legyen korlátozott, grafikai támogatás nélkül pedig üres vászon helyett érthető jelzés jelenjen meg.
Részletes dokumentáció
Itt a skill eredeti útmutatóját, példáit és ellenőrzési szempontjait olvashatod az eredeti nyelven.
Összecsukás
Three.js — responsive delivery
Use when delivering Three.js across resized canvases, mobile screens or browser backends.
Version and project gate
Inspect Three.js revision, renderer/backend, addons import style, bundler, color-management conventions, animation loop owner, scene scale, glTF/decoder versions and existing physics wrapper. Never turn a task into an engine upgrade without the user’s intent. Read the version-matching official reference when an API decision depends on it.
Work
Read the displayed canvas size separately from the drawing buffer. Update projection with the display aspect and budget internal resolution for the actual device. Handle zero-sized/hidden hosts and unavailable rendering contexts. Keep UI readable separately from 3D render scale.
Deliver
A resize/resolution policy and a supported-browser delivery note for the actual build. Keep the change in the existing project structure; separate actual observations from the proposed acceptance scenario below.
Failure to prevent
Unbounded devicePixelRatio may create excessive GPU work; a stretched canvas can hide an unchanged drawing buffer.
Acceptance scenario
Resize an embedded host, rotate a phone viewport, hide/show the view and try an unsupported graphics path. Follow the project’s execution and verification permissions. If execution or a target device is unavailable, provide the reproduction steps and name the remaining uncertainty; do not mark it passed.
Scope and sources
This skill belongs to Vex. Agent selection is restricted by Orqestria’s assigned-agent policy, including forced skill selection; instruction text alone is not an access control. These are original task workflows researched from official documentation, not a copied or endorsed vendor skill.
Csomagban lévő fájlok 1
SKILL.md