r/vibecoding•20일 전•109•6
Stylized Components 랜딩 페이지를 업데이트했습니다
I’ve been updating the Stylized Components landing page
핵심 요약
WebGL 및 Three.js 프로젝트를 위한 재사용 가능한 게임 스타일 컴포넌트 라이브러리의 업데이트 소식입니다.
- 상호작용 효과 — 커서 반응형 액체 왜곡 및 셰이더 기반 캐러셀 추가됨
- 컴포넌트 구성 — WebGL/Three.js용 재사용 가능한 게임 스타일 컴포넌트 제공
- 제공 콘텐츠 — 소스 코드와 상세 분석이 포함된 3가지 무료 컴포넌트 공개
- 향후 계획 — 지속적인 라이브러리 확장 및 신규 컴포넌트 추가 예정
Stylized Components 랜딩 페이지를 좀 업데이트해 봤어.
몇 가지 새로운 인터랙티브 효과를 추가했는데, 내용은 다음과 같아:
-
커서에 반응하는 액체 왜곡 효과
-
셰이더 기반 왜곡, 색수차, 모션 블러가 적용된 무한 캐러셀
-
현재 섹션에 반응하는 추가 배경 효과
-
새로운 애니메이션 버튼 변형들
Stylized Components가 뭐야?
이 프로젝트는 WebGL / Three.js 프로젝트에 바로 갖다 쓸 수 있는 재사용 가능한 게임용 컴포넌트 모음을 만드는 게 목적이야.
현재 갤러리에는 무료 컴포넌트 3개가 올라와 있어:
-
Water Anime Style Shader
-
Stylized Grass
-
Painterly — 3D 장면에 일러스트 같은 느낌을 주는 포스트 프로세싱 효과
각 컴포넌트마다 소스 코드 저장소가 따로 있고, 어떤 기술이랑 실험을 거쳐서 만들었는지 상세하게 설명도 적어놨어.
컴포넌트별로 실제 환경에서 어떻게 작동하는지 확인할 수 있는 전용 씬도 마련해 뒀으니까 구경해 봐.
지금 더 많은 컴포넌트 만드는 중이라 앞으로 계속 추가할 예정이야.
프로젝트는 여기서 확인 가능해: https://stylized.cortiz.dev
