6.空間を埋め込む
マーターポート3Dモデルを埋め込む
最終更新日:2020年12月09日 07:13 マーターポート3Dモデルのリンクをいつでもシェアでき、リンクをカスタマイズできるだけでなく、 モデルを直接ウェブサイト内に埋め込むこともできます。 YouTubeと同じような仕方で、次のような形でマーターポートモデルはウェブページの真ん中に表示されます。 方法 1.モデルをPublicに設定します。 2.モデルを追加したいウェブページを識別します。 3.次のHTMLソースコードをウェブページに追加します。 〇<iframe ...
3Dショーケースを表示するための最も効果的な方法
最終更新日:2020年10月07日 19:13 マーターポート3Dショーケースは、皆さんがスキャンした3Dモデルを 全ての人が探索することを可能にするオンライン上のウェブプレーヤーです。 3Dショーケースは、3Dウォークスルーであり、ユーザーを引き付けるだけでなく、 他の人と対話したり、行動を促すことができる、革新的で、没入型のメディア形式です。 3Dウォークスルーは写真や動画と比較して、比較的新しい形式であるため、 既存の市場にどのように統合すればよいのか分からない場合もあります。 ...
埋め込んだ物の配置とサイズ変更
最終更新日:2020年10月29日 20:26 この中では、埋め込んだマーターポート3Dモデルの配置とサイズ変更をする方法を学習しましょう。 方法 埋め込む物を最初に表示される画面内に置く 3Dショーケースがウェブページ上の最初に表示される画面内に置かれるようにします。 こうすることで、視聴数が増加します。 それがページの下にあると、あまり人々の目には付かないでしょう。 一般的に、ページが読み込まれた直後に、インタラクティブな要素や、 ...
複数のモデルを1つのページに埋め込む
最終更新日:2020年05月09日 05:30 1つのページに2つ以上のマーターポートモデルを埋め込むと、 ウェブサイトの機能に影響を及ぼす可能性があります。 最悪の場合、埋め込まれた複数のモデルが原因で、ブラウザーは反応しなくなるか、 クラッシュしてしまう場合もあります。 そのようなわけで、1つのページに複数のモデルを含めたい場合(Matterportギャラリーのレイアウトと同様に)、 Fancyboxといったサードパーティー製のappと共にライトボックスを利用するか、 ...
携帯機器:新規ブラウザータブ内でモデルを展開する
最終更新日:2021年1月10日 00:12 モバイル機器は小型であるため、 モバイル機器用ウェブブラウザー内でのタブ管理は重要なポイントです。 モバイル機器を使用する一般ユーザーを念頭に置きましょう。 ユーザーは3Dモデルが埋め込まれたウェブページ訪問します。 再生ボタンをタップすると、同じタブ内にモデルが展開されます。 この動作は、&nt=1というURLパラメーターを、埋め込んだコードに追加することで変更可能です。 <iframe width='600' height='350' ...
モバイルAPPにモデルを直接埋め込む
最終更新日:2020年6月12日 06:46 マーターポートモデルをシェアする方法は3つあります: 1.ソーシャルメディアやemail、メール、また一般的な共有方法では、 単純にリンクをシェアするだけです。 2.ウェブページの場合は、<iframe>HTMLタグと共にページに埋め込みます。 3.3DショーケースプレーヤーをアンドロイドかiOS appに直接埋め込みます。 三番目の選択肢は、この記事で後ほど触れるような、 ...
ホストウェブサイト内にフルスクリーンのIFRAMEを作成する
最終更新日:2020年12月02日 10:06 WIXや、その他の、見たままを得られるような(WYSIWYG)ウェブホスティングプラットフォームにおいて、 フルスクリーンのiframeオプションはサポートされていません。 この問題に取り組むために、次のHTMLコードを例として用いて、 モデルを埋め込んでみることをお勧めします。 <div style="width:853px"> <div> <iframe width="853px" height="480px" ...