[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.