20
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

updated at

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

デモ

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/

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
20
Help us understand the problem. What are the problem?