AVerge3Der

krzysztofstudzinski wrote:

Hi there,

I’m running small business focused mainly on making CGI renderings for furniture manufacturers. I thought it’s a good time to extend my offer with WebGL based product showcase and configurators. I know Verge3D puzzels decrease a need of coding but I’d like to know more whats going on under the hood and (even more important) to extend some parts of the code if needed.
There are a lot of courses on Udemy (three.js, node.js, typeScript) but honestly I have no idea what are those and if I’ll ever use them. If anyone could recommend me some courses I’d be more then grateful.

Cheers!

For JavaScript I recommend https://www.udemy.com/course/the-complete-javascript-course/. It’s a deep dive into JS. I think the author does a fantastic job. It will take more time to complete than other courses on Udemy, but I feel it’s well worth it. I would add to the previous links given here for Verge3D.

Updated Clone link.
https://www.soft8soft.com/docs/manual/en/puzzles/Objects.html#clone

That would be useful to see an example. Mind sharing?

Anything change for Blender 3.x (Updates, issues)?

web wrote:

Getting back here. My code was correct so far, the offset issue was caused by the group the dummy objects were part of.

I always forget that you need to set the pivot of the GRP to 0,0,0 coordinates in 3dsMax. Otherwise you get that offset when using coordinates from other objects.

So this code here is working when you want to create instanced objects which are created and positioned by dummy objects which are part of a group:

    var dummies = retrieveObjectNames(['GROUP', 'GRP_Dummies']);
    var instanceCount = dummies.length;
    var baseGeometry = getObjectByName('Teapot001');
    var material = baseGeometry.material;

    var baseGeometryCloned = baseGeometry.geometry.clone();

    var meshInstance = new v3d.InstancedMesh(baseGeometryCloned, material, instanceCount);
    meshInstance.instanceMatrix.setUsage( THREE.DynamicDrawUsage );

    dummies.forEach((elem, index) => {
        var dummyObject = getObjectByName(elem);
        dummyObject.updateMatrix();
        meshInstance.setMatrixAt(index, dummyObject.matrix);
        
    })
    meshInstance.instanceMatrix.needsUpdate = true;
    app.scene.add(meshInstance);

Teapot001 is the mesh which I would like to copy instanced. And “GRP_Dummies” is just a group with several dummy objects I’ve created in max.

Thank you for sharing the steps in code you took to get this working.

I agree, this is a good idea. We want new users to not only join us, but stay with us.

I just tried this out and it works better than it did in the past. Thanks for sharing.