2026年04月22日(水)
heerich.js — SVGで3Dボクセルが描けるエンジン
GitHub - meodai/heerich: Tiny engine for 3D voxel scenes rendered to SVG ? boolean ops, oblique/perspective cameras, zero dependencies. Inspired by the geometric cardboard sculptures of Erwin Heerich. GitHub
積木みたいにボクセルを足し引きして、出力はただのSVG。WebGLを使わないのがポイント。
ここが便利拡大してもぼやけない → ポスターにも刷れる
ペンプロッターで描ける → 隠れ線を消す機能つき
各ボクセルがDOM要素 → CSSでホバー、JSでクリック判定が普通に書ける
カメラ4種類（斜投影／透視／正投影／アイソメ）を一行で切り替えこんな用途に
ジェネラティブアート
ドット絵風だけど無限に拡大できるイラスト
インタラクティブなインフ...
0
0
0
0
author:
PHPSPOT開発日誌
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログ
‹ PREV
株式会社ベーシック、AI駆動開発を基盤とする「run Suite構想」を始動
NEXT ›
CSSで実装されたLiquid Glassの美しいUI要素やコンポーネントをコピペで使えるUIキット -Liquid Glass UI Kit
関連記事
Ads
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログPHPSPOT開発日誌の記事『heerich.js — SVGで3Dボクセルが描けるエンジン』についてまとめています。
この記事は特にSVG・写真・イラストについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のPHPSPOT開発日誌で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとPHPSPOT開発日誌の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
