Recently, I completed a blender animation featuring a cube that shatters using cell fracture and then seamlessly comes back together when played in reverse.
Check out this example below for reference:
https://i.sstatic.net/GrJnV.jpg
In my iteration of the above scenario, I added materials to all the fractured objects. However, upon exporting the project using the three.js exporter for Blender 2.73, I found that the JSON file contained only the following code snippet:
{
"data":{
"attributes":{
"position":{
"array":[-1,2.75745,0.498738,-0.50101,2.75716,0.499237,-1,3.25606,0.498823,-0.501269,3.25664,0.498822,-0.500632,3.25664,-0.408387,-1,2.75718,-0.40865,-0.501298,2.75765,-0.498682,-1,3.25664,-0.498807,-0.500658,3.25664,-0.498588,-1,2.75723,-0.499097],
"type":"Float32Array",
"itemSize":3
}
},
"index":{
"array":[0,1,2,3,1,4,1,0,5,4,1,6,6,1,5,1,3,2,2,7,5,7,8,6,7,2,4,8,4,6,9,6,5,5,0,2,7,9,5,9,7,6,4,8,7,2,3,4],
"type":"Uint16Array",
"itemSize":1
}
},
"metadata":{
"version":3,
"type":"BufferGeometry",
"generator":"io_three",
"position":10
}
}
I am seeking guidance on how to effectively export such animations to Three.js. In my version, there are only 25 fragments of the cube. Any assistance or advice would be greatly appreciated. Thank you!