Saturday, November 29, 2014

Processing on Blogger

Lets say you have a digital maker space and your like "How do I spice up my header? I can't find any images that I like and a color is just to boring" Well I myself was in that place until I came across Processing. I came across it a few years ago when programing in Arduino. Its commonly references and the IDE that the Arduino IDE is based off of. Anyways I wanted to make a header that had a geometric triangle shape but I wanted to make them move so I use processing and a bit of Trig (whoever said cos() and sin() were useless never tired to make triangles move along circular paths) to make some moving triangles. There are five moving points that are used to draw three triangles. Once you have your processing sketch you can use it by taking advantage of processing.js. They turn processing sketches into javascript. You can follow these instructions on how to use it. The only problem that I ran into is blogger won't let me host files (If you know how PLEASE tell me in the comments). Solution: Steal from processing.js. They host the file you need on their server so that they can use it on their awesome website. So instead of linking to a file called processing.min.js, link to processingjs.org/js/processing.min.js.
Example

<script src="processing.js"></script>
should become
<script src="processingjs.org/js/processing.min.js"></script>


Updated Solution

No comments:

Post a Comment