本文へスキップ

LandingPage.configure()

LandingPage.configure({ logoSrc, logoAlt, promptPrefix, url, promptSuffix, textColor, font, textShadow, backgroundSrc, backgroundBlur, backgroundColor, mediaSrc, mediaAlt, mediaAutoplay, mediaAnimation, mediaControls, sceneEnvMap, sceneOrbitIdle, sceneOrbitInteraction, sceneLightingIntensity, vrPromptPrefix }).

説明

LandingPageモジュールの動作と外観を設定します。

パラメータ(すべてオプション)

パラメータタイプデフォルト説明
ロゴSrc文字列ブランドロゴのイメージソース。
ロゴ文字列ロゴブランドロゴ画像のオルトテキスト
プロンプト接頭辞文字列スキャンまたは訪問エクスペリエンスのURLが表示される前に、コールトゥアクションのテキスト文字列を設定します。
url文字列8th.ioのリンク(8th Wallがホスティングされている場合)、または現在のページ表示されるURLとQRコードを設定します。
プロンプトサフィックス文字列続ける体験のURLが表示された後のコールトゥアクションのテキスト文字列を設定します。
テキストカラーヘックスカラー'#ffffff'`。ランディングページのすべてのテキストの色。
フォント文字列Nunito', sans-serif"`。ランディングページのすべてのテキストのフォント。 このパラメータは有効なCSS font-family引数を受け付ける。
テキストシャドウブーリアンfalse`ランディングページのすべてのテキストにtext-shadowプロパティを設定します。
背景Src文字列背景画像の画像ソース。
背景ぼかし番号0もし backgroundSrc が指定されていれば、それにぼかし効果を適用する。 (通常、値は0.0~1.0です)
背景色文字列'linear-gradient(#464766,#2D2E43)'ランディングページの背景色。 このパラメータは有効な CSS background-color 引数を受け付ける。 background-srcまたはsceneEnvMapが設定されている場合、背景色は表示されません。
メディアソース文字列アプリのカバー画像(ある場合ランディングページのヒーローコンテンツのメディアソース(3Dモデル、画像、動画)。 受け入れ可能なメディア・ソースには、a-asset-item idまたは静的URLがある。
メディアアルト文字列プレビューランディングページの画像コンテンツのAltテキスト。
メディア自動再生ブーリアンtrue`mediaSrc`がビデオの場合、ロード時にサウンドをミュートしてビデオを再生するかどうかを指定する。
メディアアニメーション文字列モデルの最初のアニメーションクリップ(存在する場合mediaSrc`が3Dモデルの場合、そのモデルに関連付けられた特定のアニメーションクリップを再生するか、"none "を再生するかを指定する。
メディアコントロール文字列ミニマムmediaSrc`がビデオの場合、ユーザーに表示するメディアコントロールを指定する。 none"、"mininal"、"browser"(ブラウザのデフォルト)から選択。
シーンエンビマップ文字列フィールド等角画像を指す画像ソース。 または以下のプリセット環境のいずれか:「フィールド"、"丘"、"都市"、"パステル"、または "宇宙"。
シーンオービットアイドル文字列スピンmediaSrc`が3Dモデルの場合、モデルを "spin "にするか、"none "にするかを指定する。
シーン軌道相互作用文字列ドラッグmediaSrc`が3Dモデルの場合、ユーザーが軌道コントロールを操作できるかどうかを指定します。"drag "または "none "を選択します。
シーン照明強度番号1mediaSrc`が3Dモデルの場合、モードを照らす光の強さを指定します。
vrPromptPrefix文字列または訪問するVRヘッドセットでエクスペリエンスのURLが表示される前に、コールトゥアクションのテキスト文字列を設定します。

{#returns}を返す。

なし

例 - コード

LandingPage.configure({
mediaSrc: 'https://www.mydomain.com/bat.glb',
sceneEnvMap:'hill',
})