OrbitControls

[burl21]

Hi,
I’m trying to use this library.
When I try to init OrbitControls orbitControls = new OrbitControls(camera, div);
I have the following error:
com.google.gwt.core.client.JavaScriptException: (TypeError) : $wnd.THREE.OrbitControls is not a constructor

GWT 2.8.1

Any ideas?

[treblereel]

@burl21 let me check ....

[treblereel]

@burl21 have you annotated your class with @InjectJavaScriptFor(elements = OrbitControls.class)
?
OrbitControls is a class from extensions so it needs to be injected explicitly.

here is example

https://github.com/treblereel/three4g-demo/blob/master/src/main/java/org/treblereel/gwt/three4g/demo/client/local/examples/misc/MiscControlsOrbit.java

[burl21]

Thank you so much for your answer @treblereel

I solved it by adding:
ScriptInjector.fromString(JavascriptTextResource.IMPL.getOrbitControls().getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();

Looks like the annotations does not work.
@InjectJavaScriptFor(elements = OrbitControls.class)

👍

[treblereel]

@burl21
pretty strange, may i ask you to share your app ?
do you use maven ?

Thanks for your feedback !

[tugalsan]

Hello,

I have studied three4g library examples...
As burl21 suggested i solved this problem by adding a class to reach js files.

package org.treblereel.gwt.three4g.extensions.resources;

import com.google.gwt.core.client.GWT;
import com.google.gwt.core.client.ScriptInjector;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.TextResource;

public interface TK_3JSResourceUtils extends ClientBundle {

    TK_3JSResourceUtils IMPL = GWT.create(TK_3JSResourceUtils.class);

    public static void addLib(TextResource libText) {//EXAMPLE TK_3JSLibResource.IMPL.getOrbitControls()
        ScriptInjector.fromString(libText.getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();
    }

    @Source("js/loaders/DRACOLoader.js")
    TextResource getDRACOLoader();

    @Source("js/loaders/GLTFLoader.js")
    TextResource getGLTFLoader();

    @Source("js/controls/OrbitControls.js")
    TextResource getOrbitControls();

    @Source("js/controls/TrackballControls.js")
    TextResource getTrackballControls();
}

and using it as this,

TK_3JSResourceUtils.addLib(TK_3JSResourceUtils.IMPL.getOrbitControls());
TK_3JSResourceUtils.addLib(TK_3JSResourceUtils.IMPL.getTrackballControls());
TK_3JSResourceUtils.addLib(TK_3JSResourceUtils.IMPL.getGLTFLoader());
TK_3JSResourceUtils.addLib(TK_3JSResourceUtils.IMPL.getDRACOLoader());

[treblereel]

@tugalsan thanks for workaround, i ll take a look right after my PTO next week