Porting a visionOS App to Android XR

visionOSアプリをAndroid XRに移植してみた話

Google I/O Extended Tokyo 2025
https://gdg-tokyo.connpass.com/event/356777/

Transcript

1. Porting a visionOS App to Android XR JP: visionOSアプリをAndroid XRに移植してみた話 Akio Itaya Engineer @ AkkeyLab, Inc.
2. Zenith for Android Check out the sample Android XR app on GitHub! github.com/AkkeyLab/zenith-android 3D Anime Character girl for Blender C1by CGCOOL https://skfb.ly/oyACQ
3. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { val session = checkNotNull(LocalSession.current) SpatialPanel() { LaunchedEffect(key1 = Unit) { val model = GltfModel.create(session, "models/girl.gltf") .await() var modelEntity = GltfModelEntity.create( session = session, model = model ) } } } github.com/AkkeyLab/zenith-android
4. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { val session = checkNotNull(LocalSession.current) SpatialPanel() { LaunchedEffect(key1 = Unit) { val model = GltfModel.create(session, "models/girl.gltf") .await() var modelEntity = GltfModelEntity.create( session = session, model = model ) } } } github.com/AkkeyLab/zenith-android
5. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { val session = checkNotNull(LocalSession.current) SpatialPanel() { LaunchedEffect(key1 = Unit) { val model = GltfModel.create(session, "models/girl.gltf") .await() var modelEntity = GltfModelEntity.create( session = session, model = model ) } } } github.com/AkkeyLab/zenith-android
6. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { val session = checkNotNull(LocalSession.current) SpatialPanel() { LaunchedEffect(key1 = Unit) { val model = GltfModel.create(session, "models/girl.gltf") .await() var modelEntity = GltfModelEntity.create( session = session, model = model ) modelEntity.startAnimation( loop = true, animationName = "rotate" ) } } } ⚠ アニメーションがアプリのコア機能 になる場合は 早い段階での確認 を推奨！ github.com/AkkeyLab/zenith-android
7. 3D Anime Character girl for Blender C1by CGCOOL https://skfb.ly/oyACQ
8. <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"> <application <property android:name="android.window.PROPERTY_XR_ACTIVITY_START_MODE" android:value="XR_ACTIVITY_START_MODE_FULL_SPACE_MANAGED"> </property> </application> </manifest> github.com/AkkeyLab/zenith-android
9. 󰗔 github.com/AkkeyLab/zenith-android
10. 🛰 Orbiter github.com/AkkeyLab/zenith-android
11. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { var selectedTab by remember { mutableIntStateOf(0) } SpatialPanel() { Orbiter( position = OrbiterEdge.Start, alignment = Alignment.CenterVertically, offset = EdgeOffset.inner(16.dp), shape = SpatialRoundedCornerShape(CornerSize(percent = 50)) ) { Surface() { Column() { CustomButton(...) { selectedTab = 0 } } } } } } github.com/AkkeyLab/zenith-android
12. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { var selectedTab by remember { mutableIntStateOf(0) } SpatialPanel() { Orbiter( position = OrbiterEdge.Start, alignment = Alignment.CenterVertically, offset = EdgeOffset.inner(16.dp), shape = SpatialRoundedCornerShape(CornerSize(percent = 50)) ) { Surface() { Column() { CustomButton(...) { selectedTab = 0 } } } } } } github.com/AkkeyLab/zenith-android
13. @SuppressLint("RestrictedApi") @Composable fun MainSpatialContent() { var selectedTab by remember { mutableIntStateOf(0) } SpatialPanel() { Orbiter( position = OrbiterEdge.Start, alignment = Alignment.CenterVertically, offset = EdgeOffset.inner(16.dp), shape = SpatialRoundedCornerShape(CornerSize(percent = 50)) ) { Surface() { Column() { CustomButton(...) { selectedTab = 0 } } } } } } github.com/AkkeyLab/zenith-android
14. Demo
15. Thinking about going to Seoul! Can’t wait for Project Moohan! 🥳 Me! →
16. Thank you !