メインコンテンツまでスキップ

Snapchat Web Lens

Snapchat Web Lensは、Snapchatの中でLensとして動作するWebアプリです。iOSとAndroidで、全画面かつ縦向きで実行されます。このページでは、EditorのプロジェクトをWeb Lensとして公開する方法を説明します。コードプロジェクトの場合は、代わりにSnapchat Web Lensスターターから始めてください。

公開する前に、SnapのPlatform requirementsとCapabilities and restrictionsに照らしてゲームを確認してください。特に、Lensは縦向きで実行され、自身のzip内のファイルしか読み込めないため、プロジェクトは別のホストから何も読み込まないようにする必要があります。

Web Lens APIを追加する​

Web Lens APIを使用すると、リーダーボード、プレイヤーのBitmoji、起動をまたいで保持されるストレージをゲームで利用できます。プロジェクトに追加するには、次の手順に従います。

  1. @snap/web-lens-apiパッケージのdistフォルダーからsnap-api.jsをダウンロードします。
  2. スクリプトアセットとしてプロジェクトにアップロードします。
  3. アセットのInspectorで、Loading TypeをBefore Engineに設定します。

このスクリプトはAPIをwindow.snapchatとしてインストールするため、スクリプトから起動時にsnapchat.init()を呼び出し、各機能を使用する前にsnapchat.isSupported()で確認できます。APIはzipに同梱する必要があるため、Settings > External Scriptsには追加しないでください。Launchページを含むSnapchatの外では、APIは組み込みのスタブが固定のデータで応答します。

ビルドをダウンロードしてzipにする​

  1. Publishダイアログからプロジェクトのビルドをダウンロードします。
  2. index.htmlがフォルダーの中ではなくzipのルートに来るように、ビルドフォルダーの中身をzipにします。Windowsでは、相対パスを壊すバックスラッシュをzipに書き込むPowerShellのCompress-Archiveは使用しないでください。
  3. unzip -lでzipを確認します。zipは8 MB以下、index.htmlは1 MB以下である必要があります。

Snapchatにアップロードする​

My Lensesにサインインし、新しいLensを作成してWeb Lensのオプションを選び、zipをアップロードします。アイコンやプレビュー動画など追加する情報と審査の流れについては、SnapのPublishingガイドを参照してください。