설명 / 튜토리얼

Three.js에서 9기통 방사형 엔진 시뮬레이션을 구축하세요. 실린더 단면도, 마스터 로드와 컨넥팅 로드, 가변 피치 프로펠러를 포함하고 RPM, 토크, 압력의 실시간 업데이트를 지원해야 합니다. 시작, 스로틀, 마그네토 제어 기능을 추가하세요. 궤도 회전, 뷰 분해(exploded view) 및 기계 구조 관찰을 허용합니다.

뇌 속 뉴런이 과잉 반응하는 웃긴 영상을 만들어 주세요. 이건 당신의 뇌와 바보들입니다

"Gummy Bears" 구축 - 단일 독립형 HTML 파일 (CDN의 three.js가 유일한 의존성): 흰색 테이블 위에 놓인 반투명 젤리 곰 몇 마리를 잡고, 늘리고, 누르고, 던지고, 부어 넣을 수 있습니다. 곰들 - 클래식 젤리 곰 실루엣: 두 귀가 달린 둥근 머리, 짧은 주둥이, 통통한 몸, 뭉툭한 팔과 다리, 작은 몰드 눈과 코 - 모든 부분이 부드럽게 이어지도록 구성 - 개별 구가 아닌 암시적 표면(메타볼 / marching cubes)으로 몸을 만듭니다 - 소재: 실제 젤리 캔디. 투사율과 굴절이 있는 반투명 재질, 두꺼운 부분에서 깊어지는 색상 흡수, 선명한 하이라이트가 있는 광택 클리어코트 - 색상: 체리 레드, 오렌지, 레몬 옐로우, 애플 그린, 클리어 파인애플 - 각 곰 아래에는 곰 자체 색상에 물든 부드러운 유색 그림자 물리 (핵심 요소 - 플라스틱이 아닌 젤리처럼 느껴져야 합니다) - 각 곰은 연체입니다: 머리, 귀, 주둥이, 몸, 배, 손, 발에 질량 점을 두고 부피 보존 형상 매칭으로 연결합니다 - 팔다리와 목은 점 사이에서 늘어나는 스트랜드로 렌더링되며, 늘어날수록 가늘어집니다 - 어떤 부분을 잡아서 당기면: 고무처럼 늘어나고 나머지 몸이 따라 기울어지며, 놓으면 감쇠된 흔들림과 함께 원래 상태로 돌아갑니다 - 머리를 위로 당기면: 목이 늘어나고 몸이 따라오며, 놓으면 곰이 납작해졌다가 튀어 오릅니다 - 머리를 아래로 누르면: 곰이 팬케이크처럼 눌리고 옆으로 팽창했다가 다시 위로 튕겨 나갑니다 - 곰을 던지면: 날아가다가 착지할 때 납작해지고, 튕기면서 다른 곰들을 밀어냅니다 - 곰들은 서로 충돌하며 절대 관통하지 않습니다 - 대기 중인 곰들은 작은 무작위 점프와 늘림/압축 동작을 수행합니다 - "Pour more bears" 버튼은 위에서 한 움큼을 떨어뜨려 흔들거리고 진동하는 더미를 만듭니다 UI - 흰색 배경의 에디토리얼 제품 페이지 스타일. 큰 이탤릭 세리프 제목 "Gummy / Bears.", 짧은 부제, 오른쪽에 향료 스와치, 흔들림 슬라이더, 실시간 "Stretch" 및 "Bounces" 표시, "Pour more bears" 버튼이 포함된 최소한의 카드 - 잡는 동안 커지는 미묘한 원형 커서 - ACES 톤 매핑, 환경 반사, 부드러운 키 라이트와 백 라이트. 부드러운 60fps

#threejs를 사용하여 자율형 전기 모터 공장을 디자인하세요. 레이저 절단된 강재부터 모든 모터의 회전 테스트 수행까지 전체 생산 라인을 브라우저에서 실시간으로 보여줍니다.

강희 연간 공학 기록을 기반으로 자금성 태화전을 처음부터 재현합니다: 72개의 기둥, 372조의 두공(斗栱), 8만 개 이상의 유약 기와, 처마 끝의 열 마리 용머리 장식이 모두 포함됩니다. 영상 속 건축 순서는 원본 기록에서 완전히 도출되었습니다. Blender를 사용하지 않고 전적으로 코드로 생성되었습니다.

나레이션, 음악, 모션 효과 및 자동 소싱된 에셋을 포함하여 SpaceX 역사 영상을 제작하세요. 먼저 스토리보드를 나열한 후, 각 버전별로 사소한 조정을 반복하는 과정을 거치세요. 최종 단계에서는 저작권 확인을 수동으로 수행해야 합니다.

