실전 UI
진짜 쓰는 UI 부품. 상황별 9가지로
타자 연습 9종 — 분당 타수 계산부터 오타 대조와 키 히트맵까지크리에이티브 UI
스톱워치 9종 — 연속으로 도는 초침부터 랩 기록과 기록 비교까지크리에이티브 UI
아스키 아트 9종 — 밝기를 글자로 바꾸는 램프부터 가장자리 기호까지크리에이티브 UI
동전 던지기 9종 — 3D 앞뒤 전환부터 5:5 로 모이는 집계까지인터랙션
눈 내리는 효과 9종 — 소스 그대로 복붙하는 눈송이부터 쌓이는 눈까지갤러리
구름 애니메이션 9종 — 구름 생성 원리부터 구름바다까지크리에이티브 UI
가상 조이스틱 9종 — 조이스틱 원리부터 드론 시점까지입력 UI
자성유체 원리 9종 — 솟는 가시부터 자성유체 시계까지인터랙션
온라인 직소 퍼즐 만들기 9종 — 곡선 조각과 자석 맞물림을 계산으로drag
좌석 선택 ui 9종 — 공연장 좌석 시야까지 계산하는 예매 화면선택 UI
라인 드로잉 9종 — 점 순서와 선 길이를 계산해 한 줄로 그리는 캔버스크리에이티브 UI
수채화 효과 9종 — 번짐·안료 고임·종이 결을 계산으로 그리는 캔버스갤러리
마우스 따라다니는 캐릭터 9종 — 뱀·잉어·도마뱀·문어를 계산으로 움직이기인터랙션
낙엽 떨어지는 효과 9종 — 흔들림·바람·단풍 물듦·쌓이는 더미크리에이티브 UI
가상 피아노 9종 — 스프링 건반·해머·줄 배음·자동 연주 무대인터랙션
오로라 배경 9종 — 커튼·세로 광선·호수 반사·산 능선 히어로크리에이티브 UI
제너레이티브 아트 9종 — 랜덤 패턴 만들기에서 자라는 그림까지크리에이티브 UI
3d 웹사이트 만들기 9종 — 마우스를 따라 도는 라이브러리 없는 모형인터랙션
비눗방울 효과 9종 — 막 두께 색·터짐·두 방울 붙기 계산인터랙션
마블링 효과 css 9가지 — 잉크 확산·빗 결·돌 결의 흐르는 배경크리에이티브 UI
css receipt 9가지 — 한 줄씩 인쇄·절취선 찢기·바코드 스캔·나눠 내기목록·표 UI
css captcha 9가지 — 왜곡 글자·회전 맞추기·노이즈 속 글자 확인로그인·인증 UI
css waveform 9가지 — 피크로 줄이고 구간을 골라 자르는 오디오 파형 장면선택 UI