3D 커스텀 컨피규레이터 솔루션 Vivar(비바) : TF 팀 커뮤니케이션, 컨피규레이터 기획 및 디자인, 에셋 작업과 개발, 클라이언트 소통 전 범위 담당 - 3D 모델 추가, 변경, 이동, 삭제 기능 재사용 고려한 클래스형 객체 지향 모듈 구현 - PC / 모바일 컨피규레이터, 모니터링 페이지 레이아웃 전반 반응형 스타일링 - Html Canvas 이용한 제작 제품 아이콘 간편 생성 - 모바일, 태블릿 환경에서 iOS, Android 각각 Scene 내 필요 메쉬 usdz, gltf 추출 및 AR 기능 연동 - 3D 상품 BoundingBox 연산 및 카메라 배치, 온라인 쇼핑몰 장바구니 연동 구현 - 상품 정보를 통한 견적서 xlsx 추출 기능 개발 - 디자인 에셋 작업 (Figma) - 3D 모델 수정 및 최적화, uv 매핑, 노드 텍스쳐 적용, Bake 작업, 3D 애니메이션 제작 및 적용 (Blender 3D) * AI 제품 배경 사진 자동 생성 서비스 Photio(포티오) : html5 2D canvas를 활용한 editor, toolbar 제작 및 base64 image 추출 모듈 개발 - 브라우저 내 반응형 에디터 크기 연산 및 적용, 이미지 위치 속성 재연산, 전역 변수 관리 로직 구현 - Transformer 동작에 따른 redo-undo(이전 상태, 이후 상태) 기능 구현 및 관리 로직 - SAM (Segmenet Anything Model) 모델 적용을 통한 영역 브러시 처리 - Three.js 기반 에디터 세팅 및 포인트 조명 기능 2D 캔버스 내 이미지 반영 - 캔버스 비율 조정, Stable Diffusion 모델 생성 이미지 반영시 동기화 위한 이미지 위치 정보 처리 - 클릭 이벤트에 따른 브러시 정보 배열화, Html Canvas 내 내장함수 통해 브러시, 지우개, 펜툴 기능 구현 - 확대/축소에 따른 마우스 커서 위치, 브러시 크기 재연산 로직 구현 - 필터 기능 플러그인 코드 관리 및 Shader 코드 수정 - 필터, 초점 블러 효과, 이미지 대체 기능 + 서비스 로고 제작, CES 서비스 소개 영상 제작 * 웹에서 촬영하는 제품 사진 Snapic(스냅픽) - 서비스 종료 : webGL 3D editor, viewer, toolbar, controller, preview, camera animation, etc 등 개발 - glb(gltf), obj, fbx 등 3d 파일 drag & drop 업로드 및 db 연동 - JSON - 3D model viewer / editor 간 동기화 및 반응형 camera zoom 동기화 작업 - camera-controls lib 적용 및 성능 향상 위한 raycaster, orbit target distance 연산 경량화, re-render 최소화 작업 - pivot-control 기능 커스터마이징 연동 - 3D 오브젝트와 조명 pos / rot(quaternion) / scale - vector3 형태 관리, matrix4 연산 및 동기화, 재질 / 색상 변경 및 적용 구현 - postproces 효과, hdri 이미지 변경 및 적용 구현 + CES 서비스 소개 영상 제작 * Planningo 회사 소개 페이지 : 퍼블리싱 전반과 3D 모델 애니메이션 적용, matcap shader 전환, 마우스 이벤트에 따른 인터랙션 구현 . . .

더보기