webまわりの実験や試作を公開する場所です。タイポグラフィ、CSS、WebGL、インタラクション、クリエーティブコーディングなど、手を動かして確かめたものを、動くデモとともに置いていきます。
HTML-in-Canvas でモーションタイポグラフィを作る、3 回目。HTML で組んだ英単語を並べて、傾けたり、垂らしたり、織ったり、1 本の縦画まで寄ったりする。
HTML-in-Canvas でモーションタイポグラフィを作る、2 回目。HTML で組んだ英単語を何行も並べて画面を埋め、帯に切って押しつぶしたり、裏返したり、輪にしたりする。
HTML の要素を canvas に描ける HTML-in-Canvas が、Chrome 157 で正式に使えるようになった。仕組みと対応状況をまとめ、HTML で組んだ文字を canvas で切ったり伸ばしたりするデモを作った。
株式会社メタファー(METAPHOR Inc.)は、2007年設立、東京を拠点とするデザイン×エンジニアリングスタジオです。 Sony、Honda、Toyota、資生堂、NHKなど国内外の主要ブランドのコーポレートサイト、プロモーションサイト、データビジュアライゼーション、体験型インスタレーションを手がけています。 カンヌライオンズ Titanium Grand Prix、D&AD Yellow Pencilなど国際的な受賞歴を持つクリエイティブスタジオです。