GLBデカールツール

GLBにロゴ・テキスト・画像デカールを貼り付け、Web/AR公開前のブランディングに。曲面に追従し、尖角で自動カット、独立したテクスチャレイヤーとして書き出し。元のマテリアルはそのまま維持します。

ワークスペース

読み込み中...

しばらくお待ちください

ツールについて

GLBの表面に画像やテキストのデカールを配置し、製品ビュー、Webビューア、ARアセットなどに活用できます。デカールは曲面に沿って貼り付き、尖った角では自動的にトリミングされ、開口部や届かない裏面はくり抜かれるため、メッシュの貫通や浮いた三角形が発生しません。各デカールは独立したメッシュ層として書き出され、テクスチャが埋め込まれる一方、元のマテリアルとUVは書き換えられないため、BlenderなどのDCCツールで引き続き個別に調整できます。入力も出力もGLBです。

ヒント

  • 1出力はGLBのまま。デカールは独立レイヤーとしてテクスチャに埋め込まれる
  • 2透明PNGのロゴは曲面や硬いエッジでよりきれいに仕上がる
  • 3表面に沿ってドラッグしても向きが連続し、急に反転しない
  • 4尖角は自動でトリミングされ、開口部は自動でくり抜かれる
  • 5モデル本来のマテリアルを上書きしたり置き換えたりしない
  • 6Web/ARやマーケティングページに出す前のブランド貼り付けに向く

設定オプションについて

デカールソース

種類

デフォルト画像

画像デカールまたはテキストデカールを選びます。ロゴには画像、ラベルや署名にはテキストが向きます。

画像推奨

PNG / JPG / WebP をアップロード(透過 PNG 推奨)。

テキスト

文字を入力し、サイズと色を調整してから配置します。

画像ファイル

画像モードでステッカー用画像をアップロードします。曲面や鋭角では透過 PNG が有効です。

テキスト内容

テキストモードでモデル表面に貼る文字を入力します。

テキストスタイル

フォントサイズ

デフォルト64px

範囲24px – 160px

テキストテクスチャキャンバス上のフォントサイズ(px)。大きいほど鮮明ですがテクスチャ領域を多く使います。

デフォルト#ffffff

テキストデカールの塗りつぶし色。透過背景と併用できます。

スナップと整列

スナップを有効にする

デフォルトオン

許容半径内でモデルのキーポイントにデカールをスナップします。

整列ガイド

デフォルトオン

ドラッグ中にモデルの境界・中心平面・他のデカールの中心に自動整列し、ガイド線を表示します。

頂点

デフォルトオン

最も近い頂点にスナップします。

辺の中点

デフォルトオン

最も近い辺の中点にスナップします。

面の中心

デフォルトオン

三角形面の中心にスナップします。

許容差

デフォルト1

範囲0.001 – 1000 · step 0.01

モデルサイズに対するスナップ検索半径です。値が大きいほどキーポイントに当たりやすくなります。

配置と編集

配置

デカールを用意したらモデル表面をクリックして配置します。空白をドラッグすると視点を回転できます。

移動

選択後に中央ハンドルをドラッグすると表面に沿って移動し、反対側へも回せます。

スケール

デフォルト0.18

範囲0.05 – 0.6 · step 0.01

選択後に点ハンドルで拡大縮小します。サイズはモデル境界球半径に対する比率で、初期値と調整範囲があります。

回転

リングハンドルで法線周りに回転します。既定は 90° スナップ、Shift で自由回転。

書き出し

独立レイヤー

各デカールは独立メッシュ層として書き出され、元のテクスチャは変更しません。Blender などで個別に選択・非表示・削除できます。

フォーマット情報

入力/出力

拡張子:
glb
正式名称:
GL Transmission Format Binary (glTF 2.0)
タイプ:
3D Model
フォーマット:
GLB
主なツール:
Three.jsBabylon.jsBlender
説明:
GLB は glTF 2.0 のバイナリ形式で、Khronos 組織が管理。メッシュ、マテリアル、テクスチャ、アニメーションを単一ファイルにまとめ、Web 3D/AR/VR の事実上の標準。Three.js、Babylon.js、model-viewer、主要ECサイトでデフォルト使用。自己完結型で外部リソース欠如でも表示崩れなし。 PBR マテリアル、スケルタルアニメーションを保持し、Draco/Meshopt 圧縮対応。Web表示、ARクイックビュー、ソフト間受け渡しに適する。CADパラメトリック履歴は含まず、STEP等からメッシュ化すると編集機能消失。3DプリントではSTL/3MF推奨。

備考:

  • 一部の3DプリントスライサーはGLBファイルを直接インポートできません
  • CADパラメトリック編集には適していません

対応機能:

  • 単一の自己完結型バイナリファイル
  • PBRマテリアル対応(ベースカラー、メタリック、ラフネス、ノーマルマップ)
  • スケルタルアニメーション、スキニング、モーフターゲット
  • Dracoメッシュ圧縮とKTX2テクスチャ圧縮
  • マルチメッシュノードとシーン階層

使用方法

1

GLBをアップロード

GLBファイルをドラッグ&ドロップ、またはファイル選択で読み込みます。処理はすべてブラウザ内のローカルで完結します。

2

デカールを準備

サイドバーから画像(PNG/JPG/WebP)かテキスト(内容・フォントサイズ・色)を選択します。

3

配置と編集

サーフェスをクリックして配置します。選択後は表面に沿ってドラッグ、拡大縮小、回転、削除ができます。

4

GLBをエクスポート

独立したデカールレイヤー付きのGLBをダウンロードします。後からDCCツールで個別に編集できます。

Q

出力はGLBのままですか?

A

はい。このツールは入力も出力もGLBです。デカールは独立したレイヤーとして追加されるだけで、形式を強制的に変換することはありません。

Q

元のマテリアルは壊れませんか?

A

壊れません。デカールは追加のメッシュと専用テクスチャとして扱われるため、元のマテリアルとUVは一切変更されません。

Q

曲面にきれいに貼れますか?

A

貼れます。平面に無理やり投影するのではなく、実際のシールのように曲面部や球面部に沿って投影されるので、自然な見た目になります。

Q

尖った角や開口部はどう処理されますか?

A

尖った部分では自動的にトリミングされ、デカールがメッシュを貫通しません。開口部や届かない裏面はくり抜かれるので、浮いた三角形も発生しません。

Q

対応している画像形式は?

A

PNG、JPG、WebPなどに対応しています。背景のないロゴやステッカーには透明PNGがおすすめです。

Q

後からBlenderでデカールを編集できますか?

A

できます。書き出したGLBには各デカールが独立したオブジェクト/レイヤーとして含まれるため、個別に選択して移動、スケール、削除などの編集が可能です。