To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
- Create a Net entity with 4 rows and 6 columns; remove all springs from the net particles; apply no forces to the particles; make the particles draggable.
- Import the image asset and use it to create a Picture entity; set the Picture's visibility attribute to false.
- Combine the Net and Picture entitys into a Mesh entity.
- Check that when the user drags a particle, the image deforms appropriately.
- Check that dragging any of the pins does not lead to the last row not displaying (bug is specific to Safari browsers - see this question on Stack Overflow
- Check that the orange stroke only draws around the outside vertices of the Mesh, and that mose hovers within the stroke are correctly recognised (by the stroke width expanding).
Touch test: should work as expected. Known issue: moving the pins is inconsistent (because they are too small on device screens?)
Annotated code