HTML in Canvas를 한방에 이해하기.x
DINKIssTyle

Lv.1 DINKIssTyle (118.♡.12.187)

2026년 4월 30일 PM 11:24

조회 2,337 공감 0

https://x.com/gaborpribek/status/2047010011210273124?s=46&t=lpH0Nm--ANtuL1Y3NSFrSA

WebGL과 다른점이 DOM이 3D가 되는거군요 ㄷㄷ 이 예제를 보니 한번에 이해되었어요.

더 쉽게 말하면 HTML이 3D가 되는겁니다.

지금은 크롬에서 플래그를 켜야 사용이 가능합니다.

댓글 (5)

  • 왁스천사

    왁스천사 Lv.1

    04.30 · 125.♡.210.135

    DOM이 3D가 되면.. 모든 오브젝트가 3D좌표계로 되는 건가요?

    그럼 style에도 너무나 많은 변화가 있겠는데요. 가장 기초적인 text-align만 해도 left, right, center외에도 z축 중앙, z축 바닥, z축 탑, ....

    워... 너무 복잡해질 것 같아요 ㅠㅠ

  • DINKIssTyle

    DINKIssTyle Lv.1 → 왁스천사 작성자

    04.30 · 14.♡.7.140

    https://html-in-canvas.dev/demos/ 지금 여기를 구경하고 있습니다.
    저도 처음에는 자극적인(?) 3D 예제만 보았는데, WebGL이 아닌 예제들까지 있으니 구경해보시면 좋을 듯 합니다.
    쉐이더를 적용하는 웹페이지 예제도 있네요 ㄷㄷ

  • DINKIssTyle

    DINKIssTyle Lv.1 작성자

    04.30 · 14.♡.7.140

    첨부 이미지

    쓰리디인데 HTML이네요 글씨도 긁어지고 ㄷㄷ

  • plaintext

    plaintext Lv.1

    05.01 · 112.♡.131.209

    전 이런거 볼때마다

    업무시스템에 가미해보고 싶어서 근질거립니다

    ㅎㅎㅎㅎ

  • kita

    kita Lv.1

    05.01 · 125.♡.203.162

    첨부 이미지

댓글을 작성하려면 이 필요합니다.