회전 가능한 인터랙티브 4행정 엔진 애니메이션을 제작하세요. 93개의 개별 부품을 모델링하고, 셰이더를 사용하여 실린더 내부의 불꽃 효과를 시뮬레이션합니다. 그런 다음 이 애니메이션에서 47초 분량의 영상 출력을 생성하세요.

테슬라식 전기 모터의 작동 원리를 설명하는 시네마틱 3D 애니메이션 제작

한 줄의 요청만으로 Claude Code (Opus 5.5) 가 밤새 Three.js 에서 피스톤과 크랭크가 움직이는 3D 다이어그램을 생성하도록 했습니다. 작업 시간은 단 8 분 이었습니다. ■ 제작 내용 - 피스톤, 커넥팅 로드, 크랭크샤프트 (메인 샤프트, 암, 핀, 플라이휠), 투명 실린더, 헤드, 스파크 플러그, 연소실 불꽃 - Remotion 을 활용한 세로형 1080x1920 해상도, 30fps, 32 초 분량의 영상 - 이미지 에셋은 전혀 사용하지 않았습니다. 모든 부품과 불꽃은 코드로 그려냈습니다. ■ 작동 원리 - 크랭크 각도를 기반으로 매 프레임마다 공식으로 피스톤 높이와 커넥팅 로드 각도를 계산합니다. - 4 스트로크 엔진이므로, 상사점 직후 720° 마다 한 번씩만 연소실에 불이 켜지도록 설정했습니다. - 부품 라벨 선은 동일한 카메라를 사용해 3D 점을 화면에 투영하여 그립니다. 따라서 회전하거나 확대해도 선이 정확히 부품을 가리킵니다. ■ 제작 방법 (3 단계) 1. 요청은 단 한 줄이었습니다: "Three.js 로 회전 및 확대 가능한 피스톤과 크랭크 움직임의 3D 다이어그램을 만들어줘" 2. 이미 설치된 @remotion/three 와 @react-three/fiber 만 사용하여 구축했습니다. 추가 설치는 없었습니다. 3. 중간 정지 이미지를 3 회 확인하며 피스톤 링 방향, 카메라 거리와 높이, 라벨과 그래프의 겹침 현상을 수정한 후 내보냈습니다. 헤드리스 렌더링 (--gl=angle) 환경에서도 3D 출력은 온전했으며, 내보내기 작업을 한 번에 완료했습니다. ■ 참고 사항 - 원본 게시물의 'Anatomy' 스킬은 포함되지 않았으며 테스트하지도 않았습니다. 오직 로컬 Three.js 만으로 구축되었습니다. - 불꽃은 반투명한 발광 실린더와 포인트 라이트로 구성됩니다. 원본 게시물처럼 WebGL 셰이더 기반의 불꽃, 물 또는 플라즈마 효과는 구현하지 않았습니다. - 크랭크샤프트의 카운터웨이트는 형태를 단순화했으므로, 각도에 따라 일부 프레임에서는 검은 보드처럼 보일 수 있습니다. - 시청자가 직접 회전하거나 확대할 수는 없으며, 영상 내에서 카메라가 이동하며 다양한 각도를 보여줍니다.

블록체인과 비트코인 아키텍처, 해시 알고리즘에 대한 구조 분석

해부학적 스타일의 Jig로 Napster가 어떻게 작동했는지 보여줍니다. 재미있는 카메라 전환, 모션, 시각 효과 및 색상 강조를 사용하여 핵심 부분과 순간들을 돋보이게 하세요.

구글 색인 및 검색 알고리즘의 작동 방식을 해부학적 스타일의 Jig로 보여주는 콘텐츠입니다. 규모와 속도가 중요하므로, 극적인 줌 아웃 장면 등을 통해 이를 인상적으로 표현하세요. 재미있는 카메라 연출을 사용하세요.

TikTok 영상 추천 알고리즘의 작동 방식(예측, 빠른 검색, 즉시 재생 등)을 해부학적 스타일의 지그(Jig) 형태로 시각화하세요. 추측하지 말고 실제 정보를 조사하여 반영하세요. 재미있는 카메라 전환, 모션, 시각 효과 및 색상 강조를 활용하여

Shazam 알고리즘의 작동 방식(사운드 지문 인식, 빠른 검색 등)을 해부학 스타일의 Jig로 보여줍니다. 재미있는 카메라 전환, 모션, 시각 효과 및 색상 강조를 사용하여 핵심 부분과 순간들을 돋보이게 하세요.

