メインコンテンツへスキップ

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モジュールの動作や外観を設定します。

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

パラメータタイプデフォルト説明
logoSrcStringブランドロゴイメージの画像ソースを指定します。
logoAltString'Logo'ブランドロゴ画像の代替テキストを指定します。
promptPrefixString'Scan or visit'体験用URLが表示される前のコールトゥアクションの文字列を指定します。
urlString8th Wall hostedプロジェクトの場合は8th.ioのリンク、または現在のページが表示されます。表示されるURLとQRコードを指定します。
promptSuffixString'to continue'体験用URLが表示された後のコールトゥアクションの文字列を指定します。
textColorHex Color'#ffffff'ランディングページの全テキストの色を指定します。
fontString"'Nunito', sans-serif"ランディングページの全テキストのフォントを指定します。 このパラメータは、有効なCSS font-family引数を受け取ります。
textShadowBooleanfalseランディングページのすべてのテキストに、text-shadowプロパティを設定します。
backgroundSrcString背景画像の画像ソースを指定します。
backgroundBlurNumber0backgroundSrcが指定されている場合、ぼかし効果を適用します。 (一般的には0.0から1.0までの値です)
backgroundColorString'linear-gradient(#464766,#2D2E43)'ランディングページの背景色を指定します。 このパラメータは、有効 CSS background-color引数を受け取ります。 background-srcやsceneEnvMapが設定されている場合は、背景色を表示しません。
mediaSrcStringアプリのカバー画像があれば表示されます。ランディングページのヒーローコンテンツのメディアソース(3Dモデル、画像、または動画)を指定します。 メディアソースとしては、a-asset-item idまたは静的URLを使用できます。
mediaAltString'Preview'ランディングページの画像コンテンツの代替テキストを指定します。
mediaAutoplayBooleantruemediaSrcがビデオの場合、ロード時に、ビデオを音声ミュート状態で再生するかどうかを指定します。
mediaAnimationStringモデルの最初のアニメーションクリップ(存在する場合)mediaSrc が 3D モデルの場合、そのモデルに関連付けられた特定のアニメーションクリップを再生するか、"none"を指定します。
mediaControlsString'minimal'mediaSrcがビデオの場合、ユーザーに表示するメディアコントロールを指定します。 "none", "mininal", "browser"(ブラウザのデフォルト)から選択できます。
sceneEnvMapString'field'正距円筒図法に基づく画像を指す画像ソースを指定します。 または、以下のプリセット環境から1つ選択します。"field", "hill", "city", "pastel", "space"
sceneOrbitIdleString'spin'mediaSrcが3Dモデルの場合、モデルに "spin"または"none"を指定します。
sceneOrbitInteractionString'drag'mediaSrcが3Dモデルの場合、ユーザーがオービットコントロールを操作できるかを、"drag"または"none"で指定します。
sceneLightingIntensityNumber1mediaSrcが3Dモデルの場合、モードを照らす光の強さを指定します。
vrPromptPrefixString'or visit'VRヘッドセットで体験のURLを表示する前のコールトゥアクションの文字列を設定します。

戻り値

なし

例 - コード

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