8thWall camera with glow layer

MouseOverYou · December 17, 2019, 2:46pm

Hi, I use 8thwall(an augmented reality library?) and BABYLON to create Augmented Reality. So far so good. I just noticed something kind of annoying. If I add a glowlayer to the scene, the camera feed gets treated as an emissive texture and everything starts to glow. so everything turns on white.

I have tried addIncludedOnlyMesh for just one mesh, but still everythings turns on white.

I reached the guys at 8thwall and they told me to ask the babylon people since they dont know how the glowlayer works.

the 8thwall / babylon example is here:

github.com

8thwall/web/blob/master/examples/babylonjs/placeground/index.js

const modelRootURL = './'                                 // Directory where 3D model lives
const modelFile = 'tree.glb'                              // 3D model to spawn at tap
const startScale = new BABYLON.Vector3(0.01, 0.01, 0.01)  // Initial scale value for our model
const endScale = new BABYLON.Vector3(0.05, 0.05, 0.05)    // Ending scale value for our model
const animationMillis = 750                               // Animate over 0.75 seconds

let surface, engine, scene, camera

// Populates some object into an XR scene and sets the initial camera position.
const initXrScene = ({ scene, camera }) => {
  console.log('initXrScene')

  const directionalLight = new BABYLON.DirectionalLight("DirectionalLight", new BABYLON.Vector3(0, -1, 1), scene)
  directionalLight.intensity = 1.0

  const ground = BABYLON.Mesh.CreatePlane('ground', 100, scene)
  ground.rotation.x = Math.PI / 2
  ground.material = new BABYLON.StandardMaterial("groundMaterial", scene)
  ground.material.alpha = 0
  surface = ground

This file has been truncated. show original

the babylon camera gets the 8thwall behavior on line 96:
camera.addBehavior(XR8.Babylonjs.xrCameraBehavior(), true)

Has somebody any idea on how to solve this? probably is hard to debug since you need an appkey to run the example locally

Deltakosh · December 17, 2019, 2:48pm

Well this could be trickybut let me ask @sebavan

sebavan · December 17, 2019, 3:32pm

Main issue is that they use emissive for their mesh to display the camera feed

You could try to exclude their mesh (addExcludedMesh) ???

MouseOverYou · December 17, 2019, 3:47pm

so I guess i have to ask them how to access their mesh (i guess is a plane where they are rendering the camera feed, right?)

sebavan · December 17, 2019, 3:53pm

Yup sounds like it to me, you might be able to find it under scene.meshes

MouseOverYou · December 17, 2019, 4:09pm

for(var i=0; i<=scene.meshes.length; i++){

alert(scene.meshes[i].name);

}

gives me only one mesh…“ground” that is not what we are looking for so they are not adding any mesh to the scene

Deltakosh · December 17, 2019, 4:45pm

Maybe a different scene?

sebavan · December 17, 2019, 4:49pm

Or a layer ?

ArSancube · October 16, 2020, 4:14am

I am facing the same problem, any idea on this?

Lonerobot · January 25, 2021, 12:03pm

Yep, I have this issue too, anyone ever figure out a solution for this?

Lonerobot · January 29, 2021, 11:34am

I’ve posted this back to the 8th wall devs Slack channel as I need to clarify the points @Deltakosh and @sebavan made above, hopefully they will be able to suggest something.

Lonerobot · February 17, 2021, 4:17pm

This was the only reply so far to this issue on 8th wall

Topic		Replies	Views
DefaultRenderingPipeline. Glow layer support in Babylon Native Questions	17	325	February 22, 2024
WebXR Light Estimation and Realtime Reflections Questions	3	961	August 8, 2022
FaceColor + GlowLayer + V4 Bugs	10	1342	April 12, 2019
Any ideas why glowLayer is turning White? Questions material , glb , light	7	543	May 12, 2023
A Spaceship - a demo that is a work in progress (WIP) An issue with glowing lights - my fix Demos and projects	7	947	April 1, 2022

8thWall camera with glow layer

Related topics