ITエンジニア/デザイナ向けにオープンソースを毎日紹介

2Dのものを3Dで表現する試みは多数あります。人の脳は2次元であったとしても、奥行きを持たせることで、向こう側にある空間を意識します。さらに静的ではなく、動かしたりするとより、立体感が生まれます。

今回紹介するztext.jsはテキストや絵文字を3D化するソフトウェアです。

ztext.jsの使い方

実際に試しているところです。立体感のある文字になっています。

絵文字や画像も3Dに。

エンボスな感じで静的にも出力できます。

距離を離して描くこともできます。

ztext.jsを使うことでテキストや画像、絵文字を簡単に3D化できます。さらに動かすこともできるので、JavaScriptで繰り返し動くようにしたり、マウスと連携させることもできるでしょう。わざわざ画像を作る必要もないので、手軽に3Dテキストを導入できますね。

ztext.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

ztext.js | 3D Typography for the Web

bennettfeely/bennett: My websites

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2