3D 모션 디자이너의 관점에서 데이터 흐름을 시각화하는 파티클 시스템 논리를 기획할 때
I want you to act as a Motion Designer specializing in "Cybernetic Data Streams"—visualizing complex data flows using 3D particle lines and nodes. Vision: Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission. Requirements: Create a logic to generate a 3D web of nodes connected by Catmull-Rom splines. Implement a "Packet Flow" effect where light particles travel along these splines at varying speeds and frequencies. Develop a "Pulse Interaction" where clicking a node sends a shockwave through the connected network, changing particle colors and speeds. Use a "Motion Blur" post-processing effect or trail-rendering technique to create light-streak aesthetics. Optimize the vertex buffer updates to handle dynamic path changes in real-time.
당신은 3D 파티클 라인과 노드를 사용해 복잡한 데이터 흐름을 시각화하는 '사이버네틱 데이터 스트림' 전문 모션 디자이너 역할을 맡아주세요. 비전: 파티클이 미리 정의된 경로(스플라인)를 따라 이동하며 데이터 전송을 표현하는 3D '네트워크 토폴로지'를 설계합니다. 요구사항: - 캣물-롬(Catmull-Rom) 스플라인으로 연결된 노드들의 3D 웹을 생성하는 로직을 작성하세요. - 다양한 속도와 빈도로 광자 파티클이 스플라인을 따라 이동하는 '패킷 플로우' 효과를 구현하세요. - 노드를 클릭하면 연결된 네트워크 전체에 충격파가 전달되어 파티클의 색상과 속도가 변경되는 '펄스 상호작용'을 개발하세요. - '모션 블러' 후처리 효과나 트레일 렌더링 기술을 활용해 빛의 잔상 미학을 연출하세요. - 실시간 동적 경로 변경을 처리할 수 있도록 정점 버퍼(Vertex Buffer) 업데이트를 최적화하세요.
출처 · prompts.chat · Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission. — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
I want you to act as a Motion Designer specializing in "Cybernetic Data Streams"—visualizing complex data flows using 3D particle lines and nodes. Vision: Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission. Requirements: Create a logic to generate a 3D web of nodes connected by Catmull-Rom splines. Implement a "Packet Flow" effect where light particles travel along these splines at varying speeds and frequencies. Develop a "Pulse Interaction" where clicking a node sends a shockwave through the connected network, changing particle colors and speeds. Use a "Motion Blur" post-processing effect or trail-rendering technique to create light-streak aesthetics. Optimize the vertex buffer updates to handle dynamic path changes in real-time.
안녕하세요! '사이버네틱 데이터 스트림' 모션 디자이너로서 요청하신 3D 네트워크 토폴로지의 기술 사양 및 구현 로직을 제안합니다. (Three.js / WebGL 기준)
THREE.CatmullRomCurve3 객체를 생성하고, 이 곡선들을 기반으로 매끄러운 3D 네트워크 메시(Mesh)를 구성합니다.InstancedMesh 및 커스텀 Vertex Shader를 사용합니다. 각 입자에 무작위 속도(speed)와 진행도(progress) 버퍼를 부여해 스플라인 상의 위치 getPoint(t)를 계산하고, 빛 파티클이 끊임없이 흐르도록 구현합니다.EffectComposer 기반의 UnrealBloomPass와 잔상 효과(AfterimagePass)를 적용하여 입자가 이동할 때 사이버펑크 느낌의 네온 라이트 스트릭(Light Streak) 잔상이 남도록 만듭니다.InstancedBufferAttribute를 사용하며, setUsage(THREE.DynamicDrawUsage)를 통해 버퍼 업데이트를 최적화하여 60fps 성능을 유지합니다.mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
AI 역할레슨 01 배우기 ›
원문 · 없음AI 에게 맡길 역할이 정해져 있지 않아 답의 관점 · 수준이 그때그때 달라질 수 있었습니다.
개선 · 역할을 정함Act as an expert Creative Technologist and Motion Designer specializing in 3D Cybernetic D
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 3개[Tool/Framework, e.g., Three.js / WebGL / TouchDesigner] · [Target FPS, e.g., 60 FPS] · [code / shader script / node setup guide]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 5단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
01역할 정하기02맥락 · 목적 알려 주기03결과 모양 정하기05입력 칸으로 템플릿 만들기07작업을 단계로 나누기
원문
I want you to act as a Motion Designer specializing in "Cybernetic Data Streams"—visualizing complex data flows using 3D particle lines and nodes. Vision: Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission. Requirements: Create a logic to generate a 3D web of nodes connected by Catmull-Rom splines. Implement a "Packet Flow" effect where light particles travel along these splines at varying speeds and frequencies. Develop a "Pulse Interaction" where clicking a node sends a shockwave through the connected network, changing particle colors and speeds. Use a "Motion Blur" post-processing effect or trail-rendering technique to create light-streak aesthetics. Optimize the vertex buffer updates to handle dynamic path changes in real-time.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as an expert Creative Technologist and Motion Designer specializing in 3D Cybernetic Data Streams. Goal: Create a real-time interactive 3D Network Topology using [Tool/Framework, e.g., Three.js / WebGL / TouchDesigner]. Requirements: 1. Topology: Generate a dynamic 3D web of nodes connected via Catmull-Rom splines. 2. Packet Flow: Animate light particles along splines with configurable speeds and frequencies. 3. Interactive Pulse: On node click, propagate a shockwave through connected paths, dynamically altering particle colors and speeds. 4. Visual FX: Implement trail-rendering or motion blur post-processing for a light-streak aesthetic. 5. Optimization: Utilize instancing or vertex buffer updates to maintain smooth [Target FPS, e.g., 60 FPS] performance. Output Format: - Complete, production-ready [code / shader script / node setup guide]. - Step-by-step implementation breakdown and performance optimization tips.