about Primitive appearance material

xypi...@126.com

unread,

Jun 18, 2018, 10:57:14 PM6/18/18

to cesium-dev

Primitive appearance how to define video material

// 添加
scene.primitives.add(new Cesium.Primitive({
geometryInstances: instance,

appearance: new Cesium.MaterialAppearance({
material: new Cesium.Material({
fabric: {
type: 'Image',
uniforms: {
image: 'Images/6.mp4' <-------------------------
}
}
})
})
}));

Gabby Getz

unread,

Jun 19, 2018, 10:56:59 AM6/19/18

to cesium-dev

Checkout the Video Material Sandcastle example for how it works on the Entity level. You'll need to pass the uniform an instance of the HTML video element, rather than the video url.

Thanks,

Gabby

Message has been deleted

Gabby Getz

unread,

Jun 21, 2018, 9:59:54 AM6/21/18

to cesium-dev

Even if you use primitives, you should still be able to create the video material the same way:

var videoElement = document.getElementById('trailer');

scene.primitives.add(new Cesium.Primitive({ 
                geometryInstances: instance, 
                
                appearance: new Cesium.MaterialAppearance({

                    material: videoElement
                })

Thanks,

Gabby

On Tuesday, June 19, 2018 at 8:52:48 PM UTC-4, xypi...@126.com wrote:

在 2018年6月19日星期二 UTC+8下午10:56:59，Gabby Getz写道：

Thanks,but i want use "primitives" add rectangle,not use "entities" add rectangle.because "entities" not "modelMatrix" interface. my english very bad - -!

xypi...@126.com

unread,

Jun 21, 2018, 9:20:07 PM6/21/18

to cesium-dev

在 2018年6月21日星期四 UTC+8下午9:59:54，Gabby Getz写道：

scene.primitives.add(new Cesium.Primitive({
geometryInstances: instance,

appearance: new Cesium.MaterialAppearance({
material: videoElement

}),

releaseGeometryInstances: false,

show: true,
}));

xypi...@126.com

unread,

Jun 21, 2018, 9:20:52 PM6/21/18

to cesium-dev

scene.primitives.add(new Cesium.Primitive({

geometryInstances: instance,

appearance: new Cesium.MaterialAppearance({
material: videoElement

xypi...@126.com

unread,

Jun 22, 2018, 6:26:23 AM6/22/18

to cesium-dev

var videoElement = document.getElementById('trailer');

scene.primitives.add(new Cesium.Primitive({

geometryInstances: instance,

appearance: new Cesium.MaterialAppearance({
material: videoElement

xypi...@126.com

unread,

Jun 25, 2018, 8:44:30 PM6/25/18

to cesium-dev

在 2018年6月21日星期四 UTC+8下午9:59:54，Gabby Getz写道：

var videoElement = document.getElementById('trailer');

scene.primitives.add(new Cesium.Primitive({

geometryInstances: instance,

appearance: new Cesium.MaterialAppearance({
material: videoElement

Gabby Getz

unread,

Jun 27, 2018, 10:09:01 AM6/27/18

to cesium-dev

var viewer = new Cesium.Viewer('cesiumContainer', {
    showRenderLoopErrors : false,
    shouldAnimate : true
});


var videoElement = document.getElementById('trailer');

var scene = viewer.scene;

var instance = new Cesium.GeometryInstance({
  geometry : new Cesium.RectangleGeometry({
    rectangle : Cesium.Rectangle.fromDegrees(-100.0, 20.0, -88.0, 28.0),
    vertexFormat : Cesium.PerInstanceColorAppearance.VERTEX_FORMAT
  })
});

var material = Cesium.Material.fromType('Image');
material.uniforms.image = videoElement;
material.uniforms.repeat = new Cesium.Cartesian2(1.0, 1.0);

scene.primitives.add(new Cesium.Primitive({
  geometryInstances : instance,
  appearance : new Cesium.MaterialAppearance({

    material : material
  })
}));

You'll probably need to play with the shape and repeat values.

xypi...@126.com

unread,

Jul 1, 2018, 11:19:00 PM7/1/18

to cesium-dev

The problem has been solved, thank you very much. love u love u kiss kiss

在 2018年6月27日星期三 UTC+8下午10:09:01，Gabby Getz写道：

Reply all

Reply to author

Forward