멀티터치를 이용한 디지털 스탬프 제작기

13 Mar, 2025

news detail0

전라북도 군산 명월동에서 진행된 <맥심골목> 프로모션을 위해 우리는 오프라인과 온라인 경험을 이어줄 아이디어가 필요했고, 맥심골목을 방문한 사용자들이 9개의 주요 지정 장소를 돌아다니며 디지털 스탬프를 수집하고 빙고를 완성하는 참여형 이벤트를 기획했습니다. 지정된 장소마다 특별히 제작된 디지털 스탬프를 비치해두고 이는 사용자의 <맥심 마이 포인트>앱을 통해 작동하도록 특별히 설계되었습니다.

실물 스탬프를 사용하는 경험은 실제로 골목을 걷는 야외 경험과 자연스레 결합되었고, 디지털 경험으로 전환될 수 있는 중요한 경험 설계였습니다.
스탬프는 한 손에 쥘 수 있는 크기를 가지며 동시에 모든 종류의 스마트폰 화면에 찍을 수 있는 크기를 만족해야했습니다. 또한 별도의 전자장치를 이용하지 않고 작동할 수 있도록 우리는 기기의 멀티터치 기능을 응용하기로 했습니다. 스탬프를 손에 쥔 상태로 터치가 가능하기 위해서는 전도성 소재를 이용해야했는데 알루미늄 소재는 높은 전도성 뿐만 아니라 높은 가공성 또한 갖춘 소재로서 채택되었습니다.

9개의 각기 다른 공간에 비치될 디지털 스탬프는 각각의 고유한 값을 전달할 수 있어야 합니다. 이를 위해 우리는 9개의 동일한 금속 스탬프를 준비하고 그에 결합하여 사용할 수 있는 전도성 범폰을 이용해 특정한 패턴을 부여했습니다.

스탬프 하단에 타공된 8x8의 구멍에 여러 개의 범폰을 특정한 패턴을 나타낼 수 있도록 결합하였습니다. 9가지의 패턴으로 준비된 스탬프는 스마트폰에 멀티터치를 입력하게 되고 앱에서 이를 고유한 값으로 인식하여 작동할 수 있도록 개발했습니다. 기술적인 측면에서 보면 최신의 iOS와 Android 기기는 최대 10개의 멀티터치를 인식할 수 있지만 구형 기기 및 다른 제조사들의 기기를 고려하여 5개의 멀티터치를 사용했습니다.

패턴을 구별하여 인식하는 방식은 간단하지만 흥미롭습니다. 스탬프를 어느 방향으로 찍어도 정상적으로 인식할 수 있도록 회전과 대칭에서 자유로울 수 있도록 고려한 패턴 여러가지를 준비한 후 범폰들의 개별 거리를 이용하는 방식입니다.

다섯 개의 터치 좌표를 입력받으면 모든 좌표의 상대거리를 측정합니다. 측정한 거리값 중 가장 긴 거리값을 최대값으로 상정하고 나머지 거리값들은 최대값의 상대치(%)로 변환합니다.

news detail3

이렇게 계산된 총 10개의 거리값 모음은 곧 하나의 스탬프 입력값을 나타내게 됩니다. 물리적인 기구를 이용해 입력받은 값이기 때문에 비록 같은 스탬프로 반복 입력하더라도 일정수준의 오차를 나타내게 되는데요, 이는 여러번의 테스트를 통해 평균오차값을 측정하고 이를 판정시에 고려할 수 있도록 개발했습니다. 그 결과 매우 높은 정확도로 각각의 스탬프를 고유한 값으로 인식할 수 있게 되었습니다.

news detail4

물론 현장에서는 예상치 못한 변수들이 있을 수 있습니다. 사용자마다 스탬프를 누르는 압력, 각도, 방향이 다르기 때문에 혹시 모를 오류에 대비해 현장 스태프가 QR 코드 인식을 이용한 수동 방식으로 사용자의 빙고판을 채워줄 수 있도록 서비스의 안정성을 확보하였습니다.

맥심골목 프로젝트를 통해 단순한 오프라인 행사를 넘어 디지털 기술과 결합된 새로운 경험을 제공할 수 있었습니다. 특히 디지털 스탬프 인식 시스템은 기술적 한계를 창의적으로 극복하며 실물 스탬프를 제작하는 과정에서 제조업 분야에 대한 이해 및 경험적인 측면의 많은 발전이 있었고 이에 맞추어 안정적인 서비스를 구현했다는 점에서 의미있는 프로젝트로 기억될 것입니다.

Heekeun Cho img

Heekeun Cho

Co-founder, Chief of Technical Director

Dongseob Jeong img

Dongseob Jeong

Front-End Developer