Does anyone know how to create a cube with rounded corners using three.js? I've heard it's not possible with CSS. Any guidance on how to achieve this?
Check out this link for an example
/*
|------------------------------------------|
| MelonHTML5 - 3D Cube Gallery |
|------------------------------------------|
| @author: Lee Le (<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cba7aeae8ba6aea7a4a5a3bfa6a7fee5a8a4a6">[email protected]</a>) |
| @version: 1.02 (09 Jan 2013) |
| @website: www.melonhtml5.com |
|------------------------------------------|
*/
Gallery = {
_config: {
speed: 500,
size: 100,
lightbox: !0,
closeOnEsc: !0,
animation: "default",
slideshow: !1,
slideshow_speed: 3E3,
cube_speed: 1E3
},
lightbox_speed: 300,
window_width: null,
window_height: null,
_cube_timeout: null,
_gallery: null,
_overlay: null,
_lightbox: null,
_current: null,
_in_slideshow: !1,
init: function () {
Gallery._buildContainer(!0, !0);
Gallery.window_width = $(window).width();
Gallery.window_height = $(window).height();
$(document).keydown(Gallery.Events.keyDown);
$(window).resize(Gallery.Events.windowResize);
Gallery._startCube()
},