Skip to content
This repository has been archived by the owner on Aug 27, 2019. It is now read-only.

Commit

Permalink
Updates.
Browse files Browse the repository at this point in the history
  • Loading branch information
Jim Ing committed Jan 27, 2012
1 parent c18f2e5 commit 5294f14
Show file tree
Hide file tree
Showing 21 changed files with 1,451 additions and 1,936 deletions.
60 changes: 57 additions & 3 deletions default.css
View file
Expand Up @@ -25,11 +25,65 @@ body {
padding: 20px;
}

h1 {
.seo {
border: 1px dotted #CCC;
display: none;
height: 0;
text-indent: -9999px;
width: 492px;
}

/* Logo sprite */

#logo-alice-img {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat 0px 0px;
float: left;
width: 120px;
height: 150px;
}

#logo-alice-txt-a {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -120px 0px;
float: left;
width: 114px;
height: 150px;
margin-left: -30px;
}
#logo-alice-txt-l {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -234px 0px;
float: left;
width: 45px;
height: 150px;
}
#logo-alice-txt-i {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -279px 0px;
float: left;
width: 36px;
height: 150px;
}
#logo-alice-txt-c {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -315px 0px;
float: left;
width: 52px;
height: 150px;
}
#logo-alice-txt-e {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -367px 0px;
float: left;
width: 51px;
height: 150px;
}
#logo-alice-txt-j {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -418px 0px;
float: left;
width: 52px;
height: 150px;
}
#logo-alice-txt-s {
background: transparent url('images/logo_header_plain_sprite.png') no-repeat -470px 0px;
float: left;
width: 55px;
height: 150px;
background: transparent url("images/logo_header_plain.png") no-repeat scroll;
margin-left: -7px;
}

