A dusty surface. The user must feel it not only from its visual aspect, but also from the interaction. Dragging the fingers over it should clear the surface, just like real-life dust.
Since it’s a concrete adjective, i.e., based on a physical simulation, I think that two main aspects of the project must work in order to get the desired effect.
It’s hard to display dust. In most occasions, the color it seems to have actually depends on the background color. I tested some different combinations for background and foreground:
In the end, the white background with light-brown particles worked best.
In addiction, I changed the particles distribution to make it feel more natural. The dust density increases from the boundaries to the center:
In relation to the first prototype, I added the multitouch add-on. I did it because I had the impression that the interaction didn’t “feel” like dust without it.
I didn’t like the result, though, and didn’t keep it.
Nevertheless, there was a positive side: I found out that I could get the touch size, instead of having a fixed mouse radius:
That feature took the app closer to an analog experience. It made it seem more like a finger drawing movement than a digital mouse-mouve interaction.
Source code here.
Original post: http://codeforart.cc/project-descriptions/dusty-final/