diff --git a/es/guides/guide-cards.json b/es/guides/guide-cards.json index 194a3a83..037e16b4 100644 --- a/es/guides/guide-cards.json +++ b/es/guides/guide-cards.json @@ -1 +1 @@ -{"lastUpdated":"2025-06-04T08:39:42.458Z","totalCards":11,"sections":[{"title":"Desarrolladores de videojuegos","cards":[{"title":"Cree un juego móvil con Unity + Sequence","img":"/images/unity/jellyforest.webp","href":"/guias/jelly-forest-unity-guia","description":"Aprenda a crear un juego atractivo para iOS y Android que utiliza Sequence Embedded Wallets en segundo plano para habilitar un marketplace integrado y una moneda dentro del juego."},{"title":"Integre Sequence Wallets con una Mini-App de Telegram","img":"/images/guides/telegram/telegram-miniapp.webp","href":"/guias/integracion-telegram","description":"Siga nuestra guía de integración para aprender cómo integrar una Sequence Embedded Wallet en una aplicación de Telegram y así brindar soporte a sus usuarios en cadenas EVM."},{"title":"Cómo crear un juego con Unreal Engine","img":"/images/guides/overview/unreal-ew-guide.png","href":"/guias/unreal-ew-guia","description":"Utilice el SDK de Unreal de Sequence para mostrar información de Embedded Wallet, firmar mensajes y enviar transacciones."},{"title":"Cree un juego Dungeon Crawler con recompensas generadas por IA","img":"/images/guides/treasure-chest/dungeonMinter.png","href":"/guias/tesoro-guia","description":"Con este tutorial, cree un laberinto web donde los objetos de caja de recompensas (lootbox) se generan usando IA y se mintean dinámicamente en el wallet universal del jugador."},{"title":"Cree un juego WebGL en Typescript","img":"/images/aviator.png","href":"/guias/webgl-guia","description":"Siga una guía paso a paso para crear una demo de juego web que utiliza Sequence Embedded Wallet y tokens de logros personalizados dentro del juego."},{"title":"Venda objetos del juego a través de una tienda web","img":"/images/guides/overview/primary-sales.png","href":"/guias/ventas-primarias","description":"Impulse el crecimiento de su juego vendiendo objetos directamente a sus jugadores. En esta guía, le mostraremos cómo desplegar un contrato de Primary Sale paso a paso usando cualquier moneda personalizada o existente para una tienda web que utiliza objetos del juego de un contrato ERC1155."},{"title":"Cómo hacer Primary Sales de objetos on-chain en Unity","img":"/images/guides/overview/unity-primary-sales.png","href":"/guias/unity-ventas-primarias","description":"Esta guía cubre la creación de una Primary Sale con el SDK de Unity de Sequence."}]},{"title":"Web3","cards":[{"title":"Cree un servicio escalable de minteo de NFT","img":"/images/guides/overview/sword.png","href":"/guias/mintear-coleccionables-serverless","description":"Aprovechando la Transaction API de Sequence y un entorno serverless, creará un servicio de minteo escalable para NFTs u otras transacciones que maneja automáticamente las complejidades de blockchain como reorganizaciones, gestión de nonce y paralelización de transacciones."},{"title":"Cree un marketplace personalizado con Sequence","img":"/images/guides/overview/marketplace.png","href":"/guias/mercado-personalizado","description":"Cree un marketplace impulsado por API donde los jugadores pueden mintear, vender o comprar objetos usando una interfaz web personalizada que utiliza las APIs de Orderbook de Sequence."},{"title":"API de Sequence Analytics en Dune","img":"/images/guides/analytics/dune-analytics.jpg","href":"/guias/analiticas-guia","description":"Guía para consultar información sobre el uso de sus usuarios para su proyecto específico utilizando un Cloudflare Worker serverless."},{"title":"Creación, almacenamiento y gestión de metadatos de coleccionables","img":"/images/guides/overview/storage.png","href":"/guias/metadata-guia","description":"Utilizando la Metadata API de Sequence, puede crear, gestionar y almacenar metadatos asociados a sus NFTs desde casi cualquier entorno. Le mostraremos cómo utilizar estas REST-APIs para organizar las colecciones de su juego o experiencia."}]}]} \ No newline at end of file +{"lastUpdated":"2025-07-09T10:28:35.469Z","totalCards":12,"sections":[{"title":"Desarrolladores de videojuegos","cards":[{"title":"Cree un juego móvil con Unity + Sequence","img":"/images/unity/jellyforest.webp","href":"/guias/jelly-forest-unity-guia","description":"Aprenda a crear un juego atractivo para iOS y Android que utiliza Sequence Embedded Wallets en segundo plano para habilitar un marketplace integrado y una moneda dentro del juego."},{"title":"Integre Sequence Wallets con una Mini-App de Telegram","img":"/images/guides/telegram/telegram-miniapp.webp","href":"/guias/integracion-telegram","description":"Siga nuestra guía de integración para aprender cómo integrar una Sequence Embedded Wallet en una aplicación de Telegram y así brindar soporte a sus usuarios en cadenas EVM."},{"title":"Cómo crear un juego con Unreal Engine","img":"/images/guides/overview/unreal-ew-guide.png","href":"/guias/unreal-ew-guia","description":"Utilice el SDK de Unreal de Sequence para mostrar información de Embedded Wallet, firmar mensajes y enviar transacciones."},{"title":"Cree un juego Dungeon Crawler con recompensas generadas por IA","img":"/images/guides/treasure-chest/dungeonMinter.png","href":"/guias/tesoro-guia","description":"Con este tutorial, cree un laberinto web donde los objetos de caja de recompensas (lootbox) se generan usando IA y se mintean dinámicamente en el wallet universal del jugador."},{"title":"Cree un juego WebGL en Typescript","img":"/images/aviator.png","href":"/guias/webgl-guia","description":"Siga una guía paso a paso para crear una demo de juego web que utiliza Sequence Embedded Wallet y tokens de logros personalizados dentro del juego."},{"title":"Venda objetos del juego a través de una tienda web","img":"/images/guides/overview/primary-sales.png","href":"/guias/ventas-primarias","description":"Impulse el crecimiento de su juego vendiendo objetos directamente a sus jugadores. En esta guía, le mostraremos cómo desplegar un contrato de Primary Sale paso a paso usando cualquier moneda personalizada o existente para una tienda web que utiliza objetos del juego de un contrato ERC1155."},{"title":"Cómo hacer Primary Sales de objetos on-chain en Unity","img":"/images/guides/overview/unity-primary-sales.png","href":"/guias/unity-ventas-primarias","description":"Esta guía cubre la creación de una Primary Sale con el SDK de Unity de Sequence."}]},{"title":"Web3","cards":[{"title":"Cree un servicio escalable de minteo de NFT","img":"/images/guides/overview/sword.png","href":"/guias/mintear-coleccionables-serverless","description":"Aprovechando la Transaction API de Sequence y un entorno serverless, creará un servicio de minteo escalable para NFTs u otras transacciones que maneja automáticamente las complejidades de blockchain como reorganizaciones, gestión de nonce y paralelización de transacciones."},{"title":"Use Privy con Sequence","img":"/images/guides/overview/privyLogo.png","href":"/guides/use-with-privy","description":"Aprende cómo conectar Privy con Sequence."},{"title":"Cree un marketplace personalizado con Sequence","img":"/images/guides/overview/marketplace.png","href":"/guias/mercado-personalizado","description":"Cree un marketplace impulsado por API donde los jugadores pueden mintear, vender o comprar objetos usando una interfaz web personalizada que utiliza las APIs de Orderbook de Sequence."},{"title":"API de Sequence Analytics en Dune","img":"/images/guides/analytics/dune-analytics.jpg","href":"/guias/analiticas-guia","description":"Guía para consultar información sobre el uso de sus usuarios para su proyecto específico utilizando un Cloudflare Worker serverless."},{"title":"Creación, almacenamiento y gestión de metadatos de coleccionables","img":"/images/guides/overview/storage.png","href":"/guias/metadata-guia","description":"Utilizando la Metadata API de Sequence, puede crear, gestionar y almacenar metadatos asociados a sus NFTs desde casi cualquier entorno. Le mostraremos cómo utilizar estas REST-APIs para organizar las colecciones de su juego o experiencia."}]}]} \ No newline at end of file diff --git a/es/guides/guide-overview.mdx b/es/guides/guide-overview.mdx index eb74a92f..d9c5241b 100644 --- a/es/guides/guide-overview.mdx +++ b/es/guides/guide-overview.mdx @@ -2,7 +2,7 @@ title: Guías description: Resumen de las guías para la infraestructura de Sequence para juegos web3. mode: wide -sidebarTitle: Resumen +sidebarTitle: Descripción general --- Siga nuestras guías paso a paso y utilice plantillas de código abierto para acelerar su salida al mercado. @@ -46,6 +46,10 @@ Siga nuestras guías paso a paso y utilice plantillas de código abierto para ac Aprovechando la Transaction API de Sequence y un entorno serverless, creará un servicio de minteo escalable para NFTs u otras transacciones que maneja automáticamente las complejidades de blockchain como reorganizaciones, gestión de nonce y paralelización de transacciones. + + Aprende cómo conectar Privy con Sequence. + + Cree un marketplace impulsado por API donde los jugadores pueden mintear, vender o comprar objetos usando una interfaz web personalizada que utiliza las APIs de Orderbook de Sequence. diff --git a/es/sdk/unity/power/wallet-ui.mdx b/es/sdk/unity/power/wallet-ui.mdx deleted file mode 100644 index 7ebb95d6..00000000 --- a/es/sdk/unity/power/wallet-ui.mdx +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: Interfaz de Wallet ---- - -Como producto Wallet as a Service, este SDK no requiere interfaz de usuario. Sin embargo, como esperamos que algunas apps aún decidan ofrecer algún tipo de interfaz de wallet a los usuarios, estamos trabajando para brindar una UI predeterminada que puedes usar. - -Esta interfaz se encuentra bajo `SequenceFrontend`. - -Para agregar la UI a su escena, puede añadir el prefab `WalletPanel` que se encuentra en `SequenceFrontend > Prefabs`. Se abre usando el método Open; debe proporcionar un `Sequence.EmbeddedWallet.IWallet` (por ejemplo, un `SequenceWallet`) como argumento. - -Notarás que la interfaz aún está en desarrollo y también utiliza mocks en algunos lugares (como al obtener historial de transacciones y precios). Estos serán reemplazados en próximas actualizaciones del SDK, pero si quieres, puedes reemplazarlos tú mismo (¡y si quieres sumar puntos extra, envía un PR!). - -## Cómo Funciona -La interfaz de ejemplo de Sequence está compuesta por algunos componentes importantes. - -### UIPage -Un `UIPage` es la implementación base de una "página" en la interfaz de ejemplo. Ejemplos de páginas: `LoginPage`, `TokenInfoPage` - -Es responsable de abrir/cerrar la página y gestionar el `ITween` elegido. - -### ITween -Un `ITween` es una interfaz para una animación (entrada/salida) que se puede aplicar a un `RectTransform` (un componente requerido de un `UIPage`). Si no le gustan las animaciones de un `UIPage` o `UIPanel` puede cambiarlas fácilmente por cualquier otro MonoBehaviour que implemente la interfaz `ITween`, ¡incluso uno propio! - -Consejo: para ahorrar tiempo creando sus propias animaciones, considere usar el popular [conjunto de herramientas DOTween](https://assetstore.unity.com/packages/tools/animation/dotween-hotween-v2-27676) - -### UIPanel -Heredando de `UIPage`, un `UIPanel` es la implementación base de un "panel" en la interfaz de ejemplo. Ejemplos de paneles: `LoginPanel`, `WalletPanel` - -Además de las responsabilidades de `UIPage`, los UIPanels mantienen una pila de UIPages y `object[]` (argumentos de apertura) y se encargan de gestionar los event listeners requeridos y las transiciones de UI entre sus páginas hijas (según la jerarquía del inspector de la escena), incluyendo el manejo del botón "Atrás". - -### SequenceSampleUI -`SequenceSampleUI` puede considerarse el "administrador" de la interfaz de ejemplo. Mantiene una referencia a todos los UIPanels y se encarga de abrirlos según sea necesario, incluso en `Start()`. Si está integrando toda o parte de la interfaz de ejemplo en su proyecto, puede resultarle más práctico reemplazar `SequenceSampleUI` por su propio "administrador" de UI, usando `SequenceSampleUI` como referencia. - -## Personalización de la Interfaz -Construida sobre el sistema de UI de Unity, la interfaz es completamente personalizable. ¡Le animamos a adaptarla y "embellecerla" para que se ajuste a su aplicación! - -### Administrador de Esquema de Colores -Para ayudarle en el proceso, hemos agregado un script básico `ColorSchemeManager` que puede probar en nuestra escena Demo, la cual puede [importar vía Package Manager](/sdk/unity/installation#samples). - -Para usar el `ColorSchemeManager`, realice lo siguiente en modo edición. -1. Cree un [scriptable object](https://docs.unity3d.com/Manual/class-ScriptableObject.html) `Color Scheme` navegando a la barra superior `Assets > Create > Sequence > Color Scheme` y asígnele un nombre apropiado. -2. Configure los colores deseados en su nuevo scriptable object — ¡no olvide ajustar los valores alfa! Unity los pone en 0 por defecto. -3. Ubique el MonoBehaviour `ColorSchemeManager` en su escena en el inspector. En nuestra escena demo, esto está adjunto al gameObject `SequenceCanvas`. -4. Asigne su scriptable object recién creado como el Color Scheme. -5. Haga clic en "Apply". Tenga en cuenta que esto puede tardar unos segundos en aplicarse y puede que deba hacer clic en aplicar varias veces debido a cómo Unity refresca los cambios en el inspector (depende de la versión). - -El `ColorSchemeManager` no está pensado para darle resultados perfectos ni una interfaz perfecta desde el inicio, ¡pero esperamos que le ahorre algo de tiempo en el proceso! - -### Pronto habrá más herramientas de personalización -¡Esperamos brindarle más herramientas de conveniencia para ayudarle a personalizar la interfaz de usuario de manera más rápida y sencilla! Aunque tenemos nuestras propias ideas, nadie entiende sus necesidades mejor que usted, así que no dude en contactarnos con cualquier sugerencia que tenga. ¡O mejor aún, envíe un PR! \ No newline at end of file diff --git a/guides/guide-cards.json b/guides/guide-cards.json index 1d88957c..27394e5c 100644 --- a/guides/guide-cards.json +++ b/guides/guide-cards.json @@ -1,5 +1,5 @@ { - "lastUpdated": "2025-06-26T17:51:44.532Z", + "lastUpdated": "2025-07-09T10:28:35.469Z", "totalCards": 12, "sections": [ { @@ -60,7 +60,7 @@ }, { "title": "Use Privy with Sequence", - "img": "/images/guides/overview/privy_logo.png", + "img": "/images/guides/overview/privyLogo.png", "href": "/guides/use-with-privy", "description": "Learn how to connect Privy with Sequence." }, diff --git a/guides/guide-overview.mdx b/guides/guide-overview.mdx index c5662c88..ccca5ada 100644 --- a/guides/guide-overview.mdx +++ b/guides/guide-overview.mdx @@ -77,7 +77,7 @@ Follow our step-by-step guides and open source code templates to accelerate your Learn how to connect Privy with Sequence. diff --git a/images/guides/overview/privyLogo.png b/images/guides/overview/privyLogo.png new file mode 100644 index 00000000..ab22aef8 Binary files /dev/null and b/images/guides/overview/privyLogo.png differ diff --git a/ja/guides/guide-cards.json b/ja/guides/guide-cards.json index d91a5239..47b02c5d 100644 --- a/ja/guides/guide-cards.json +++ b/ja/guides/guide-cards.json @@ -1 +1 @@ -{"lastUpdated":"2025-06-04T08:39:42.458Z","totalCards":11,"sections":[{"title":"ゲーム開発者向け","cards":[{"title":"UnityとSequenceでモバイルゲームを構築する","img":"/images/unity/jellyforest.webp","href":"/guides/jelly-forest-unity-guide","description":"Sequence Embedded Walletを内部的に活用し、統合マーケットプレイスやゲーム内通貨を備えた魅力的なiOS・Androidゲームの作り方を説明します。"},{"title":"Sequence WalletをTelegramミニアプリに統合する","img":"/images/guides/telegram/telegram-miniapp.webp","href":"/guides/telegram-integration","description":"統合ガイドに従い、TelegramアプリにSequence Embedded Walletを組み込んで、EVMチェーン上のユーザーをサポートする方法を学びましょう。"},{"title":"Unreal Engineでゲームを構築する方法","img":"/images/guides/overview/unreal-ew-guide.png","href":"/guides/unreal-ew-guide","description":"SequenceのUnreal SDKを使って、Embedded Walletの情報表示、メッセージ署名、トランザクション送信を行いましょう。"},{"title":"AI生成報酬付きダンジョンクローラーゲームを作成する","img":"/images/guides/treasure-chest/dungeonMinter.png","href":"/guides/treasure-chest-guide","description":"このチュートリアルでは、AIで生成されたガチャアイテムをプレイヤーのユニバーサルウォレットに動的にミントする、ウェブベースの迷路ゲームを作成します。"},{"title":"TypescriptでWebGLゲームを構築する","img":"/images/aviator.png","href":"/guides/webgl-guide","description":"Sequence Embedded Walletとカスタムのゲーム内実績トークンを活用したウェブゲームデモを、ステップバイステップで作成できます。"},{"title":"ウェブショップでゲームアイテムを販売する","img":"/images/guides/overview/primary-sales.png","href":"/guides/primary-sales","description":"ゲーム成長を加速させるため、アイテムをプレイヤーに直接販売できます。本ガイドでは、ERC1155コントラクト由来のゲームアイテムを利用したウェブショップで、任意のカスタム通貨や既存通貨を使ってPrimary Saleコントラクトをデプロイする手順を説明します。"},{"title":"UnityでオンチェーンアイテムのPrimary Saleを行う方法","img":"/images/guides/overview/unity-primary-sales.png","href":"/guides/unity-primary-sales","description":"このガイドでは、SequenceのUnity SDKを使ったPrimary Saleの作成方法を説明します。"}]},{"title":"Web3","cards":[{"title":"スケーラブルなNFTミンティングサービスを構築する","img":"/images/guides/overview/sword.png","href":"/guides/mint-collectibles-serverless","description":"SequenceのTransaction APIとサーバーレス環境を活用し、リオーグやノンス管理、トランザクションの並列処理など、ブロックチェーン特有の複雑さを自動で処理するスケーラブルなNFTミントサービスやその他トランザクションサービスを構築します。"},{"title":"Sequenceでカスタムマーケットプレイスを作成する","img":"/images/guides/overview/marketplace.png","href":"/guides/custom-marketplace","description":"Sequence Orderbook APIを活用し、プレイヤーがアイテムをミント・売買できるAPI駆動型のカスタムウェブマーケットプレイスを構築します。"},{"title":"DuneのSequence Analytics API","img":"/images/guides/analytics/dune-analytics.jpg","href":"/guides/analytics-guide","description":"Cloudflare Workerのサーバーレス環境を活用し、特定プロジェクトのユーザー利用状況を取得するための情報クエリガイドです。"},{"title":"コレクティブルのメタデータの作成、保存、管理","img":"/images/guides/overview/storage.png","href":"/guides/metadata-guide","description":"SequenceのMetadata APIを利用することで、NFTに関連するメタデータをほぼあらゆる環境からプログラム的に作成・管理・保存できます。これらのREST-APIを呼び出して、ゲームや体験のコレクションを整理する方法を解説します。"}]}]} \ No newline at end of file +{"lastUpdated":"2025-07-09T10:28:35.469Z","totalCards":12,"sections":[{"title":"ゲーム開発者向け","cards":[{"title":"UnityとSequenceでモバイルゲームを構築する","img":"/images/unity/jellyforest.webp","href":"/guides/jelly-forest-unity-guide","description":"Sequence Embedded Walletを内部的に活用し、統合マーケットプレイスやゲーム内通貨を備えた魅力的なiOS・Androidゲームの作り方を説明します。"},{"title":"Sequence WalletをTelegramミニアプリに統合する","img":"/images/guides/telegram/telegram-miniapp.webp","href":"/guides/telegram-integration","description":"統合ガイドに従い、TelegramアプリにSequence Embedded Walletを組み込んで、EVMチェーン上のユーザーをサポートする方法を学びましょう。"},{"title":"Unreal Engineでゲームを構築する方法","img":"/images/guides/overview/unreal-ew-guide.png","href":"/guides/unreal-ew-guide","description":"SequenceのUnreal SDKを使って、Embedded Walletの情報表示、メッセージ署名、トランザクション送信を行いましょう。"},{"title":"AI生成報酬付きダンジョンクローラーゲームを作成する","img":"/images/guides/treasure-chest/dungeonMinter.png","href":"/guides/treasure-chest-guide","description":"このチュートリアルでは、AIで生成されたガチャアイテムをプレイヤーのユニバーサルウォレットに動的にミントする、ウェブベースの迷路ゲームを作成します。"},{"title":"TypescriptでWebGLゲームを構築する","img":"/images/aviator.png","href":"/guides/webgl-guide","description":"Sequence Embedded Walletとカスタムのゲーム内実績トークンを活用したウェブゲームデモを、ステップバイステップで作成できます。"},{"title":"ウェブショップでゲームアイテムを販売する","img":"/images/guides/overview/primary-sales.png","href":"/guides/primary-sales","description":"ゲーム成長を加速させるため、アイテムをプレイヤーに直接販売できます。本ガイドでは、ERC1155コントラクト由来のゲームアイテムを利用したウェブショップで、任意のカスタム通貨や既存通貨を使ってPrimary Saleコントラクトをデプロイする手順を説明します。"},{"title":"UnityでオンチェーンアイテムのPrimary Saleを行う方法","img":"/images/guides/overview/unity-primary-sales.png","href":"/guides/unity-primary-sales","description":"このガイドでは、SequenceのUnity SDKを使ったPrimary Saleの作成方法を説明します。"}]},{"title":"Web3","cards":[{"title":"スケーラブルなNFTミンティングサービスを構築する","img":"/images/guides/overview/sword.png","href":"/guides/mint-collectibles-serverless","description":"SequenceのTransaction APIとサーバーレス環境を活用し、リオーグやノンス管理、トランザクションの並列処理など、ブロックチェーン特有の複雑さを自動で処理するスケーラブルなNFTミントサービスやその他トランザクションサービスを構築します。"},{"title":"PrivyをSequenceに接続する","img":"/images/guides/overview/privyLogo.png","href":"/guides/use-with-privy","description":"PrivyをSequenceに接続する方法"},{"title":"Sequenceでカスタムマーケットプレイスを作成する","img":"/images/guides/overview/marketplace.png","href":"/guides/custom-marketplace","description":"Sequence Orderbook APIを活用し、プレイヤーがアイテムをミント・売買できるAPI駆動型のカスタムウェブマーケットプレイスを構築します。"},{"title":"DuneのSequence Analytics API","img":"/images/guides/analytics/dune-analytics.jpg","href":"/guides/analytics-guide","description":"Cloudflare Workerのサーバーレス環境を活用し、特定プロジェクトのユーザー利用状況を取得するための情報クエリガイドです。"},{"title":"コレクティブルのメタデータの作成、保存、管理","img":"/images/guides/overview/storage.png","href":"/guides/metadata-guide","description":"SequenceのMetadata APIを利用することで、NFTに関連するメタデータをほぼあらゆる環境からプログラム的に作成・管理・保存できます。これらのREST-APIを呼び出して、ゲームや体験のコレクションを整理する方法を解説します。"}]}]} \ No newline at end of file diff --git a/ja/guides/guide-overview.mdx b/ja/guides/guide-overview.mdx index ec45dc4b..bb5d7a63 100644 --- a/ja/guides/guide-overview.mdx +++ b/ja/guides/guide-overview.mdx @@ -46,6 +46,10 @@ sidebarTitle: 概要 SequenceのTransaction APIとサーバーレス環境を活用し、リオーグやノンス管理、トランザクションの並列処理など、ブロックチェーン特有の複雑さを自動で処理するスケーラブルなNFTミントサービスやその他トランザクションサービスを構築します。 + + PrivyをSequenceに接続する方法 + + Sequence Orderbook APIを活用し、プレイヤーがアイテムをミント・売買できるAPI駆動型のカスタムウェブマーケットプレイスを構築します。 diff --git a/ja/sdk/unity/power/wallet-ui.mdx b/ja/sdk/unity/power/wallet-ui.mdx deleted file mode 100644 index d7589156..00000000 --- a/ja/sdk/unity/power/wallet-ui.mdx +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: ウォレットUI ---- - -Wallet as a Service製品として、このSDKにはUIは不要です。ただし、一部のアプリではユーザー向けにウォレットUIを提供したい場合もあると考え、デフォルトUIの提供に取り組んでいます。 - -このUIは `SequenceFrontend` に含まれています。 - -シーンにUIを追加するには、`SequenceFrontend > Prefabs` 内にある `WalletPanel` プレハブを追加してください。開く際は Open メソッドを使用し、引数として `Sequence.EmbeddedWallet.IWallet`（例：`SequenceWallet`）を指定する必要があります。 - -UIはまだ開発途中であり、一部の箇所ではモック（トランザクション履歴や価格の取得など）が使われていることにお気づきになるでしょう。これらは今後のSDKアップデートで置き換えられる予定ですが、ご自身で差し替えていただいても構いません（もしPRを送っていただければ大歓迎です！）。 - -## 仕組みについて -サンプルのSequence UIはいくつかの重要なコンポーネントで構成されています。 - -### UIPage -`UIPage`は、サンプルUIにおける「ページ」の基本実装です。例：`LoginPage`、`TokenInfoPage` - -ページの開閉や、選択した`ITween`の管理を担当します。 - -### ITween -`ITween`はアニメーション（イン／アウト）用のインターフェースで、`RectTransform`（`UIPage`に必須のコンポーネント）に適用できます。特定の`UIPage`や`UIPanel`のアニメーションが気に入らない場合は、`ITween`インターフェースを実装した他のMonoBehaviour（ご自身で作成したものも含む）に簡単に差し替え可能です。 - -ヒント：独自のアニメーションを作成する時間を節約したい場合は、人気のある[DOTweenツールセット](https://assetstore.unity.com/packages/tools/animation/dotween-hotween-v2-27676)の利用を検討してください。 - -### UIPanel -`UIPage`を継承した`UIPanel`は、サンプルUIにおける「パネル」の基本実装です。例：`LoginPanel`、`WalletPanel` - -`UIPage`の役割に加え、UIPanelはUIPagesと`object[]`（開く際の引数）のスタックを管理し、必要なイベントリスナーや子ページ間のUI遷移（Sceneインスペクタの階層に従う）、「戻る」ボタンの処理なども担当します。 - -### SequenceSampleUI -`SequenceSampleUI`はサンプルUIの「マネージャー」として機能します。すべてのUIPanelへの参照を保持し、必要に応じて（`Start()`時など）開く役割を担います。サンプルUIの全部または一部をプロジェクトに組み込む場合は、`SequenceSampleUI`を参考にしつつ、ご自身のUI「マネージャー」と置き換えるのが実用的かもしれません。 - -## UIのカスタマイズ性 -UnityのUIシステム上に構築されているため、UIは完全にカスタマイズ可能です。ぜひご自身のアプリに合わせて自由に「美しく」仕上げてください！ - -### カラースキームマネージャー -その手助けとして、基本的な`ColorSchemeManager`スクリプトを用意しました。デモシーンでお試しいただけます（[Package Managerからインポート可能](/sdk/unity/installation#samples)）。 - -`ColorSchemeManager`を使うには、編集モードで以下の手順を行ってください。 -1. 上部メニューの `Assets > Create > Sequence > Color Scheme` から `Color Scheme` [スクリプタブルオブジェクト](https://docs.unity3d.com/Manual/class-ScriptableObject.html) を作成し、適切な名前を付けてください。 -2. 新しく作成したスクリプタブルオブジェクトで希望の色を設定します（アルファ値の設定もお忘れなく！Unityではデフォルトで0になっています）。 -3. インスペクタでシーン内の`ColorSchemeManager` MonoBehaviourを探してください。デモシーンでは、これは`SequenceCanvas`ゲームオブジェクトにアタッチされています。 -4. 作成したスクリプタブルオブジェクトをカラースキームとして設定します。 -5. 「Apply」をクリックしてください。適用には数秒かかる場合があり、Unityのインスペクタ更新の仕組み（バージョンによる）により、複数回クリックが必要な場合もあります。 - -`ColorSchemeManager`は完璧な結果や理想的なUIをすぐに提供するものではありませんが、作業時間の短縮に役立てば幸いです。 - -### さらなるカスタマイズツールも近日公開予定 -今後、より便利なツールを提供し、UIのカスタマイズをさらに簡単・迅速にできるようにしたいと考えています。私たちにもアイデアはありますが、皆さまご自身のニーズが一番よく分かるはずです。ご要望やアイデアがあれば、ぜひお気軽にご連絡ください。もちろん、PRのご提出も大歓迎です！ \ No newline at end of file