Received a McDonald's flyer and thought the simple cheeseburger could be easily CSS'd.
Perhaps I'll update it to be bulletproof cross-browser, but for now the cheese drips look best in Chrome.
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
html, body { | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
} | |
.states { |
// Word cloud layout by Jason Davies, http://www.jasondavies.com/word-cloud/ | |
// Algorithm due to Jonathan Feinberg, http://static.mrfeinberg.com/bv_ch03.pdf | |
(function() { | |
function cloud() { | |
var size = [256, 256], | |
text = cloudText, | |
image = cloudImage, | |
imageScale = cloudImageScale, | |
font = cloudFont, | |
fontSize = cloudFontSize, |
Received a McDonald's flyer and thought the simple cheeseburger could be easily CSS'd.
Perhaps I'll update it to be bulletproof cross-browser, but for now the cheese drips look best in Chrome.
Update of Rect Collision to include a bounding box.
Adaptation of Mike Bostock's Collision Detection with rectangular elements.
Got most of the way there myself but needed this example by Ilya Boyandin to clean it up.