Commit 02dfe20c authored by iSergio's avatar iSergio
Browse files

New example - 3D Tiles Compare

parent ace4ecee

cesiumjs4gwt-main/src/main/java/org/cesiumjs/cs/core/ScreenSpaceEventHandler.java

+4 −0
Original line number Diff line number Diff line
@@ -17,6 +17,7 @@ 
package org.cesiumjs.cs.core;



import com.google.gwt.dom.client.CanvasElement;

import com.google.gwt.dom.client.Element;

import jsinterop.annotations.*;

import org.cesiumjs.cs.core.enums.KeyboardEventModifier;

import org.cesiumjs.cs.core.enums.ScreenSpaceEventType;
@@ -41,6 +42,9 @@ public class ScreenSpaceEventHandler { 
    @JsProperty

    public static int touchHoldDelayMilliseconds;



    @JsConstructor

    public ScreenSpaceEventHandler(Element element) {}



    /**

     * Handles user input events. Custom functions can be added to be executed on

     * when the user enters input.

cesiumjs4gwt-showcase/src/main/java/org/cleanlogic/cesiumjs4gwt/showcase/config/InjectorModule.java

+2 −1
Original line number Diff line number Diff line
@@ -122,8 +122,9 @@ public class InjectorModule extends AbstractGinModule { 
        bind(Tiles3DNextCDBYemen.class).asEagerSingleton();

        bind(Tiles3DNextS2Globe.class).asEagerSingleton();

        bind(ModelExperimental3DModels.class).asEagerSingleton();



        bind(MSAA.class).asEagerSingleton();

        bind(GPX.class).asEagerSingleton();



        bind(Tiles3DCompare.class).asEagerSingleton();

    }

}

cesiumjs4gwt-showcase/src/main/java/org/cleanlogic/cesiumjs4gwt/showcase/examples/Tiles3DCompare.java

0 → 100644
+114 −0
Original line number Diff line number Diff line 
/*

 * Copyright 2022 iSergio, Gis4Fun.

 *

 * Licensed under the Apache License, Version 2.0 (the "License");

 * you may not use this file except in compliance with the License.

 * You may obtain a copy of the License at

 *

 *     http://www.apache.org/licenses/LICENSE-2.0

 *

 * Unless required by applicable law or agreed to in writing, software

 * distributed under the License is distributed on an "AS IS" BASIS,

 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and

 * limitations under the License.

 */



package org.cleanlogic.cesiumjs4gwt.showcase.examples;



import com.google.gwt.core.client.GWT;

import com.google.gwt.dom.client.DivElement;

import com.google.gwt.dom.client.Style;

import com.google.gwt.user.client.ui.HTML;

import org.cesiumjs.cs.Cesium;

import org.cesiumjs.cs.core.IonResource;

import org.cesiumjs.cs.core.ScreenSpaceEventHandler;

import org.cesiumjs.cs.core.enums.ScreenSpaceEventType;

import org.cesiumjs.cs.core.events.MouseMoveEvent;

import org.cesiumjs.cs.scene.Cesium3DTileset;

import org.cesiumjs.cs.scene.enums.SplitDirection;

import org.cesiumjs.cs.widgets.Viewer;

import org.cesiumjs.cs.widgets.ViewerPanel;

import org.cleanlogic.cesiumjs4gwt.showcase.basic.AbstractExample;

import org.cleanlogic.cesiumjs4gwt.showcase.components.store.ShowcaseExampleStore;



import javax.inject.Inject;



public class Tiles3DCompare  extends AbstractExample {

    private Viewer viewer;

    private DivElement slider;

    private boolean moveActive = false;



    @Inject

    public Tiles3DCompare(ShowcaseExampleStore store) {

        super("3D Tiles Compare",

                "Compare 3D Tiles tilesets by showing different ones on different sides of the screen",

                new String[]{"Showcase", "Cesium", "3d", "3D Tiles", "Split", "Compare"}, store, "1.92");

    }



    @Override

    public void buildPanel() {

        ViewerPanel csVPanel = new ViewerPanel();



        viewer = csVPanel.getViewer();



        Cesium3DTileset left = (Cesium3DTileset) viewer.scene()

                .primitives().add(Cesium3DTileset.create(IonResource.fromAssetId(69380)));

        left.splitDirection = SplitDirection.LEFT();



        Cesium3DTileset right = (Cesium3DTileset) viewer.scene().primitives().add(Cesium.createOsmBuildings());

        right.splitDirection = SplitDirection.RIGHT();



        viewer.zoomTo(left);



        slider = csVPanel.getElement().getOwnerDocument().createDivElement();

        slider.setId("slider");

        slider.getStyle().setPosition(Style.Position.ABSOLUTE);

        slider.getStyle().setBackgroundColor("#d3d3d3");

        slider.getStyle().setZIndex(9999);

        slider.getStyle().setCursor(Style.Cursor.COL_RESIZE);

        csVPanel.getViewer().container().appendChild(slider);



        contentPanel.add(new HTML(

                "<p>Compare 3D Tiles tilesets by showing different ones on different sides of the screen.</p>"));

        contentPanel.add(csVPanel);



        initWidget(contentPanel);



        ScreenSpaceEventHandler handler = new ScreenSpaceEventHandler(slider);

        handler.setInputAction(event -> moveActive = true, ScreenSpaceEventType.LEFT_DOWN());

        handler.setInputAction(event -> moveActive = true, ScreenSpaceEventType.PINCH_START());

        handler.setInputAction(this::move, ScreenSpaceEventType.MOUSE_MOVE());

        handler.setInputAction(this::move, ScreenSpaceEventType.PINCH_MOVE());

        handler.setInputAction(event -> moveActive = false, ScreenSpaceEventType.LEFT_UP());

        handler.setInputAction(event -> moveActive = false, ScreenSpaceEventType.PINCH_END());



        this.addAttachHandler(hdr -> {

            slider.getStyle().setTop(csVPanel.getElement().getAbsoluteTop(), Style.Unit.PX);

            slider.getStyle().setLeft(50, Style.Unit.PCT);

            slider.getStyle().setWidth(5, Style.Unit.PX);

            slider.getStyle().setHeight(csVPanel.getElement().getClientHeight(), Style.Unit.PX);

            viewer.scene().splitPosition = (double) slider.getOffsetLeft() / slider.getParentElement().getOffsetWidth();

        });

    }



    @Override

    public String[] getSourceCodeURLs() {

        String[] sourceCodeURLs = new String[1];

        sourceCodeURLs[0] = GWT.getModuleBaseURL() + "examples/" + "Tiles3DCompare.txt";

        return sourceCodeURLs;

    }



    private void move(Object event) {

        if (!moveActive) {

            return;

        }

        MouseMoveEvent movement = (MouseMoveEvent) event;



        double relativeOffset = movement.endPosition.x;

        double splitPosition = (slider.getOffsetLeft() + relativeOffset

                - slider.getParentElement().getAbsoluteLeft()) / slider.getParentElement().getOffsetWidth();

        slider.getStyle().setLeft(100.0 * splitPosition, Style.Unit.PCT);

        viewer.scene().splitPosition = splitPosition;

    }

}
 
 No newline at end of file

cesiumjs4gwt-showcase/src/main/resources/org/cleanlogic/cesiumjs4gwt/public/examples/Tiles3DCompare.txt

0 → 100644
+98 −0
Original line number Diff line number Diff line 
package org.cleanlogic.cesiumjs4gwt.showcase.examples;



import com.google.gwt.core.client.GWT;

import com.google.gwt.dom.client.DivElement;

import com.google.gwt.dom.client.Style;

import com.google.gwt.user.client.ui.HTML;

import org.cesiumjs.cs.Cesium;

import org.cesiumjs.cs.core.IonResource;

import org.cesiumjs.cs.core.ScreenSpaceEventHandler;

import org.cesiumjs.cs.core.enums.ScreenSpaceEventType;

import org.cesiumjs.cs.core.events.MouseMoveEvent;

import org.cesiumjs.cs.scene.Cesium3DTileset;

import org.cesiumjs.cs.scene.enums.SplitDirection;

import org.cesiumjs.cs.widgets.Viewer;

import org.cesiumjs.cs.widgets.ViewerPanel;

import org.cleanlogic.cesiumjs4gwt.showcase.basic.AbstractExample;

import org.cleanlogic.cesiumjs4gwt.showcase.components.store.ShowcaseExampleStore;



import javax.inject.Inject;



public class Tiles3DCompare  extends AbstractExample {

    private Viewer viewer;

    private DivElement slider;

    private boolean moveActive = false;



    @Inject

    public Tiles3DCompare(ShowcaseExampleStore store) {

        super("3D Tiles Compare",

                "Compare 3D Tiles tilesets by showing different ones on different sides of the screen",

                new String[]{"Showcase", "Cesium", "3d", "3D Tiles", "Split", "Compare"}, store, "1.92");

    }



    @Override

    public void buildPanel() {

        ViewerPanel csVPanel = new ViewerPanel();



        viewer = csVPanel.getViewer();



        Cesium3DTileset left = (Cesium3DTileset) viewer.scene()

                .primitives().add(Cesium3DTileset.create(IonResource.fromAssetId(69380)));

        left.splitDirection = SplitDirection.LEFT();



        Cesium3DTileset right = (Cesium3DTileset) viewer.scene().primitives().add(Cesium.createOsmBuildings());

        right.splitDirection = SplitDirection.RIGHT();



        viewer.zoomTo(left);



        slider = csVPanel.getElement().getOwnerDocument().createDivElement();

        slider.setId("slider");

        slider.getStyle().setPosition(Style.Position.ABSOLUTE);

        slider.getStyle().setBackgroundColor("#d3d3d3");

        slider.getStyle().setZIndex(9999);

        slider.getStyle().setCursor(Style.Cursor.COL_RESIZE);

        csVPanel.getViewer().container().appendChild(slider);



        contentPanel.add(new HTML(

                "<p>Compare 3D Tiles tilesets by showing different ones on different sides of the screen.</p>"));

        contentPanel.add(csVPanel);



        initWidget(contentPanel);



        ScreenSpaceEventHandler handler = new ScreenSpaceEventHandler(slider);

        handler.setInputAction(event -> moveActive = true, ScreenSpaceEventType.LEFT_DOWN());

        handler.setInputAction(event -> moveActive = true, ScreenSpaceEventType.PINCH_START());

        handler.setInputAction(this::move, ScreenSpaceEventType.MOUSE_MOVE());

        handler.setInputAction(this::move, ScreenSpaceEventType.PINCH_MOVE());

        handler.setInputAction(event -> moveActive = false, ScreenSpaceEventType.LEFT_UP());

        handler.setInputAction(event -> moveActive = false, ScreenSpaceEventType.PINCH_END());



        this.addAttachHandler(hdr -> {

            slider.getStyle().setTop(csVPanel.getElement().getAbsoluteTop(), Style.Unit.PX);

            slider.getStyle().setLeft(50, Style.Unit.PCT);

            slider.getStyle().setWidth(5, Style.Unit.PX);

            slider.getStyle().setHeight(csVPanel.getElement().getClientHeight(), Style.Unit.PX);

            viewer.scene().splitPosition = (double) slider.getOffsetLeft() / slider.getParentElement().getOffsetWidth();

        });

    }



    @Override

    public String[] getSourceCodeURLs() {

        String[] sourceCodeURLs = new String[1];

        sourceCodeURLs[0] = GWT.getModuleBaseURL() + "examples/" + "Tiles3DCompare.txt";

        return sourceCodeURLs;

    }



    private void move(Object event) {

        if (!moveActive) {

            return;

        }

        MouseMoveEvent movement = (MouseMoveEvent) event;



        double relativeOffset = movement.endPosition.x;

        double splitPosition = (slider.getOffsetLeft() + relativeOffset

                - slider.getParentElement().getAbsoluteLeft()) / slider.getParentElement().getOffsetWidth();

        slider.getStyle().setLeft(100.0 * splitPosition, Style.Unit.PCT);

        viewer.scene().splitPosition = splitPosition;

    }

}
 
 No newline at end of file