peraxel7

This looks cool. Is it online somewhere?

@c75 Thank you! Yes, the plan is to learn how marker tracking works so I can figure out distance and rotation. Then hopefully make some implementation of it which still gives an fps of 60. Probably by using some compromise in accuracy like limiting the player to only see the game from certain angles and so on.

This is Awesome! Love the smoothness of the controls and the high fps.

Hold up something red like a bottle cap and you should see a 3d sphere following it around. When your up to it, use arrows and mouse to move around and it should still track to the plane showing your webcam. https://www.babylonjs-playground.com/#YGKM4#1 As it identifies red above a certain threshold make sure there are no other red objects in the environment (like a t-shirt) or tracking may get weird. Let me know if it works since I've only tried it at home

@dbawel Made a sample that uses a standard material for the video. https://www.babylonjs-playground.com/#LIVJ8#0 In this one I needed to set an emissive color because the scene has no lights.

Made a small demo on how to use the Webcam in 2.6. https://www.babylonjs-playground.com/#EETLE#0 More info about Video here: http://doc.babylonjs.com/tutorials/advanced_texturing. From what I gather you don't need to use a shadermaterial if you just want to display the webcam stream. However applying it to a shadermaterial allows for custom pixelshaders on the stream. [EDIT] Had some time so I made a sample using standard material for the video. https://www.babylonjs-playground.com/#LIVJ8#0 In this one I needed to set the emissiveColor because the scene has no lights. Also use of the webcam requires a HTTPS connection (in Chrome) which might require use of a local webserver if anyone is developing at home.

Works perfectly now. Thank You!

Hello, I noticed in the documentation that WebRTC and Webcam support was being added to Babylon 2.6. So I made a simple example where createFromWebCam is applied to a shadermaterial. That would allow custom pixelshaders to filter the webcam stream which could be useful for blob/edge detection in Augmented Reality applications. Everything works fine on localhost so I created a simple Playground for it. However on Chrome I get permission denied. getUserMedia() no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details. So I was wondering if there is something I should do differently, if the Playground needs to update to a HTTPS, or if this is only happening to me? I saved the playground http://www.babylonjs-playground.com/#EETLE#0 which for me shows a black plane. (Ctrl + shift + I) to bring up console with warnings on Chrome.

Nice one, liked the restriction of camera movement, the speed of animation and the light. Cool piece.

Ok, got it working now. I was actually surprised that debugLayer could show the bounding box whereas I had failed. Thanks for the comments. Iterating all the meshes to outline all of them will probably come into use one of these days at well. Turns out I needed to set newMeshes[0] to newMeshes[1]. At least I got to spend a few hours reading the documentation Onwards to the next user error!

Hi, new to Babylon.js and the forum. I want to use the renderOutline property on the rabbit.babylon model from BONES demo. BABYLON.SceneLoader.ImportMesh("", "models/", "rabbit.babylon", scene, function (newMeshes, particleSystems, skeletons) { var mdl_Rabbit = newMeshes[0]; mdl_Rabbit.position = new BABYLON.Vector3(0, 0, 40); mdl_Rabbit.renderOutline = true; }); It changes the position of the rabbit but it does not render outline. Also for some reason, I could use newMeshes[12] and the rabbit would still display correctly. mdl_Rabbit.showBoundingBox doesn't work either. Overall it's obvious I don't understand how the ImportMesh works. So, what am I missing and how do I get renderOutline to work?