how to display a 3d model with jetpack compose?

Question

I want to show a 3d object in app, that you can see all sides of that with rotating in jetpack compose and I can't find a source code.

Can anyone show the codes of making it please?

I read something about sceneform but there was no documentation or library for jetpack compose.

this is what I found:

@Composable
fun MySceneformView(model: Model) {
    SceneformModel(
        model = model,
        scale = 1.0f,
        rotation = Quaternion.identity(),
        position = Vector3(0.0f, 0.0f, 0.0f)
    )
}

and I don't know if it's work.

Andy Jazz · Accepted Answer · 2024-12-19 12:58:19Z

1

Loading 3D model in Jetpack Compose app

In order to load a 3D model into an AR/VR Android app built on Jetpack Compose UI, it's best to use the SceneView library by Thomas Gorisse. To implement AR/VR SceneView, paste the following code into build.gradle.kts (Module :app) file.

dependencies {      // Virtual Reality View
    implementation("io.github.sceneview:sceneview:2.2.1")
}

dependencies {      // Augmented Reality View
    implementation("io.github.sceneview:arsceneview:2.2.1")
}

When using SceneView, .glb (GL Transmission Format Binary file) models are ideal. .glb is a binary version of .gltf format, and it can contain an hierarchy of polygonal geometry, lighting, materials, and animations in a single compressed file. You can find many .glb models on the sketchfab.com.

The Kotlin code to load a VR scene is as simple as that:

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            VRSceneViewTheme {
                val engine = rememberEngine()
                val modelLoader = rememberModelLoader(engine)
                val cameraNode = rememberCameraNode(engine)
                cameraNode.position = Position(z = 2.5f)

                Scene(
                    modifier = Modifier.fillMaxSize(),
                    engine = engine,
                    modelLoader = modelLoader,
                    cameraNode = cameraNode,
                    childNodes = listOf(
                        ModelNode(
                            modelInstance = modelLoader
                                .createModelInstance("pigeon.glb"),
                            scaleToUnits = 1.25f
                        )
                    )
                )
            }
        }
    }
}

answered Dec 19, 2024 at 12:58

Andy Jazz

61k19 gold badges166 silver badges263 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Tushar Gogna Oct 6 at 22:03

Somehow getting Engine destroyed for this. The size is not 0. Any idea? Thanks

Andy Jazz Oct 7 at 6:46

It would be best to address this question to Thomas Gorisse.

Tushar Gogna Oct 15 at 17:23

I hope he is active.. I see no activity by him. I will reach out via Git later on. Thanks

Tushar Gogna Oct 15 at 17:23

@thomas-gorisse, I am getting the error " getting Engine destroyed for this. The size is not 0". Any idea about this? Thank you

Collectives™ on Stack Overflow

how to display a 3d model with jetpack compose?

1 Answer 1

Loading 3D model in Jetpack Compose app

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Loading 3D model in Jetpack Compose app

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related