21
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Three.js TextGeometry(3D文字)で日本語を使う

Last updated at Posted at 2014-08-02

デモ

test.png


英数字だけなら、
https://github.com/mrdoob/three.js/tree/master/examples/fonts
にあるtypeface.jsを適当に使えばok

日本語も使い方場合は、以下のサイトでフォントフォントを
アップロードし、typeface.jsを生成する必要がある

typeface.js
http://typeface.neocracy.org/

このサイトでは、ある程度使いたい文字だけを
ファイルにしてくれるのだけど、細かい指定ができない。

そのため漢字を使う場合は、tapeface.jsが極端に重くなる(7MBとかいっちゃう)

以下のようなツールで使いたい文字だけ抜き出したフォントを
typeface.js化するのがおすすめ。

サブセットフォントメーカー
http://opentype.jp/subsetfontmk.htm

あと漢字は3D化でつぶれる文字が結構あるけど、それはしょうがないぽい

使ったフォントは以下です。

やさしさゴシック
http://www.fontna.com/blog/379/

21
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?