← 사용 가이드
Motion design assets · v2

LOUPESYSTEM바이트 아래의 코드를 비추는 렌즈 하나에서 시작한 모션 언어

사용 가이드의 렌즈를 게임의 탐지 장치처럼 키웠습니다. 렌즈를 대고 있으면 숨은 함수를 조준해 잠금(lock-on)하고, 찾은 것은 기록과 지도에 남습니다. 같은 문법으로 스캔, 글리프, 호출 그래프, 증거 카드, 부트 화면, 아이콘, 토큰까지 이어 갑니다.

08에셋
05숨은 함수
12SVG 아이콘
03모션 커브
Hero interaction · Game

탐지 렌즈

렌즈 안은 실제로 확대된 복원 코드입니다. 숨은 함수 위에 렌즈를 대고 있으면 조준 링이 차오르고, 잠금이 끝나면 “FUNCTION ACQUIRED”가 뜹니다. 다섯 개를 모두 찾으면 분석이 완료됩니다.

  • 입력포인터 · 터치 드래그 · 방향키
  • 잠금 시간650ms 유지
  • 추적lerp 0.16 / frame
  • 레이어hex · 확대 소스 · HUD · 마커
Notes.app · __TEXT,__textZOOM 1.6×
FUNCTION ACQUIRED——
5 / 5 RECOVERED

Analysis complete

모든 숨은 함수를 근거와 함께 찾았습니다.

드래그하거나 방향키로 렌즈 이동

Transition · Loader

디코드 스캔

빔이 지나간 줄부터 16진수가 뒤섞이다 왼쪽부터 복원 코드로 확정됩니다. 분석 중 로딩, 섹션 전환, 결과 첫 등장에 쓰는 전환입니다.

  • 빔 이동2.4s · lock curve
  • 줄 해독520ms · 좌→우
  • 스크램블 문자0-9 a-f
decode passIDLE
Typography · Real data

UTF-8 글리프 타일

입력한 글자의 실제 UTF-8 바이트를 먼저 보여 주고, 한 장씩 뒤집혀 글자가 됩니다. 한글은 3바이트, 영문은 1바이트입니다. 타일에 마우스를 올리면 다시 바이트로 돌아갑니다.

  • 뒤집기800ms · stamp curve
  • 간격70ms stagger
  • 인코딩TextEncoder (UTF-8)
Data viz · Skill tree

호출 경로 트리

게임 스킬 트리처럼 진입점에서 선택한 함수까지의 호출 경로에 불이 들어오고, 경로를 따라 신호가 흐릅니다. 점선 노드는 아직 출처를 모르는 ‘미지’입니다.

  • 선택클릭 · Enter · Space
  • 펄스1.4s 경로 이동
  • 상태기본 · 경로 · 선택 · 미지
Component · Collectible

증거 카드

REA 결과의 세 등급인 관찰·추론·미지를 수집 카드로 만들었습니다. 기울이면 홀로그램 포일이 움직이고, 클릭하면 뒷면의 근거 바이트가 보입니다. 미지 카드는 노이즈와 글리치가 있습니다.

  • 틸트±12° · pointer
  • 뒤집기900ms · stamp curve
  • 등급 색cobalt · signal · ink
Onboarding · Sequence

셋업 부트 시퀀스

설치 과정을 게임 부팅 화면처럼 보여 주는 온보딩 연출입니다. 실제 setup 단계(선택 → 계획 검토 → 백업·기록 → 검증 → 재시작)를 순서대로 따르지만 출력 문구는 연출용입니다.

  • 타이핑28ms / char
  • 진행 막대18칸 · 40ms
  • 총 길이약 7초
zsh — rea setupSIMULATION · 실제 출력 아님
Iconography · SVG

분석 대상 아이콘

24px 그리드, 1.6 선 굵기, 둥근 끝의 단일 선 아이콘입니다. 마우스를 올리면 선이 그려지는 드로잉 모션이 재생됩니다. 각 아이콘을 SVG로 저장하거나 코드로 복사할 수 있습니다.

  • 그리드24 × 24
  • 선1.6 · round · currentColor
  • 드로잉1s · pathLength 1
12 icons · currentColor
Foundation

색 · 글꼴 · 모션 토큰

모든 에셋이 공유하는 기초값입니다. 색을 누르면 HEX가 복사되고, 커브 카드를 누르면 실제 속도감을 점의 움직임으로 확인할 수 있습니다.

Display · JetBrains Mono 800ACQUIRED
Heading · Pretendard 780근거와 함께 읽는다
Accent · Instrument Serif ItalicReverse Engineer Anything
Data · JetBrains Mono 5000x00001f30 cf fa ed fe 0c 00 00 01