babylon-runtime / _r Goto Github PK

console say _r::unrecognized easing function linear

see https://codepen.io/vinc3r/pen/OJPMjZG

The patch does not enable vignette. You can use thisjavascript code to execute it in the console, you will see the result we should have:

_r.scene.imageProcessingConfiguration.isEnabled = true;
_r.scene.imageProcessingConfiguration.vignetteEnabled = true;
_r.scene.imageProcessingConfiguration.vignetteWeight = 100;
_r.scene.imageProcessingConfiguration.vignetteColor = BABYLON.Color4.FromHexString("#FF000000");
_r.scene.imageProcessingConfiguration.vignetteCameraFov = 1;

How to configure building packages, how to make a pull request, launch tests...

see https://codesandbox.io/embed/ancient-bird-wmlcx?codemirror=1&fontsize=12&hidenavigation=1&module=%2Floadfile.js&theme=dark

If you send this patch to the console, you'll be able to see the desired result:

_r.patch([{"cornellBox.red.000:material":{"albedoColor": "yellow"}},{"cornellBox.ground.000:material":{"albedoColor": "blue"}}]);

If you call the patch after addToScene, it works:

_r.select(assets).addToScene();
_r.patch(["cornellBox.patch"]);

this works :

window.onload = function() {
    _r.load.script("/socket.io/socket.io.js").then(() => {

Under Chrome android, the loading percentage doesn't work, it displays NaN% instead.

http://3dmad.online.fr/WebGL/Steelcase_v0.9/index.html
But in private browsing mode there is no problem.

cf https://forum.babylonjs.com/t/how-to-get-an-arcrotatecamera-position/6354/4

see: https://codesandbox.io/s/github/Vinc3r/codesandbox-project/tree/master/BabylonJS/_runtime/cycle-through-patches/bjs?fontsize=14&hidenavigation=1&module=%2Fcycling-through-meshes.patch&theme=dark

(embeded link for sharing issue)

repo on Github: https://github.com/Vinc3r/codesandbox-project/tree/master/BabylonJS/_runtime/cycle-through-patches/bjs

Take a look on cycling-through-meshes.patch >> be able to get current mesh in the albedoTexture function could be useful to automate texture assignation process (especially for lightmaps, with mesh name detection).

See https://codesandbox.io/s/convert-scene-add-interactions-02-grry0 (BJS v3)

CStfan give us also an example on BJS v4: http://3dmad.online.fr/WebGL/Steelcase_v0.9_custom_off/index.html , but note this is weird: on my Chrome it works, not on Firefox

you can test using this code:

  _r.ready(function(){
        /* DEBUG FOG */

        var usePatch = false;
        if (usePatch) {
            _r.patch([{
                "scene": {
                    "fogMode": BABYLON.Scene.FOGMODE_LINEAR,
                    "fogStart": 1,
                    "fogEnd": 5,
                    "fogColor": "red"
                }
            }]);
        } else {

            _r.scene.fogMode = BABYLON.Scene.FOGMODE_LINEAR;
            _r.scene.fogStart = 1;
            _r.scene.fogEnd = 5;
            _r.scene.fogColor = _r.color("red");
        }
        /******/
});

Like in HTML, is there a way to use nested/recursive selector?
So this _r.select("*:mesh material:ball material:blue"); so it would:

1. split query by space " " so we have 3 nested selectors
2. find all *:mesh and the return childrens
3. find all children from previus query with material:ball
4. find all children with material:blue and return

codesandbox example, check loadassets.js to see the assets addition, removeFromScene is called from the button (line 30 of index.html)

Cstfan try to animate the lamp from my tutorial, and it looks like buggy : https://codesandbox.io/s/convert-scene-add-interactions-02-eb5tt?fontsize=14&hidenavigation=1&theme=dark

(first anim' on/off working great, nexts not)

On a simple scene it looks like it's working https://codesandbox.io/s/rlaunch-y1lnp?fontsize=14&hidenavigation=1&theme=dark

for now we have to use

var camera = _r.select("cameraName")[0];
_r.scene.activeCamera = camera ;
camera.attachControl(_r.canvas, true);

_r.patch([{
   "exec" : function() { console.log("1");
}, {
  "exec" : function() { console.log("2");
}, {
  "exec" : function() { console.log("3");
}).then(function() {
    console.log("4");
});
console.log("5");

=> 1, 5, 2, 3, 4

Should be
=> 1, 2, 3, 5, 4

I can try to do it myself, this can train me about plugin creation.

example:

for now we have _r.select("*[position.x=0]");
IMMO it's more readable to write _r.select("*[position.x==0]");

See this scene: https://codesandbox.io/s/github/Vinc3r/codesandbox-project/tree/master/BabylonJS/_runtime/git-reports/animationGroups?fontsize=14&hidenavigation=1&theme=dark

Only Cube animations are availabled, others are empties. When dragging the glb file into sandbox we can play every animations, so it's not from BJS or .glb

_r.downloadScene({scene : "duck.glb"});
_r.downloadScene({scene : "duck.glb"});

if we import multiple times the same fle, createLibrary will send an error

https://doc.babylonjs.com/api/classes/babylon.gui.meshbutton3d.html

https://doc.babylonjs.com/api/classes/babylon.node#getclassname

to allow use of the selector _r("*:transformnode") (useful for gltf imports, when a mesh with multimaterials is splitted into submeshes)

https://doc.babylonjs.com/api/classes/babylon.transformnode#getclassname