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モジュールの動作や外観を設定します。
パラメータ（全て オプション）
| パラメータ | タイプ | デフォルト | 説明 |
|---|---|---|---|
| logoSrc | String | ブランドロゴイメージの画像ソースを指定します。 | |
| logoAlt | String | 'Logo' | ブランドロゴ画像の代替テキストを指定します。 |
| promptPrefix | String | 'Scan or visit' | 体験用URLが表示される前のコールトゥアクションの文字列を指定します。 |
| url | String | 8th Wall hostedプロジェクトの場合は8th.ioのリンク、または現在のページが表示されます。 | 表示されるURLとQRコードを指定します。 |
| promptSuffix | String | 'to continue' | 体験用URLが表示された後のコールトゥアクションの文字列を指定します。 |
| textColor | Hex Color | '#ffffff' | ランディングページの全テキストの色を指定します。 |
| font | String | "'Nunito', sans-serif" | ランディングページの全テキストのフォントを指定します。 このパラメータは、有効なCSS font-family引数を受け取ります。 |
| textShadow | Boolean | false | ランディングページのすべてのテキストに、text-shadowプロパティを設定します。 |
| backgroundSrc | String | 背景画像の画像ソースを指定します。 | |
| backgroundBlur | Number | 0 | backgroundSrcが指定されている場合、ぼかし効果を適用します。 (一般的には0.0から1.0までの値です） |
| backgroundColor | String | 'linear-gradient(#464766,#2D2E43)' | ランディングページの背景色を指定します。 このパラメータは、有効 CSS background-color引数を受け取ります。 background-srcやsceneEnvMapが設定されている場合は、背景色を表示しません。 |
| mediaSrc | String | アプリのカバー画像があれば表示されます。 | ランディングページのヒーローコンテンツのメディアソース（3Dモデル、画像、または動画）を指定します。 メディアソースとしては、a-asset-item idまたは静的URLを使用できます。 |
| mediaAlt | String | 'Preview' | ランディングページの画像コンテンツの代替テキストを指定します。 |
| mediaAutoplay | Boolean | true | mediaSrcがビデオの場合、ロード時に、ビデオを音声ミュート状態で再生するかどうかを指定します。 |
| mediaAnimation | String | モデルの最初のアニメーションクリップ（存在する場合） | mediaSrc が 3D モデルの場合、そのモデルに関連付けられた特定のアニメーションクリップを再生するか、"none"を指定します。 |
| mediaControls | String | 'minimal' | mediaSrcがビデオの場合、ユーザーに表示するメディアコントロールを指定します。 "none", "mininal", "browser"（ブラウザのデフォルト）から選択できます。 |
| sceneEnvMap | String | 'field' | 正距円筒図法に基づく画像を指す画像ソースを指定します。 または、以下のプリセット環境から1つ選択します。"field", "hill", "city", "pastel", "space" |
| sceneOrbitIdle | String | 'spin' | mediaSrcが3Dモデルの場合、モデルに "spin"または"none"を指定します。 |
| sceneOrbitInteraction | String | 'drag' | mediaSrcが3Dモデルの場合、ユーザーがオービットコントロールを操作できるかを、"drag"または"none"で指定します。 |
| sceneLightingIntensity | Number | 1 | mediaSrcが3Dモデルの場合、モードを照らす光の強さを指定します。 |
| vrPromptPrefix | String | 'or visit' | VRヘッドセットで体験のURLを表示する前のコールトゥアクションの文字列を設定します。 |
戻り値
なし
例 - コード
LandingPage.configure({
mediaSrc: 'https://www.mydomain.com/bat.glb',
sceneEnvMap: 'hill',
})