다음 장면을 포함하는 보안 워크플로 설명 영상을 제작하세요: i. 매핑: 공격을 따르기 전에 저장소, 의존성, 접근 규칙 및 로그가 지도로 구축되는 모습을 보여주세요. ii. 추적: 사용자 입력이 원시 SQL로 들어가는 경로를 따라가며, 신뢰할 수 없는 데이터가 쿼리에 도달하는 지점을 강조하세요. iii. 보류: 퍼징이 orders.py에 영향을 미치고 익스플로잇이 플래그되며, 워크플로가 병합을 HOLD 상태로 설정합니다. iv. 패치: 수정 사항을 적용하고 원래 익스플로잇이 여전히 작동하는지 확인하세요. v. 재공격: 레드 팀 하위 에이전트가 패치된 코드를 공격합니다. 화면에 “fix it · then try to break it again.”라는 지침을 표시하세요. 에이전트의 작업 자체가 다음 타겟이 됩니다. vi. 인수인계: PR을 열고 보안 권고사항은 비공개로 유지하며 인간의 승인을 기다립니다. 흥미로운 부분은 패치 이후에 발생한다는 점을 강조하세요: 다시 깨뜨리기 위한 시도. 화면의 마지막 줄: “opus never merges alone” 테마: 자신의 수정 사항을 공격하라. 인간의 ‘예’를 얻어라.

첨부된 hrv_recovery_log.csv 파일을 바탕으로 30초 분량의 설명 영상을 제작하세요. 비주얼 스타일: 흰색 배경, 텍스트는 최소화합니다. 규칙: 1. 모든 수치는 CSV 데이터에서 직접 계산합니다. 2. 인과 관계를 단정하지 않고 상관관계만 보여줍니다. 표시해야 할 주요 인사이트: > SLEEP - "회복에 긍정적인 영향" > ALCOHOL - 회복을 "상당히 저해함" > LATE MEALS - 늦은 식사 없이 70.2 ms, 있을 때 58.1 ms, -12.1 ms 차이 > WORKOUTS - "회복에 일부 영향을 미치지만 큰 효과는 없음" 핵심 메시지: "충분한 수면을 취하고 음주는 적당히 하세요."

Pudgy Penguin NFT용 라이브 트레잇 스캐너 인터페이스를 구축하세요. 대상: 특정 Pudgy Penguin 이미지 하나. 파이프라인: Hair -> Eyes -> Medal -> Full Scan -> Grade 순서로 진행합니다. 단계: 1. 하나의 대상과 파이프라인(머리카락, 눈, 메달, 전체 스캔, 등급)을 고정하세요. 2. 모델이 신체에 없는 부분을 임의로 생성하지 않도록 먼저 트레잇 사전(trait dictionary)을 작성하세요. 3. 중앙 스테이지를 구성하세요: 펭귄, 조준 레티클, FULL SCAN 배지. 4. 왼쪽 패널에는 트레잇 정보만 표시하세요: afro, pick, eyes, beak, fur, medal, ribbon, aura. 5. 오른쪽 패널에는 스캔 통계만 표시하세요: conf, depth, rate, lock, sway. 6. 하단 데크는 마지막에 연결하세요: star path, crystal ball, rune track, mana curve. 7. 스캔을 처음부터 끝까지 재생하고, 잠금(lock) 효과가 자연스럽게 느껴질 때까지 한 번에 한 패널씩 수정하세요. 규칙: - 각 단계는 하나의 읽기(read)만 담당합니다. - 전체 실루엣이 완전히 잠기기 전에는 최종 판정(verdict)이 실행되지 않습니다. 먼저 펭귄 하나로 시작하세요. 이후의 모든 스캔은 동일한 시스템 내에서 새로운 대상을 처리하는 방식이 됩니다.

네 가지 주제를 다루는 82초 분량의 테크 뉴스 영상을 제작합니다. 1. 대본: 브리핑 내용을 문장 단위로 구어체 내레이션으로 재작성합니다. 시각 자료에는 브리핑에 명시된 사실만 포함됩니다. 2. 음성 합성: VoxCPM2를 로컬에서 활용하여 중국어 남성 음성을 생성하고, Whisper 전사 기능을 통해 정확성을 검증합니다. 3. 음악: YuE2를 로컬에서 활용하여 순수 악기 연주곡(재즈 힙합 스타일)을 생성하며, 음성 구간에서는 자동으로 볼륨을 낮추는 다킹(ducking) 효과를 적용합니다. 4. 시각 효과: HyperFrames를 사용하여 HTML + GSAP 애니메이션을 영상으로 렌더링합니다. 스위스 스타일의 타이포그래피와 스크린샷용 여백을 활용합니다. 5. 동기화: 각 내레이션 라인의 실제 길이를 측정하고, 카메라 앵글, 자막, 숫자 표시가 오디오와 완벽하게 동기화되도록 조정합니다.