jQuery Plugin For Random David Carson Inspired Art - Carson.js
File Size: | 8.46 KB |
---|---|
Views Total: | 452 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Carson.js is a jQuery plugin which takes advantage of javascript and Html5 canvas
element to make random David Carson inspired art.
How to use it:
1. The html
<canvas id="carson">You're browser doesn't support HTML5 canvas :(</canvas>
2. The CSS for this sample
canvas { width: 100%; height: 100%; opacity: 0.3; }
3. Load the jQuery javascript library and jQuery Carson.js script on the web page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="carson.js"></script>
4. The javascript
<script type="text/javascript"> $(document).ready(function(){ var stage = $('#carson'); var foo = setInterval(function(){ stage.carson({ width: 900, height: 600, use_colors: false, }); }, 2000); }); </script>
5. All the options
fonts: Array of your fonts. width: Number for width of canvas. height: Number for height of canvas. use_colors: Boolean to make it black and white or randomized colors. complexity: Number (1,2,3 or 4) to determine complexity level (higher is more complex). use_textures: Boolean if you want textures on or off. use_stepped_bars: Boolean if you want to use the technique of having thin stepped lines across the canvas. use_random_complexity: Boolean if you want the complexity level to be randomized. text: String a string of text to use — you'll likely want to override this. textures: Array of your texture filenames (relative filepath is required — e.g: img1.jpg, img2.jpg).
This awesome jQuery plugin is developed by christabor. For more Advanced Usages, please check the demo page or visit the official website.