바이브코딩으로 만드는 웹아트 #4 – 3D 카드 캐러셀 갤러리

평범한 이미지 갤러리는 흔한 것 같아, 3D 카드 캐러셀 갤러리를 만들어 보았어요. 레퍼런스러 삼고 있는 사이트에서 참고해 바이브코딩으로 구현해 보았어요. 작업을 하며 가장 신경 쓴 부분이 자연스럽게 넘기는 부분이었어요. 카드가 회전할 때 너무 빠르면 어지럽고, 너무 느리면 답답하니까요. 느낌상 1.5초가 가장 적절했던 거 같아요. 카드가 옆으로 살짝 돌아가면서 뒤로 넘어가는 모션을 넣었는데, 생각보다 괜찮았어요. 처음엔 … 더 읽기

바이브코딩으로 만든 웹아트 시리즈 #1 – 전구 효과

바이브코딩으로 제작한 웹아트 시리즈를 새롭게 시작하게 되었어요. 그 첫 번째 작품으로 인터랙티브한 전구 효과를 구현해 보았어요. 이 작품의 핵심은 마우스 커서를 전구로 변환시켜, 어두운 화면 위를 움직일 때마다 숨겨진 단어들이 은은한 빛과 함께 드러나는 시각적 경험을 제공하는 거예요. 마치 실제 전구를 들고 어두운 공간을 탐험하는 듯한 몰입감을 선사해요. 이번 작품은 별도의 라이브러리나 프레임워크 없이 순수 … 더 읽기