a:hover {
Expand Down
443 changes: 443 additions & 0 deletions demos/builder.html
View file

Large diffs are not rendered by default.

207 changes: 111 additions & 96 deletions demos/tester.js → demos/builder.js
View file
Expand Up @@ -17,13 +17,13 @@
*/

/* ===========================================================================
* tester.js
* builder.js
* ===========================================================================
*/

var a = alice.init();

a.slide(["elem1", "elem2"], "left", "", {
a.slide("elem1", "left", "", {
"value": "1000ms",
"randomness": "0%",
"offset": "150ms"
Expand Down Expand Up @@ -112,7 +112,7 @@ app.applyStyle = function () {
var i, j, elem, container, perspective, transform,
transformFunctions = ["rotate", "rotateX", "rotateY", "scale", "scaleX", "scaleY", "skew", "skewX", "skewY", "translate", "translateX", "translateY"];

for (i = 1; i <= 2; i += 1) {
for (i = 1; i <= 1; i += 1) {
elem = document.getElementById("elem" + i);
container = document.getElementById("container" + i);

Expand Down Expand Up @@ -163,7 +163,7 @@ app.applyEffect = function (param) {

var i, p, ret;

for (i = 1; i <= 2; i += 1) {
for (i = 1; i <= 1; i += 1) {
p = {
elems: document.getElementById("elem" + i),

Expand All @@ -184,146 +184,151 @@ app.applyEffect = function (param) {
rotate: document.getElementById("rotate" + i).value,
flip: document.getElementById("flip" + i).value,
fade: document.getElementById("fade" + i).value,
scale: document.getElementById("scale" + i).value,
scale: {
from: document.getElementById("scaleFrom" + i).value,
to: document.getElementById("scaleTo" + i).value
},
overshoot: document.getElementById("overshoot" + i).value,
//randomness: document.getElementById("randomness" + i).value,
perspective: document.getElementById("perspective" + i).value,
perspectiveOrigin: document.getElementById("perspective_origin" + i).value,
backfaceVisibility: document.getElementById("backface_visibility" + i).value
};

switch (param.value) {
case "slideLeft":
p.move = "left";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slideRight":
p.move = "right";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slideUp":
p.move = "up";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "drain (in)":
p.fade = "in";
p.rotate = 720;
ret = a.drain(p.elems, p.fade, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slideDown":
p.move = "down";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "drain (out)":
p.fade = "out";
p.rotate = -720;
ret = a.drain(p.elems, p.fade, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "tossLeft":
p.move = "left";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "tossRight":
p.move = "right";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "tossUp":
p.move = "up";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "fade (in)":
p.fade = "in";
ret = a.fade(p.elems, p.fade, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "tossDown":
p.move = "down";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "fade (out)":
p.fade = "out";
ret = a.fade(p.elems, p.fade, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "spinLeft":
case "pageFlip (left)":
p.flip = "left";
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "spinRight":
case "pageFlip (right)":
p.flip = "right";
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "spinUp":
case "pageFlip (up)":
p.flip = "up";
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "spinDown":
case "pageFlip (down)":
p.flip = "down";
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
break;

case "pushForward":
p.scale = "125%";
p.move = "left";
ret = a.push(p.elems, p.scale, p.move, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "pushBackward":
p.scale = "75%";
p.move = "left";
ret = a.push(p.elems, p.scale, p.move, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "fadeIn":
case "phantomZone (in)":
p.fade = "in";
ret = a.fade(p.elems, p.fade, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
p.rotate = 720;
p.flip = "right";
ret = a.phantomZone(p.elems, p.fade, p.rotate, p.flip, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "fadeOut":
case "phantomZone (out)":
p.fade = "out";
ret = a.fade(p.elems, p.fade, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
p.rotate = -720;
p.flip = "left";
ret = a.phantomZone(p.elems, p.fade, p.rotate, p.flip, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "drain":
case "raceFlag":
p.rotate = -720;
ret = a.drain(p.elems, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
p.perspectiveOrigin = "top-right";
ret = a.raceFlag(p.elems, p.rotate, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "phantomZone":
p.rotate = -720;
p.flip = "left";
ret = a.phantomZone(p.elems, p.rotate, p.flip, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "slide (left)":
p.move = "left";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slide (right)":
p.move = "right";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slide (up)":
p.move = "up";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "slide (down)":
p.move = "down";
ret = a.slide(p.elems, p.move, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "pageFlipLeft":
case "spin (left)":
p.flip = "left";
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
break;
case "pageFlipRight":
case "spin (right)":
p.flip = "right";
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
break;
case "pageFlipUp":
case "spin (up)":
p.flip = "up";
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
break;
case "pageFlipDown":
case "spin (down)":
p.flip = "down";
ret = a.pageFlip(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.spin(p.elems, p.flip, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.playstate);
break;

case "toss (left)":
p.move = "left";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "toss (right)":
p.move = "right";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "toss (up)":
p.move = "up";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "toss (down)":
p.move = "down";
ret = a.toss(p.elems, p.move, p.overshoot, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "twirlFromLeft":
case "twirl (from left)":
p.flip = "left";
ret = a.twirl(p.elems, p.flip, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;
case "twirlFromRight":
case "twirl (from right)":
p.flip = "right";
ret = a.twirl(p.elems, p.flip, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "raceFlag":
p.rotate = -720;
p.perspectiveOrigin = "top-right";
ret = a.raceFlag(p.elems, p.rotate, p.perspectiveOrigin, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "zoom (125%)":
p.scale = {from: "100%", to: "125%"};
p.move = "left";
ret = a.zoom(p.elems, p.scale, p.move, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "hinge":
p.duration = "1000ms";
p.timing = "linear";
p.iteration = "infinite";
p.direction = "alternate";
p.rotate = 45;
p.overshoot = 0;
ret = a.hinge(p.elems, p.rotate, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
case "zoom (75%)":
p.scale = {from: "100%", to: "75%"};
p.move = "left";
ret = a.zoom(p.elems, p.scale, p.move, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "wobble":
p.duration = "200ms";
p.timing = "linear";
case "bounce":
p.scale = {from: "100%", to: "125%"};
p.duration = "500ms";
p.timing = "easeOutSine";
p.iteration = "infinite";
p.direction = "alternate";
p.rotate = 5;
ret = a.wobble(p.elems, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
ret = a.bounce(p.elems, p.scale, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "dance":
Expand All @@ -335,6 +340,16 @@ app.applyEffect = function (param) {
ret = a.dance(p.elems, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "hinge":
p.duration = "1000ms";
p.timing = "linear";
p.iteration = "infinite";
p.direction = "alternate";
p.rotate = 45;
p.overshoot = 0;
ret = a.hinge(p.elems, p.rotate, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "pendulum":
p.duration = "1000ms";
p.timing = "ease-in-out";
Expand All @@ -345,13 +360,13 @@ app.applyEffect = function (param) {
ret = a.pendulum(p.elems, p.rotate, p.overshoot, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

case "bounce":
p.scale = "125%";
p.duration = "500ms";
p.timing = "easeOutSine";
case "wobble":
p.duration = "200ms";
p.timing = "linear";
p.iteration = "infinite";
p.direction = "alternate";
ret = a.bounce(p.elems, p.scale, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
p.rotate = 5;
ret = a.wobble(p.elems, p.rotate, p.duration, p.timing, p.delay, p.iteration, p.direction, p.playstate);
break;

default:
Expand Down

0 comments on commit 5294f14

Please sign in to comment.