Meshyで3Dモデルを作成・エクスポート:
Meshy AIのWebサイトにアクセスし、アカウントにログインします。
Text-to-3DやImage-to-3Dなどの機能を使って3Dモデルを生成します。
生成されたモデルをダウンロード(通常はGLBまたはGLTF形式)します。
model-viewerの準備:
HTMLファイルにmodel-viewerライブラリを組み込みます。これは通常、HTMLファイルの<head>セクションにスクリプトタグを追加することで行います。
HTML
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
model-viewerでモデルを表示:
ダウンロードしたGLB/GLTFファイルをウェブサーバーに配置します(ローカルでテストする場合は、HTMLファイルと同じディレクトリに置いておけばOKです)。
HTMLファイルの<body>セクションに<model-viewer>タグを追加し、src属性にダウンロードしたモデルのパスを指定します。
HTML
<model-viewer src="your_meshy_model.glb" alt="Meshy 3D Model" auto-rotate camera-controls></model-viewer>
src: Meshyからダウンロードした3Dモデルのパス。
alt: モデルの代替テキスト(アクセシビリティのため)。
auto-rotate: モデルを自動回転させます。
camera-controls: ユーザーがマウスでモデルを回転・ズームできるようにします。
これで、Meshyで作成した3Dモデルをウェブページ上で手軽に表示することができます。必要に応じて、model-viewerの他の属性(例: shadow-intensity, ar, environment-imageなど)を追加して、表示をカスタマイズしてください。
アダプティブ メニュー マジック
ドリルダウンメニューマジック
Maxi Menu Magic
スライドアウトメニュービルダー
オーバーレイマジック
オーバーレイマジック
アコーディオンパネルマジック4
タブパネルマジック3
スライドアウトパネル
情報スライダー
ヘッドラインスクローラー
ヘッドラインエフェクトマジック
グラデーション背景アニメーター
Pop Box Magic ツールチップ
ラグエフェクトマジック
Panache Animator
背景アニメーターマジック
背景のスクロール効果
ビデオ背景マジック
Show More / Show Less
Scroll to Element
Scroll To Top
CSS Class Switcher (free)
クイックグリッドマジック
Harmony ページ ビルダー
レイアウト ビルダー マジック (クラシック Float ベース)
レイアウトビルダーコンポーネント
フレックスグリッドマジック
モバイルフレンドリーなテーブルコンバータ
DW ツール 1: デザインタイム CSS および SSI コマンド
ブレッドクラムビルダー
CSS ページ ヘルパー ツールキット
リンク ツールキット
画像ツールキット
アートギャラリーマジック
背景アニメーターマジック
背景のスクロール効果
魔法の箱
ビデオ背景マジック
Before & After: 画像比較ウィジェット
イメージローテーターマジック2
全画面スライドショー
いないいないばあ
イメージFX
時代精神
活字職人
ハルモニウム
ガズック
振動
Vimeoの広告なしのHTML5動画プレーヤーは、動画作品がどこで再生されても美しく映るように設計されています。動画、映画、広告などを高品質でホストし、ロゴから再生ボタンに至るまですべてをカスタマイズできます。
動画プレーヤーのあらゆる部分をビジョンに合わせてカスタマイズできます。色、ロゴ、サムネイルの選択、再生バーの追加や削除、速度コントロール、チャプタリングなどが可能です。
Vimeoの広告なしのHD MP4 動画プレーヤーは、H.264およびすべての主要コーデックをサポートするように設計されています。4K、8K、HDR、ドルビービジョンに対応し、高速で、信頼性が高く、画像も優れています。
複数のオーディオトラックをサポートしているVimeoのプレーヤーなら、説明オーディオ、多言語オーディオ、解説を活用できます。さらに、7か国語以上で利用できる自動クローズドキャプションで、より多くの人に簡単にコンテンツを届けられます。
サイト、ブログ、ウェブ上のどこにでも動画を埋め込むことができます。4K動画プレーヤーは接続にかかわらず、モバイルでも自動的に素晴らしい画質で映ります。コードを入力する必要は全くありません。