Daily OSS

tag: Webgl · 3건

학습 14.9 KB HTML 파일 하나로 구현한 금속 격자 구체 — 지오메트리 0 바이트 WebGL 데모
2026-08-07 · DEV Community - showdev · 원문 ↗ #webgl#sdf#frontend
  • 근거: WebGL 구체 추적(sphere tracing)·서명 거리 필드(SDF) 기법을 다룬 기술 쇼케이스 기사로, 특정 클론 가능한 오픈소스 저장소가 없고 프론트엔드 그래픽스 프로그래밍 기법 소개에 해당
  • 액션:
백로그 WebGL 물리 기반 스티커 제작기 — 텍스트·이미지 업로드·박리 물리 효과
2026-07-24 · GitHub Trending (stars:>200) · 원문 ↗ #frontend#webgl#ui-component
  • 근거: WebGL 기반 스티커 제작 도구로 프론트엔드/UI 도구 영역에 해당하며, Next.js·Drizzle·Vite 등 실제 소스 구조를 갖춘 완성도 있는 오픈소스 프로젝트
  • 액션: git clone https://github.com/CatsJuice/sticker-forge && npm install && npm run dev 로 로컬 실행 후 WebGL 물리 스티커 인터랙션 확인
즉시조치 WebGL 효과를 입힌 실제 HTML 캔버스 UI 컴포넌트 라이브러리 (React/Vue/Svelte 지원)
2026-07-23 · GitHub Trending (topic:frontend) · 원문 ↗ #frontend#webgl#ui-components
  • 근거: 프론트엔드 UI 라이브러리 — React/Vue/Svelte/바닐라 지원 WebGL 캔버스 컴포넌트로 관심 분야 프론트엔드에 직접 해당, ★882에 실제 소스(src/, package.json 등) 확인됨
  • 액션: git clone https://github.com/DavidHDev/canvas-ui 후 npm install && npm run dev로 컴포넌트 데모 로컬 실행 확인