shaderbytes / sketchfab-viewer-api-utility Goto Github PK

I'm getting this error whenever I upload my files to an online web server.

The error is coming from SketchfabAPIUtility.js:112:9

You can check the errors here: http://digital-mena.com/configurator/

Along with these warnings

It works locally just fine though. Any idea what's causing it?

Hi, ty very much for this piece of code, i just want to know the json/javascript object structure of the single Annotation you use to push on the Annotations array.
Ty in advance.

Hello,

First, I want to thank you so much for this excellent library. It really made my interaction with Sketchfab API so much easier. Great job!

However, I have a few question since I'm a newbie to Sketchfab.

1. In your documentation you say that we can use setChannelProperties() to set the values of a channel. For example, to enable RoughnessPBR or set its factor

However, when I try to enable Roughness using the setChannelProperties() nothing actually happens. I can see the new value in the console log but the change isn't being reflected in the viewer.

sketchfabAPIUtilityInstance.setChannelProperties("BODY",sketchfabAPIUtilityInstance.RoughnessPBR,{"enable":false});

Is this the correct way to enable/disable the remaining channels? If not, can you please provide me with the correct way?

2. Is it possible to run SketchfabAPIUtility along with Sketchfab's native api usage? I've tried every possible way to get them to play together, but they always conflict with each other. Is it better to use one over the other?

Could you add a component highlighting method? When I click on a component, the component is highlighted.
Also, do you already have plans to update the api to 1.6 & 1.7

Hi shaderbytes:
Do i need to call [resetColor\resetTexture] firstly when i call the [setColor\setTexture]?
i used to call restColor andthen call setColor or texture before in a very old version.
until today i begin to use the new API-Utility

first call resetColor then call setTexture,repeat three times,and the problem happened

I have a small problem and I'm hoping you could help me with.

I'm trying to implement addEventListener('nodeMouseEnter) so that I can highlight the material when the user hovers over it.

I implemented the example code provided by sketchfab and it works except for one small problem.

api.addEventListener(
        'nodeMouseEnter',
        function(event) {
            console.log(event);
            let y = event.material;
            y.channels.EmitColor.factor = 1;
            y.channels.EmitColor.enable = true;
            y.channels.EmitColor.color = [0.5, 0.5, 0.0];
            api.setMaterial(y, function() {
                //console.log('highlighted ' + y.name);
            });
            console.log('nodeMouseEnter', event);
        },
        {
            pick: 'slow'
        }
    );

This work but console.log(event) at the beginning of the function doesn't return firstAncestorOfTypeGroup and firstAncestorOfTypeMatrixTransform, please check screenshot below

However, if I use Sketchfab Utility API I can access both AncestoryType collections.

function objectClicked(event){
        console.log('MouseClick', event);
        if(event.firstAncestorOfTypeMatrixTransform !== null && event.firstAncestorOfTypeMatrixTransform !== undefined){
            currentObjectKey =  event.firstAncestorOfTypeMatrixTransform.name;
            selected.text(currentObjectKey+" Selected");
            //toggleVisibility(currentObjectKey);
        }

    }

   sketchfabAPIUtilityInstance.addEventListener(sketchfabAPIUtilityInstance.EVENT_CLICK, objectClicked);

But unfortunately, Sketchfab Utility API doesn't seem to suppose nodeMouseEnter or nodeMouseLeave

I apologize for the long read and looking forward to your answer.