ViewNode2 not rendering

[PinkBabyBoy]

Trying to do smth like this in template below. If use CubeNode - rendering is ok.

                    val cNode2 = ViewNode2(
                        engine,
                        wn.value,
                        materialLoader,
                        content = {
                            MaterialTheme {
                                Box(Modifier.fillMaxSize()) {
                                    Image(
                                        painterResource(ai.tourly.core.R.drawable.v_ic_microphone),
                                        null,
                                        modifier = Modifier.size(200.dp))
                                }
                            }
                        }
                    ).apply {
                        isPositionEditable = true
                        isScaleEditable = true
                        scale = Scale(2f, 2f, 2f)
                        isEditable = true
                        onEditingChanged = {
                            anchorNode.isVisible = true
                            isVisible = true
                        }
                     
                    }
                    val boundingBoxNode = CubeNode(
                        engine,
                        size = dev.romainguy.kotlin.math.Float3(200f, 200f, 200f),
                        center = dev.romainguy.kotlin.math.Float3(50f, 50f, 50f),
                        materialInstance = materialLoader.createColorInstance(
                            Color.Black.copy(
                                alpha = 0.5f
                            )
                        )
                    ).apply {
                        isVisible = true
                    }
                    anchorNode.addChildNode(cNode2)

                    anchorNode
                }
                nodes.addAll(ancors)

[lonnelyon]

I was having the same problem, where the view would render as a black box.
In my case I created a view node window manager in my fragment's onViewCreated method:
val viewNodeWindowManager = SceneView.createViewNodeManager(requireContext())
Then this is assigned to the sceneView.viewNodeWindowManager when I configure the scene view.
I use this viewNodeWindowManager any time I create a ViewNode2.

I hope this helps.

[PinkBabyBoy]

Unfortunately it does not help. I use compose, window manager created like this:
val windowManager = rememberViewNodeManager()
When I use 3d objects like CubeNode, SphereNode - it works fine. But then I use ViewNode or viewNode2 it shows nothing. No black box, nothing, but a camera stream.

[PinkBabyBoy]

My ArScene set up:

val context = LocalContext.current
val engine = rememberEngine()
val materialLoader = rememberMaterialLoader(engine)
val environmentLoader = rememberEnvironmentLoader(engine)
val cameraStream = rememberARCameraStream(materialLoader)
val view = rememberView(engine)
val nodes = rememberNodes()
val collisionSystem = rememberCollisionSystem(view)
val cameraNode = rememberARCameraNode(engine)
val sessionSaver = remember { mutableStateOf<Pair<Session, Frame>?>(null) }
val viewHolder = remember { mutableStateOf<ARSceneView?>(null) }
val modelL = rememberModelLoader(engine)
val windowManager = rememberViewNodeManager()

   ARScene(
    modelLoader = modelL,
    sessionFeatures = setOf(),
    viewNodeWindowManager = windowManager,
    onViewCreated = {
        viewHolder.value = this
        planeRenderer.isVisible = true
        planeRenderer.planeRendererMode =
            PlaneRenderer.PlaneRendererMode.RENDER_CENTER
        planeRenderer.isShadowReceiver = false
    },
    lifecycle = androidx.lifecycle.compose.LocalLifecycleOwner.current.lifecycle,
    collisionSystem = collisionSystem,
    onTrackingFailureChanged = {
        Log.d("@@@", "FAIL TR $it")
    },
    materialLoader = materialLoader,
    childNodes = nodes,
    view = view,
    modifier = Modifier.fillMaxSize(),
    sessionCameraConfig = null,
    engine = engine,
    sessionConfiguration = { session, config ->
        config.depthMode =
            when (session.isDepthModeSupported(Config.DepthMode.AUTOMATIC)) {
                true -> Config.DepthMode.AUTOMATIC
                else -> Config.DepthMode.DISABLED
            }
        config.updateMode = Config.UpdateMode.LATEST_CAMERA_IMAGE
        config.cloudAnchorMode = Config.CloudAnchorMode.ENABLED
        config.geospatialMode = Config.GeospatialMode.ENABLED
        config.planeFindingMode = Config.PlaneFindingMode.HORIZONTAL_AND_VERTICAL
        config.streetscapeGeometryMode = Config.StreetscapeGeometryMode.ENABLED
        config.instantPlacementMode = Config.InstantPlacementMode.LOCAL_Y_UP
        config.lightEstimationMode = Config.LightEstimationMode.DISABLED
        session.configure(config)
    },
    planeRenderer = true,
    cameraStream = cameraStream,
    environmentLoader = environmentLoader,
    onSessionUpdated = { session, updatedFrame ->
        val earth = session.earth ?: return@ARScene
        sessionSaver.value = session to updatedFrame
        earth.handleNewSate(
            frame = updatedFrame,
            cameraNode = cameraNode,
            nodes = nodes,
            eventReceiver = eventReceiver
        )
    }
)

[bene25]

@PinkBabyBoy have the issue
also tried to ViewRenderable without success
sceneview = "2.3.0"

There are some suggestions to use ViewNode, you said you also tried with it, but I am curious how viewAttachmentManager was look like in your example

update: looks like we forgot to set
isVisible = true
on the ViewNode

[PinkBabyBoy]

@bene25
isVisible = true is also does not works

[giancarlo-calderon-kenility]

Same problem here, ViewModel only works after several times I try to add it and ViewModel2 only shows a gray screen

[bene25]

@PinkBabyBoy @giancarlo-calderon-kenility

    val imageView = ImageView(context)
    imageView.setImageDrawable(drawable)

    val viewNode = ViewNode2(
        engine = engine,
        materialLoader = materialLoader,
        windowManager = windowManager,
        view = imageView
    ).apply {
        isPositionEditable = true
        scale = Scale(0.5f, 0.5f, 0.5f)
        isScaleEditable = true
        isVisible = true
        isEditable = true
        onEditingChanged = {
            anchorNode.isVisible = true
            isVisible = true
        }
    }

and add node to the anchor

[Saroj-Maharjan-Geomoby]

For anyone having a issue with this problem. Firstly need to create a instance of viewmanager

 val windowManager = rememberViewNodeManager(
        context,
        creator = {
            SceneView.createViewNodeManager(context)
        },
    )

Add the windowManager to scene.

Scene(
    viewNodeWindowManager = windowManager,
)

While creating a viewnode2

val viewNode = ViewNode2(
                    engine = engine,
                    materialLoader = materialLoader,
                    windowManager = windowManager,
                ) {
                    Text(
                        locator.label ?: locator.id,
                        style = MaterialTheme.typography.labelSmall,
                        color = Color.White,
                        modifier = Modifier
                            .background(Color.Black, shape = RoundedCornerShape(10))
                            .wrapContentWidth(),
                    )
                }

viewNode.addChildNode(
// Child Node
...NODE()
)

hope this helps.