Three.js and clipping - cut holes out of a plane
Budget: $10 – $30 USD
Create a javascript program as single page html using v151 of Three.js
Create an initial plane Mesh of size 1,1,
Apply an image as a texture,
Point a camera at the Mesh
Every 500ms, randomly cut a convex polygons of between 3 and 10 sides out the geometry of the initial Mesh.
So the original plane mesh will gradually have multiple holes cut out of it and at the edges.
The texture uvs should work so the image looks as it did originally in the areas that have not been removed/cut.
There should only ever be one THREE.Mesh. Update it's geometry after each cut.
You can use whatever Javascript cutting library you want.
Create an initial plane Mesh of size 1,1,
Apply an image as a texture,
Point a camera at the Mesh
Every 500ms, randomly cut a convex polygons of between 3 and 10 sides out the geometry of the initial Mesh.
So the original plane mesh will gradually have multiple holes cut out of it and at the edges.
The texture uvs should work so the image looks as it did originally in the areas that have not been removed/cut.
There should only ever be one THREE.Mesh. Update it's geometry after each cut.
You can use whatever Javascript cutting library you want.