동적 반사Dynamic Reflection

Dynamic Reflection

동적 반사

563

렌더 추가 예정CLIP COMING동적 반사Dynamic Reflection정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 563. 동적 반사 · Dynamic Reflection · none

주변 물체나 조명이 움직이면 거울 같은 표면 안의 반사도 함께 이동한다When surrounding objects or lights move, the reflection inside a mirror-like surface moves with them.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

반사면과 주변 공간의 위치 관계를 보여 준다. 물체가 실제 공간 안에 있다는 신뢰감을 만든다Shows the spatial relationship between the reflective surface and its surroundings, building trust that the object sits in real space.

언제 쓰나Use whenUSE WHEN

금속이나 유리 제품이 주변 조명 아래 돌아가는 장면을 만들 때
반사면에 다른 오브젝트의 움직임이 비치게 할 때

Show a metal or glass product turning under surrounding lights.
Let another object's movement appear in a reflective surface.

과용 주의AvoidAVOID

반사 해상도 128px 이상
거칠기 0.3 초과 시 거울 느낌이 사라짐

분류TagsTAGS

3D·깊이3D & Depth 강조Emphasis 분위기Mood 제품 시연Product demo 설명 영상Explainer video 숏폼Short-form 난이도 고급Advancedwebgl

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

반사 해상도 256px, 거칠기 0.1의 구체가 30도/s로 5초 동안 회전하고 주변의 밝은 패널이 그 안에서 이동한다

과용 · 나쁜 사례OVERUSE

반사 해상도가 32px라 뭉개져 보이거나, 반사가 고정된 환경맵이라 주변이 움직여도 반사는 그대로다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
반사 해상도	256px	128~512px	큐브맵 또는 반사 카메라
거칠기	0.1	0~0.3	낮을수록 거울
대상 회전	30도/s	15~45도/s
길이	5s	4~6s

GSAP

const u = { a: 0 };
tl.to(u, { a: 150, duration: 5, ease: 'none', onUpdate: () => { orb.rotation.y = u.a * Math.PI / 180; panel.position.x = Math.sin(u.a * Math.PI / 180) * 3; cubeCam.update(renderer, scene); render(); } }, 0);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 구체에 동적 반사를 넣어줘. 큐브맵 반사 해상도 256px, 거칠기 0.1로 두고 구체를 30도/s로 5초 동안 회전시키면서 주변의 밝은 패널이 x축으로 움직이게 해. 매 프레임 큐브 카메라를 갱신해서 반사 안의 패널이 함께 움직이게 해.

Add dynamic reflection to the sphere in <target>. Use a cubemap reflection at 256px with roughness 0.1, rotate the sphere at 30 deg/s for 5 seconds while a bright panel moves along the x axis around it. Update the cube camera every frame so the panel moves inside the reflection.

Codex

<파일>에 dynamic reflection을 구현해. CubeCamera 256px, 거칠기 0.1, 구체 회전 30도/s, 패널 x = sin(a)*3, 5s, ease none. 큐브 카메라는 onUpdate에서 명시 갱신. 0초, 2.5초, 5초를 캡처해 구체 안의 패널 반사가 위치를 바꾸는지, 두 번 seek해도 같은 프레임인지 확인해.

Implement dynamic reflection in <file>: CubeCamera 256px, roughness 0.1, sphere rotation 30 deg/s, panel x = sin(a)*3, 5s, ease none. Update the cube camera explicitly in onUpdate. Capture at 0s, 2.5s and 5s and verify the panel reflection changes position and seeking twice gives identical frames.