I have been experimenting with the Three.js example located in the directory:
three.js/examples/webgl_loader_ply.html
By replacing their .ply file with my own (created in Blender).
In Blender, I used Vertex Paint to paint vertices. Before exporting to .ply, I ensured all checkboxes were selected and set the scale to 100.
However, when I rendered the .ply model in the three.js example, it appeared blue. This was due to the following code in the HTML file:
var geometry = event.content;
var material = new THREE.MeshPhongMaterial( { color: 0x0055ff, specular: 0x111111, shininess: 200 } );
var mesh = new THREE.Mesh( geometry, material );
I believed that ply files stored color values as well. What should I do since this code is making my model blue? Did I make a mistake in Blender?
I am quite new to Three.js and webGL, having just started learning yesterday. Can someone explain what is happening and guide me on the next steps?