브라우저에서 바로 돌아가는 타워디펜스 웹게임을 혼자 만들었습니다. 기획부터 개발, 밸런싱, QA까지 전부 직접 했습니다. 쓴 것은 HTML, CSS, JavaScript가 전부입니다. 게임 엔진이나 프레임워크를 쓰지 않았습니다. 설치 없이 주소만 열면 돌아가는 구조입니다. 이 작업에서 가장 손이 많이 간 것은 밸런싱입니다. 200웨이브까지 난이도가 갑자기 쉬워지거나 갑자기 막히지 않도록 적의 체력과 수익 공식을 맞추고, 한 화면에서 계속 바뀌는 수치를 눈으로 추적할 수 있게 배치했습니다. 같은 방식으로 간단한 브라우저 게임이나 인터랙티브 페이지를 만들어 드립니다. 유니티나 언리얼 기반 게임, 그리고 서버가 필요한 멀티플레이는 다루지 않습니다.
AI가드레일
게임 개발
5.0(5)
스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)
0
9
정보형 웹사이트 58개 URL 제작하고 배포까지
0
6
스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.
0
3
브랜드 랜딩 + 스크롤 3D 제품 연출 (향수 예시)
0
1
스크롤에 반응하는 제품 3D 랜딩페이지 (Three.js)
09정보형 웹사이트 58개 URL 제작하고 배포까지
06스크롤에 반응하는 제품 3D 랜딩페이지에서 그대로 뽑은 화면입니다. 캔 하나를 3D로 만들어, 스크롤을 내리면 돌고 열리고 따라지는 장면이 이어지도록 했습니다. · 모델링 — 캔 몸체, 라벨, 탭, 얼음, 따라지는 액체까지 직접 만들었습니다 · 재질과 조명 — 알루미늄의 반사, 얼음의 투명도, 액체의 굴절을 하나씩 값으로 잡았습니다 · 화면 — three.js로 만든 웹페이지입니다. 미리 녹화한 영상이 아니라 실제로 돌아가는 사이트라 스크롤과 마우스에 반응합니다 같은 방식으로 상세페이지에 넣는 제품 3D 영상과 GIF, 릴스용 세로본, 스크롤로 제품을 보여주는 랜딩페이지까지 만들어 드립니다. 실물을 보내실 필요는 없습니다. 제품 사진(정면·측면·후면)과 실제 치수(mm)만 주시면 됩니다. 먼저 정지 컷으로 재질과 구도를 확인받고 움직임으로 넘어갑니다.
03브랜드 랜딩 + 스크롤 3D 제품 연출 (향수 예시)
01
사주 타로 운세 앱 개발
0
3
글 하나를 쓰면 네 개 채널에 자동으로 발행되고, 공감과 댓글, 서로이웃, 답글까지 처리하는 프로그램을 직접 설계하고 개발했습니다. 채널마다 API 규격과 인증 방식, 이미지 처리 방식이 전부 다릅니다. 채널을 추가할 때마다 본체를 고쳐야 하는 구조를 피하려고, 발행 로직을 채널별로 분리하고 공통 인터페이스만 지키도록 설계했습니다. 가장 어려웠던 것은 발행이 아니라 실패 처리였습니다. 초기에는 한 채널이 막히면 전체가 멈췄습니다. 채널별로 독립 재시도하도록 바꾸고, 실패 원인을 인증 만료와 일시 오류로 구분한 뒤에야 무인 운영이 가능해졌습니다. 로그인은 일부러 자동화하지 않았습니다. 프로그램이 반복 로그인하면 캡차가 뜨고 계정이 막히기 때문입니다. 처음 한 번 사용자가 직접 로그인하면 그 세션을 저장해 씁니다. 속도도 일부러 늦췄습니다. 사람처럼 간격을 두고 움직이도록 만들었습니다. 짧은 시간에 몰아서 처리하면 하루 만에 막힙니다. 파이썬으로 개발했고 설치 없이 실행 파일 하나로 동작합니다. 계정 정보는 사용자 PC에만 암호화 저장되며 외부로 전송되지 않습니다. ※ 각 블로그 서비스의 이용약관을 준수하는 범위에서 동작하며, 방문자 수나 노출 순위 등의 결과를 보장하지 않습니다.
0
32
CTO 출신 개발자가 1~3주 만에 만들어 드리는 웹/앱 외주
0
26
사내 요청/결재/반려 관리
0
3
사주 타로 운세 앱 개발
CodeLune Studio03글 하나를 쓰면 네 개 채널에 자동으로 발행되고, 공감과 댓글, 서로이웃, 답글까지 처리하는 프로그램을 직접 설계하고 개발했습니다. 채널마다 API 규격과 인증 방식, 이미지 처리 방식이 전부 다릅니다. 채널을 추가할 때마다 본체를 고쳐야 하는 구조를 피하려고, 발행 로직을 채널별로 분리하고 공통 인터페이스만 지키도록 설계했습니다. 가장 어려웠던 것은 발행이 아니라 실패 처리였습니다. 초기에는 한 채널이 막히면 전체가 멈췄습니다. 채널별로 독립 재시도하도록 바꾸고, 실패 원인을 인증 만료와 일시 오류로 구분한 뒤에야 무인 운영이 가능해졌습니다. 로그인은 일부러 자동화하지 않았습니다. 프로그램이 반복 로그인하면 캡차가 뜨고 계정이 막히기 때문입니다. 처음 한 번 사용자가 직접 로그인하면 그 세션을 저장해 씁니다. 속도도 일부러 늦췄습니다. 사람처럼 간격을 두고 움직이도록 만들었습니다. 짧은 시간에 몰아서 처리하면 하루 만에 막힙니다. 파이썬으로 개발했고 설치 없이 실행 파일 하나로 동작합니다. 계정 정보는 사용자 PC에만 암호화 저장되며 외부로 전송되지 않습니다. ※ 각 블로그 서비스의 이용약관을 준수하는 범위에서 동작하며, 방문자 수나 노출 순위 등의 결과를 보장하지 않습니다.
COSMOS032CTO 출신 개발자가 1~3주 만에 만들어 드리는 웹/앱 외주
토이플 Toyple026사내 요청/결재/반려 관리
AutoGun Works03영상 원고/장면/검수 관리
AutoGun Works04주문 / 매출 관리 페이지
디즈크리에이터
019Framer 홈페이지 개선 - 카카오 알림톡 연동, 안내 구역, 시공 갤러리 카드
이음웍스
08바이브블록
범.dev
05생활법률 절차를 안내하는 AI 에이전트 공모전 사례
윤프로
013
