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 "を選択します。 |
シーン照明強度 | 番号 | 1 | mediaSrc`が3Dモデルの場合、モードを照らす光の強さを指定します。 |
vrPromptPrefix | 文字列 | または訪問する | VRヘッドセットでエクスペリエンスのURLが表示される前に、コールトゥアクションのテキスト文字列を設定します。 |
{#returns}を返す。
なし
例 - コード
LandingPage.configure({
mediaSrc: 'https://www.mydomain.com/bat.glb',
sceneEnvMap:'hill',
})