Three.js 기반의 복잡한 프랙탈 3D 파티클 연출 코드 및 수학적 공식을 설계할 때 사용합니다.
I want you to act as a Generative Artist specializing in fractal-based 3D particle structures and recursive geometry. Task: Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles). Design Specifications: Use a recursive algorithm (like a Mandelbulb or Sierpinski gasket) to define the initial coordinates of the particle cloud. Implement a "Pulse Logic" where the fractal expands and contracts rhythmically using a Sinewave function. Add a "Depth of Field" (DoF) simulation where particles further from the focal plane become blurred, creating a macro-photography aesthetic. Enable real-time parameter tweaking for the fractal's "Iteration" and "Power" variables via a GUI. Suggest a color-mapping strategy based on the recursive depth of each particle to emphasize the fractal’s complexity. Please provide the mathematical formula for the point distribution and the Three.js setup for the PointsMaterial and Depth effect.
프랙탈 기반 3D 파티클 구조와 재귀적 지오메트리를 전문으로 하는 제너레이티브 아티스트 역할을 해주세요. 과제: 빛의 점(파티클)으로만 이루어진 복잡한 자가 유사 프랙탈 구조를 생성하는 제너레이티브 시스템을 설계하세요. 설계 명세: - 재귀 알고리즘(Mandelbulb 또는 Sierpinski gasket 등)을 사용하여 파티클 클라우드의 초기 좌표를 정의합니다. - 사인파 함수를 사용해 프랙탈이 주기적으로 확장 및 축소하는 '펄스 로직'을 구현합니다. - 초점면에서 멀어진 파티클이 블러 처리되어 접사 촬영 느낌을 내는 '피사체 심도(DoF)' 시뮬레이션을 추가합니다. - GUI를 통해 프랙탈의 'Iteration' 및 'Power' 변수를 실시간으로 조율할 수 있게 합니다. - 프랙탈의 복잡성을 강조하기 위해 각 파티클의 재귀 깊이에 기반한 컬러 매핑 전략을 제안합니다. 포인트 분포의 수학 공식과 PointsMaterial 및 Depth 효과를 위한 Three.js 설정을 제공해 주세요.
출처 · prompts.chat · Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles). — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
I want you to act as a Generative Artist specializing in fractal-based 3D particle structures and recursive geometry. Task: Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles). Design Specifications: Use a recursive algorithm (like a Mandelbulb or Sierpinski gasket) to define the initial coordinates of the particle cloud. Implement a "Pulse Logic" where the fractal expands and contracts rhythmically using a Sinewave function. Add a "Depth of Field" (DoF) simulation where particles further from the focal plane become blurred, creating a macro-photography aesthetic. Enable real-time parameter tweaking for the fractal's "Iteration" and "Power" variables via a GUI. Suggest a color-mapping strategy based on the recursive depth of each particle to emphasize the fractal’s complexity. Please provide the mathematical formula for the point distribution and the Three.js setup for the PointsMaterial and Depth effect.
빛 파티클 기반 3D 프랙탈 제너레이티브 시스템의 핵심 설계안입니다.
파티클의 위치는 구면 좌표계 반복 수식으로 계산됩니다:
전체 구조가 수평/수직 축으로 삼각함수 파동에 따라 유기적으로 호흡하듯 팽창·축소됩니다.
재귀 수렴 속도 및 iteration(n) 깊이에 따라 HSL 색상을 매핑합니다:
깊은 층위일수록 강한 발광 효과(Additive Blending)를 주어 복잡성을 강조합니다.
import * as THREE from 'three';
import { EffectComposer, BokehPass } from 'three/examples/jsm/postprocessing/...';
// 파티클 재질 설정
const material = new THREE.PointsMaterial({
size: 0.03,
vertexColors: true,
transparent: true,
blending: THREE.AdditiveBlending,
depthWrite: false
});
// DoF (Depth of Field) 마크로 라이트 포커스 효과
const composer = new EffectComposer(renderer);
const bokehPass = new BokehPass(scene, camera, {
focus: 1.0, // 초점 거리
aperture: 0.025, // 조리개 (아웃포커싱 강도)
maxblur: 0.01
});
composer.addPass(bokehPass);GUI(lil-gui 등)로 Power와 Iteration을 조정하면 파티클 BufferAttribute 위치 배열을 재계산하여 리얼타임 렌더링합니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
AI 역할레슨 01 배우기 ›
원문 · 없음AI 에게 맡길 역할이 정해져 있지 않아 답의 관점 · 수준이 그때그때 달라질 수 있었습니다.
개선 · 역할을 정함Act as an expert Generative Artist and Creative Technologist specializing in Three.js and
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 2개[version: r128+] · [50,000-100,000]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 7단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
I want you to act as a Generative Artist specializing in fractal-based 3D particle structures and recursive geometry. Task: Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles). Design Specifications: Use a recursive algorithm (like a Mandelbulb or Sierpinski gasket) to define the initial coordinates of the particle cloud. Implement a "Pulse Logic" where the fractal expands and contracts rhythmically using a Sinewave function. Add a "Depth of Field" (DoF) simulation where particles further from the focal plane become blurred, creating a macro-photography aesthetic. Enable real-time parameter tweaking for the fractal's "Iteration" and "Power" variables via a GUI. Suggest a color-mapping strategy based on the recursive depth of each particle to emphasize the fractal’s complexity. Please provide the mathematical formula for the point distribution and the Three.js setup for the PointsMaterial and Depth effect.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as an expert Generative Artist and Creative Technologist specializing in Three.js and shader programming. **Task:** Architect a 3D fractal particle system dynamic visualization using Three.js [version: r128+]. **Specifications:** 1. **Math & Distribution:** Define explicit mathematical formulas (e.g., Mandelbulb or Sierpinski gasket) to generate [50,000-100,000] light particles. Map particle colors dynamically based on recursion depth. 2. **Animation:** Implement continuous harmonic contraction/expansion ('Pulse Logic') using sine wave functions over time. 3. **Post-Processing:** Integrate Depth of Field (DoF) via `EffectComposer` / `BokehPass` to achieve a macro-photography blur aesthetic. 4. **Interactivity:** Provide a `lil-gui` or `dat.GUI` panel to tweak Iteration, Power, and Speed in real-time. **Output Format:** 1. **Mathematical Breakdown:** Equations for point distribution and color mapping. 2. **Implementation Code:** Complete Three.js code containing scene setup, `THREE.Points` geometry/material, animation loop, DoF passes, and GUI controls. 3. **Optimization Notes:** 2-3 key strategies to maintain 60 FPS performance.