Search the Community

Hi everyone. First of all I would like to apologize in case this topic was already discussed here but I just couldn't find an answer anywhere. I am new to BABYLON, WEBGL and also 3D Programming in general so please excuse me if my queries seem not to complicated. My question is: Can a rounded box be created in BABYLON (without the use of other 3d tools and export to BABYLON) ? What I am trying to achieve is creating a dice that has rounded corners. I have created a box using BABYLON.Mesh.CreateBox and used subMeshes to add 6 images with the dice numbers as diffuseTextures for each face of the Dice. This looks ok, it's just that I need the dice to have rounded corners and edges. Can anybody please help me with this ? Thanks a lot in advance. This is the code I used to create my dice: this.dice = new BABYLON.Mesh.CreateBox('dice', 3, BjsApp.scene); this.dice.showBoundingBox = false; var f = new BABYLON.StandardMaterial("material0", BjsApp.scene); f.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace1.png', BjsApp.scene); var ba = new BABYLON.StandardMaterial("material1", BjsApp.scene); ba.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace2.png', BjsApp.scene); var l = new BABYLON.StandardMaterial("material2", BjsApp.scene); l.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace3.png', BjsApp.scene); var r = new BABYLON.StandardMaterial("material3", BjsApp.scene); r.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace4.png', BjsApp.scene); var t = new BABYLON.StandardMaterial("material4", BjsApp.scene); t.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace5.png', BjsApp.scene); var bo = new BABYLON.StandardMaterial("material5", BjsApp.scene); bo.diffuseTexture = new BABYLON.Texture('assets/images/DiceFace6.png', BjsApp.scene); var multi = new BABYLON.MultiMaterial("nuggetman", BjsApp.scene); multi.subMaterials.push(f); multi.subMaterials.push(ba); multi.subMaterials.push(l); multi.subMaterials.push®; multi.subMaterials.push(t); multi.subMaterials.push(bo); this.dice.subMeshes = []; var verticesCount = this.dice.getTotalVertices(); this.dice.subMeshes.push(new BABYLON.SubMesh(0, 0, verticesCount, 0, 6, this.dice)); this.dice.subMeshes.push(new BABYLON.SubMesh(1, 1, verticesCount, 6, 6, this.dice)); this.dice.subMeshes.push(new BABYLON.SubMesh(2, 2, verticesCount, 12, 6, this.dice)); this.dice.subMeshes.push(new BABYLON.SubMesh(3, 3, verticesCount, 18, 6, this.dice)); this.dice.subMeshes.push(new BABYLON.SubMesh(4, 4, verticesCount, 24, 6, this.dice)); this.dice.subMeshes.push(new BABYLON.SubMesh(5, 5, verticesCount, 30, 6, this.dice)); this.dice.material = multi;