jQuery 1.4 Animation Techniques - Index of

Download from Wow! eBook
context.lineWidth = 1;
function makeStripe(props) {
context.beginPath();
context.moveTo(props.startX, props.startY);
context.lineTo(props.line1X, props.line1Y);
context.lineTo(props.line2X, props.line2Y);
context.lineTo(props.line3X, props.line3Y);
context.fill();
context.closePath();
}
setTimeout(function() { makeStripe({
startX: 50, startY: 50,
line1X: 195, line1Y: 125,
line2X: 165, line2Y: 125,
line3X: 50, line3Y: 66
})}, 1);
setTimeout(function() { makeStripe({
startX: 450, startY: 50,
line1X: 305, line1Y: 125,
line2X: 275, line2Y: 125,
line3X: 422, line3Y: 50
})}, 50);
setTimeout(function() { makeStripe({
startX: 450, startY: 250,
line1X: 310, line1Y: 175,
line2X: 335, line2Y: 175,
line3X: 450, line3Y: 235
})}, 100);
setTimeout(function() { makeStripe({
startX: 50, startY: 250,
line1X: 200, line1Y: 175,
line2X: 225, line2Y: 175,
line3X: 80, line3Y: 250
})}, 150);
},
growVertical = function() {
if (height < 100 || width < 200) {
if (height < 100) {
context.beginPath();
context.moveTo(pos.up.x, pos.up.y);
[ 287 ]
Chapter 10