heerich.js — SVGで3Dボクセルが描けるエンジン
2026年04月22日-
スポンサード リンク
積木みたいにボクセルを足し引きして、出力はただのSVG。WebGLを使わないのがポイント。
ここが便利
拡大してもぼやけない → ポスターにも刷れる
ペンプロッターで描ける → 隠れ線を消す機能つき
各ボクセルがDOM要素 → CSSでホバー、JSでクリック判定が普通に書ける
カメラ4種類(斜投影/透視/正投影/アイソメ)を一行で切り替え
こんな用途に
ジェネラティブアート
ドット絵風だけど無限に拡大できるイラスト
インタラクティブなインフォグラフィック
プロッター作品
ゲームのプロトタイプUI
WebGLを立ち上げるほどじゃないけど、2Dイラストじゃ物足りない??そんな中間ゾーンを埋める道具です。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- classを付与するだけで気持ちいいアニメーションを実装する「AliveUI」
- heerich.js — SVGで3Dボクセルが描けるエンジン
- 8KBで完結するモダンUIライブラリ「Oat 」
- Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」
- Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
- プログラミングで使う記号を美しく整列させることに特化したフォント「Myna」
- DarkもLightも自動生成:UI向けカラーパレット生成ツール「Harmonizer」紹介
- AIでフォーム生成できる「Formcn AI」
- ウェブサイトの CSS を解析してくれる「Online CSS Code Quality Analyzer」
- 英文を文鳥に変換するフォント「ぎゅうぎゅう文鳥」
- 過去のエントリ




















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)


