밤의 궤도: 우주 배경화면 시계 웹 프로젝트
멍 때리기 위한 우주 테마 시계
바쁜 하루 속, 잠시 쉬며 하늘을 떠올릴 수 있도록 만든 웹 기반 시계입니다. 별과 성운, 유성이 움직이는 우주 배경이 마음을 달래 줍니다.
실제 ISS 궤도 반영
우주정거장(ISS)의 위치 정보를 활용해, 화면에서 ISS가 곡선을 따라 자연스럽게 이동하는 모습이 구현되어 있습니다. 실시간 데이터를 결합해 현실감을 높였습니다.
인터랙션과 소소한 재미
재미있는 요소로, 행성을 클릭하면 가상의 정보가 나오거나 UFO, 블랙홀 효과 같은 특수 효과도 만나볼 수 있습니다. 이로 인해 지루함 없이 여러 번 방문해 볼 만합니다.
사용자 맞춤 설정
취향에 맞게 행성, ISS, UFO 등 화면 속 요소를 켜거나 끌 수 있고, 색상 테마도 세 가지가 준비되어 있습니다. 유성의 속도와 개수도 변경 가능해 각자의 스타일에 맞는 우주를 만들 수 있습니다.
순수 JavaScript와 CSS 애니메이션 활용
별도의 프레임워크 없이 기본 웹 기술만으로 제작되어, 코드가 가벼우면서도 부드러운 움직임을 자랑합니다. 아래는 핵심 기능 일부 예시입니다.
// 예시: 행성 클릭 인터랙션
planet.onclick = () => {
showScanInfo(planet);
};AI와 함께한 개발 과정
40대 서버 엔지니어가 AI의 도움을 받아 본인의 게임 제작 꿈을 도전하며, 여가 시간을 투자해 만든 프로젝트입니다. AI가 상세 구현을 맡고, 사람이 꼼꼼하게 검수하는 방식으로 작업했습니다.
활발한 피드백 반영
유성우가 너무 빠르거나 많은 것을 조정하거나, 행성 정보 표시에 일관성을 추가하는 등, 사용자 의견이 적극 반영되고 있습니다. 블랙홀과 랜덤 색상 등 설정 오류도 빠르게 수정되어가고 있습니다.
방문자들의 반응과 확장 아이디어
힐링 효과를 받았다는 평가, 아이폰 배경화면과 비슷하다는 인상, 다양한 우주 테마 기대 등 여러 반응이 이어지고 있습니다. 앞으로 여러 행성이나 더 리얼한 우주 표현 등 아이디어가 실현될 수 있습니다.
특이하고 유니크한 요소들
은하수, 별빛, 워프 효과, 행성 위에 등장하는 독특한 캐릭터 등 색다른 요소들이 꾸준히 추가되어, 시간이 지나도 새로운 경험을 제공합니다.