AI 로 실현하는 디지털 생활의 즐거움. DiJoy AI

요약: Google AI Studio와 Three.js, WebGL2/GLSL 커스텀 셰이더를 활용하여 64층 볼륨 쉘(Volumetric Shells)과 60,000가닥의 인스턴스 헤어 스트랜드, GPGPU 베를레(Verlet) 물리 시뮬레이션, Marschner 헤어 셰이딩, 실시간 AR 웹캠 조명 추정까지 구현한 풀스택 3D 그래픽스 프로젝트 개발기입니다.📌 목차프로젝트 소개: Mochi-Puff 3D GPU 털 시뮬레이션왜 3D 웹 털(Fur) 시뮬레이션인가? 기술적 도전 과제Google AI Studio를 활용한 개발 여정 & 프롬프트 엔지니어링 노하우핵심 그래픽스 및 물리 아키텍처4.1 64층 볼류메트릭 쉘 & 60,000가닥 인스턴스 스트랜드 하이브리드4.2 GPGPU 핑퐁 렌더타깃 기반 ..

안녕하세요! 이번 포스팅에서는 Google AI Studio를 적극 활용하여 웹 브라우저에서 60FPS로 매끄럽게 구동되는 3D 미니어처 레이싱 게임 「데스크 레이서(Desk Racer)」를 개발한 전 과정과 핵심 코드 분석, 그리고 GitHub Pages로 원클릭 배포하는 방법까지 상세하게 공유해보려 합니다.평소 3D 그래픽스나 물리 시뮬레이션 게임 개발에 관심이 많으셨던 분들, 특히 AI 코딩 도구를 활용해 복잡한 Three.js 프로젝트를 현실로 완성해보고 싶으신 분들께 큰 도움이 되기를 바랍니다!📌 목차프로젝트 소개: '데스크 레이서(Desk Racer)'란?Google AI Studio와 함께한 개발 여정시스템 아키텍처 및 주요 기술 스택핵심 기능 및 상세 코드 분석4-1. 롤러코스터 트랙 C..

"어린 시절 거실에서 온 가족이 TV 앞을 뛰어다니며 즐기던 닌텐도 Wii Sports 테니스의 그 짜릿한 손맛, 이제 크롬 브라우저 하나만으로 설치 없이 즐길 수 있을까?"안녕하세요! 오늘은 Google AI Studio를 적극 활용하여 최신 웹 기술(Three.js, Web Audio, MediaPipe, Optical Flow)을 총동원해 개발한 3D 아케이드 테니스 웹게임, Argon Tennis(아르곤 테니스)의 전체 개발 과정과 핵심 아키텍처, 코드 구현 비하인드를 상세하게 공유하고자 합니다.단순한 키보드 조작 게임에 그치지 않고, 웹캠을 이용한 핸드 트래킹 스윙, 스마트폰 자이로 센서를 연동한 포켓 라켓(Pocket Racket), 정교한 스윗스팟 타격 판정과 공 궤적 물리, 그리고 한국어/..

포켓 월드 테라리움 실행하기 · 소스 코드 보기"책상 위 유리 구체 속에 나만의 작은 행성이 살아서 숨 쉬고 있다면?"Google AI Studio를 활용하여 기획부터 Three.js 3D 로우폴리 렌더링, 주민/양 떼 시뮬레이션, 한글/영문 다국어 지원, 그리고 GitHub Pages 배포까지 완성한 풀스토리 개발기를 공유합니다.📌 목차프로젝트 소개 & 완성 모습Google AI Studio와 함께한 개발 경험 (바이브 코딩)기술 스택 및 시스템 아키텍처핵심 기술 구현 & 심층 코드 분석① 다면체 구체 행성(Icosphere) 지형 및 노이즈 조각② 테라리움 유리 구체(Orb) 셰이딩 & 호두나무 스탠드③ 살아 숨 쉬는 로우폴리 미니어처 오브젝트 23종④ 구체 표면 위 자율 보행 에이전트 (주민 & ..

1. 들어가며: 왜 1,000년 전 차코 캐니언(Chaco Canyon)인가?미국 뉴멕시코 북서부 사막 협곡에 자리한 차코 캐니언(Chaco Canyon, 나바호어: Tsé Bił Ndzisgaii)은 서기 850년부터 1150년경까지 북미 남서부 고대 푸에블로 문명의 종교·정치·천문학적 중심지였습니다.그중에서도 가장 거대한 유적인 푸에블로 보니토(Pueblo Bonito, '아름다운 마을')는:433개의 지리참조 폴리곤(지상/반지하 403개 + 지하 30개)과 복원 시 최대 4층 높이(~14.0m)에 달하는 800여 개의 사암 방,동서 광장을 감싸는 35개 이상의 원형 의식용 홀인 키바(Kiva),56,000점 이상의 터키석과 모계 혈통 유전자가 확인된 33호 묘실(Room 33),수천 킬로미터 떨어진..

🧙‍♂️ 영화 속 그 마법 체스를 웹 브라우저에서!어릴 적 영화 ** 을 보며 거대한 석상들이 서로를 부수며 결투를 벌이던 ‘마법사 체스(Wizard Chess)’를 기억하시나요?별도의 설치나 무거운 프로그램 없이, 스마트폰과 PC 웹 브라우저 링크 하나로 접속해 즐길 수 있는 3D 마법사 체스 게임을 완성하여 GitHub Pages에 공개 배포했습니다!🎮 지금 바로 플레이하기: https://djai32521.github.io/wizard-chess-3d/💻 GitHub 오픈소스 저장소: https://github.com/djai32521/wizard-chess-3d ✨ 주요 특징 및 게임 하이라이트1. 웅장한 고딕 대성당과 리얼 3D 석상 모델링고딕 양식 성당의 스테인드글라스, 타오르는 화로, ..