HTML-in-Canvas 데모
발행: (2026년 5월 20일 AM 08:49 GMT+9)
3 분 소요
원문: Hacker News
Source: Hacker News
HTML‑in‑Canvas 로 개발할 때 도움이 되는 리소스를 모아놓은 컬렉션입니다.
HTML‑in‑Canvas 데모를 확인하거나 GitHub에서 소스 코드를 볼 수 있습니다.
에코시스템이 만든 HTML‑in‑Canvas 데모
커뮤니티가 만든 멋진 HTML‑in‑Canvas 데모를 엄선했습니다. 이 데모들은 제3자 개발자가 기여한 것이며 Google에서 제작·유지·지원하지 않습니다. 다른 데모를 제안하려면 기여 가이드라인을 확인하세요.
| 데모 | 설명 | 작성자 | 소스 코드 |
|---|---|---|---|
| Duck Hunt TODO | 사격 게임이 결합된 폼 | Wes Bos | Source |
| Wobble Buttons | 인터랙티브한 물결 효과 버튼 | Wes Bos | Source |
| Compiz Web | 셰이더 기반 웹 페이지 전환 데모 | Max Leiter | Source |
| HTML cloth | 게임 안에 매달린 천 위에서 폼을 커스터마이징 | Thomas Richter‑Trummer | Source |
추가 데모가 곧 공개됩니다…
프레임워크 지원
HTML‑in‑Canvas 를 지원하는 프레임워크와 관련 문서·샘플 코드를 정리했습니다.
| 프레임워크 | 설명 | 문서 | 샘플 코드 |
|---|---|---|---|
| Three.js | WebGL·WebGPU 로 애니메이션 3D 그래픽을 만들고 표시하는 JavaScript 라이브러리 | HTMLTexture | Sample |
| PlayCanvas | 3D 경험을 구축하기 위한 오픈소스 엔진 및 툴 | html‑texture | Sample |
면책 조항
외부 콘텐츠에 대한 중요 안내: 에코시스템이 만든 HTML‑in‑Canvas 데모 섹션에 포함된 데모들은 제3자 개발자가 만든 것이며 Google이 제작·유지·지원하지 않습니다. 다음 사항을 유의해 주세요.
- 보증 없음: 이 링크들의 포함은 Google의 보증이나 추천을 의미하지 않습니다.
- 변경 가능성: 콘텐츠·기능·접근성은 전적으로 제3자 소유자의 재량에 따라 언제든지 변경되거나 사라질 수 있습니다.
- 책임 제한: Google은 해당 데모의 정확성·법적 적합성·성능 등에 대해 어떠한 책임도 지지 않습니다.