test on http://siusinng.webs.com/ |
The steps of coding is about:
1. Design the animation and interaction;
2. Programming on Processing in PDE or Eclipse;
3. Do the website stuff and import the .pde you just finished with processingJs.js file, use HTML5 to leave a canvas node. See guidance in the official website http://processingjs.org/articles/p5QuickStart.html.
Something about animation:
1. One important thing is time, use the draw() and redraw() function to adjust the frames.
2. The color might be different in browsers, do more test.
No comments:
Post a Comment