블로그

SolitaireHot 모바일: 터치 조작, 레이아웃, 언어·설정

드래그·드롭, 더블탭 파운데이션, 고정 컨트롤, 반응형 열, 휴대폰·태블릿에서 언어·애니메이션 바꾸는 위치.

SolitaireHot 모바일: 터치 조작, 레이아웃, 언어·설정
7분 읽기

SolitaireHot은 축소판 모바일 포트가 아닙니다. 화면 너비에 맞춘 레이아웃으로 같은 17개 게임을 제공합니다. 제스처, 화면 방향, 설정·언어 페이지까지 — 폰에서도 데스크톱만큼 편하게 플레이하는 방법을 정리했습니다.

SolitaireHot 모바일 보드 카드 뒷면 패턴
카드 크기와 열 간격은 자동 조정되며, 컨트롤 바는 엄지 높이에 고정됩니다.

데스크톱 습관에 맞는 터치 제스처

카드나 합법 스택을 강조된 드롭 칸으로 끕니다. 허용되면 카드를 더블탭해 파운데이션으로 보냅니다 — 데스크톱 더블클릭과 같습니다. 핀치 줌은 필요 없고, 보드 레이아웃 엔진이 뷰포트 너비에 맞춰 카드 크기를 정합니다.

하트 10 — 휴대폰에서 넉넉한 터치 영역

세로 — 한 손 플레이

세로 모드는 읽기 쉬운 카드 면으로 테이블로를 위아래로 쌓습니다. 클론다이크·피라미드에 잘 맞습니다. 스파이더·프리셀도 충분히 플레이 가능하고, 더 넓은 열을 원하면 가로로 돌리세요.

스페이드 10 — 가로에서 열이 넓어짐

가로 — 넓은 보드

가로 모드는 스파이더·프리셀에 수평 공간을 더 줍니다. 회전해도 딜은 리셋되지 않으며, CSS 재배치 중에도 게임 상태는 유지됩니다.

SolitaireHot 모바일 체크리스트

  • 하단 고정 바: 새 게임, 힌트, 실행 취소 — 딜 중간에 메뉴를 찾을 필요 없습니다.
  • Safari/Chrome에서 홈 화면에 추가하면 빠르게 실행(캐시 시 오프라인 가능).
  • 상단 또는 /language의 언어 선택 — 13개 로케일, 설정에 저장.
  • 느린 기기에서는 /settings에서 딜 애니메이션을 끄면 즉시 배치됩니다.
  • 지원 브라우저 전체 화면은 크롬을 숨겨 펠트 공간을 넓힙니다.

휴대폰 설정 최적화

언어와 애니메이션을 한 번 맞춘 뒤, 즐겨 쓰는 변형을 북마크하세요.

이어서 읽기