[zh_doc] https://blog.csdn.net/icysky1989/article/details/39624155
This is a 3D image rotator using webgl, designed for my homepage.
The example below will find the element with an id of sli-box and render a slicer into it.
slicease('slicer').setup({
width: 1000,
height: 460,
sources: [{
file: 'images/img1.png',
link: 'https://oddengine.com/product/rtc.html',
target: '_blank'
}, {
file: 'images/img2.png',
link: 'https://oddengine.com/product/player.html',
target: '_blank'
}, {
file: 'images/img3.png',
link: 'https://oddengine.com/product/im.html',
target: '_blank'
}, {
file: 'images/img4.png',
link: 'https://oddengine.com/product/live.html',
target: '_blank'
}, {
file: 'images/img5.png',
link: 'https://oddengine.com/product/vod.html',
target: '_blank'
}],
range: '3-9',
cubic: '10,4',
distance: 12
});
For more configurations, please check cn/studease/embed/slicease.embed.config.js.
_defaults = {
width: 640,
height: 360,
aspectratio: '',
sources: [],
range: '3-9',
cubic: '10,4',
distance: 12,
interval: 5000,
controls: true,
debug: false,
render: {
name: rendertypes.DEFAULT,
precision: precisions.HIGH_P,
profile: [0.6, 0.6, 0.6, 1.0]
},
skin: {
name: skintypes.DEFAULT
},
events: {
}
}
Please check the test/index.html for scripts sequence.
MIT.