Development philosophy

더 많은 자극보다
덜어낸 화면

처음부터 완성된 교육 과정이나 놀이 모음을 만들려 하지 않았습니다. 하나의 도형이 충분히 보이도록 선택, 전환 시간, 멈춤만 남겼습니다.

여러 흑백 도형이 한 줄로 진행되고 아래에서 색 관계가 반전되는 모습
한 바퀴가 끝나면 도형과 배경의 흑백 관계가 바뀝니다.

Deliberate limits

무엇을 더할지보다 무엇을 빼둘지 정했습니다

원본 FocusBooks의 Level 1 자산을 웹에서 간단히 보여주는 범위에 머뭅니다. 그 밖의 활동을 어설프게 합치지 않고 각 도형을 보는 경험을 분명하게 유지합니다.

01

Level 1만

원·별·달·격자·줄무늬 등 대비가 분명한 SVG 19개만 포함합니다. 더 높은 단계나 별도 놀이를 섞지 않습니다.

02

흑백만

사용자 색상 선택을 제거하고 검정과 흰색 두 색을 고정했습니다. 한 바퀴마다 앞·뒤 색의 역할만 바뀝니다.

03

기본 10초

빠른 효과 대신 각 도형이 머무는 시간을 눈에 보이는 슬라이더로 제공합니다. 필요하면 3~60초 범위에서 조정합니다.

04

컨트롤은 물러나기

전체화면을 시작하면 제어 막대는 3.5초 뒤 숨습니다. 필요할 때 화면 아래 손잡이로 다시 열 수 있습니다.

Static & local

정적 파일 안에서만 움직입니다

  • SVG 렌더링19개 도형을 페이지 안에 포함하고 현재 색상 값을 주입해 별도의 캔버스나 외부 라이브러리 없이 표시합니다.
  • 순서선택한 도형만 원래 목록 순서로 재생하며 마지막에서 처음으로 돌아갈 때 색상 순서를 뒤집습니다.
  • 제어일시정지·이전·다음·전체화면·종료를 제공하고 남은 초를 원형 타이머로 표시합니다.
  • 저장언어 선택만 현재 브라우저에 저장합니다. 선택 도형, 재생 기록, 프로필은 서버나 계정에 남기지 않습니다.
  • 제외 범위음악, TouchBall, FaceSlot, 로그인, 서버 동기화와 발달 점수는 포함하지 않습니다.

단순함은 효과에 대한 증명이 아닙니다

도형 수와 색을 제한한 것은 제품 범위를 명확하게 하기 위한 설계 선택입니다. 이 구성이 발달이나 집중력 향상을 보장한다는 뜻은 아닙니다.