Difference between revisions of "E-book comb.as"

From Organic Design wiki
m
 
m ({{as}})
 
(106 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
// Code for [[]] is licensed under [[[[1] (http://www.gnu.org/copyleft/lesser.html|LGPL)]]] margin = 50;
+
// Compile and run in [[[[E-book_comb]]]]{{as}}
 +
margin = 50;
 +
i = 0;
 +
speed = 12;
 +
w = (Stage.width-margin*2)/2;
 +
h = Stage.height-margin*2;
  
−
// This initialises the book page lines createEmptyMovieClip("book",1);
+
//main clip
 +
this.createEmptyMovieClip("book",19);
  
−
createEmptyMovieClip("right_next",2);
+
//this.createEmptyMovieClip("right_next",17);
 +
this.createEmptyMovieClip("pg1",3);
  
−
right_next.createTextField('content',0,0,0,50,50); with (right_next.content) { autosize = 'left'; selectable = false; _quality = 'BEST'; border = false; multiline = true; wordWrap = false; html = true; embedFonts = true; htmlText = 'Hello right world!'; }
+
this.createEmptyMovieClip("maskee",8);
 +
this.createEmptyMovieClip("masker",9);
 +
this.createEmptyMovieClip("tasker",6);
 +
this.createEmptyMovieClip("taskee",7);
 +
pg1.loadMovie("/wiki/images/5/5a/Aqua.jpg");
 +
//this.createEmptyMovieClip("pg2",4);
  
−
createEmptyMovieClip("left_next",3);
 
  
−
left_next.createTextField('content',0,0,0,50,50); with (left_next.content) { autosize = 'left'; selectable = false; _quality = 'BEST'; border = false; multiline = true; wordWrap = false; html = true; embedFonts = true; htmlText = 'Hello left world!'; }
+
//create following page
 +
masker.createEmptyMovieClip("RightFill",12);
 +
tasker.createEmptyMovieClip("MidFill", 13);
 +
/*right_next.createTextField('content',0,0,0,100,50);
 +
with (right_next.content) {
 +
autosize = 'left';
 +
selectable = false;
 +
_quality = 'BEST';
 +
border = false;
 +
multiline = true;
 +
wordWrap = false;
 +
html = true;
 +
_visible = false;
 +
//  embedFonts = true;
 +
htmlText = '<font color="#ff0000">Hello right world!</font>';
 +
}*/
 +
book.animate = function(i,Tx,Ty){
  
−
// Draws page lines and folde line based on mouse position
+
var animpass = new Object();
 +
ox = animpass.ac = margin+w;
 +
oy = animpass.ad = margin;
 +
//onmousemove
 +
if (!i) {
 +
x = animpass.aa = _xmouse-ox;
 +
y = animpass.ab = _ymouse-oy;
 +
x = x*Tx;
 +
if (Ty == 1) {
 +
oy = animpass.ad = margin + h;
 +
y = animpass.ab = oy-_ymouse;
 +
}
 +
}
 +
//onclick
 +
if (i) {
 +
v = i;
 +
if (Tx == -1) {
 +
v = 800-i;
 +
}
 +
x = animpass.aa = (v-ox)*Tx;
 +
y = animpass.ab = 50;
 +
if (Ty == 1) {
 +
oy = animpass.ad = margin + h;
 +
}
 +
}
 +
 +
book.pageTurn(x,y,ox,oy,Tx,Ty);
 +
};
  
−
function topRight() {
+
// main function  
 +
book.pageTurn = function(x,y,ox,oy,Tx,Ty) {
 +
//calculate fold
 +
a = Math.atan2(y,x);
 +
r = Math.sqrt(x*x+y*y);
 +
if (r>w) r=w;
 +
x = Math.cos(a)*r;
 +
y = Math.sin(a)*r;
 +
// Calculate point Z and dy,dx of line C
 +
dx = w-x;
 +
dy = y;
 +
Zx = x+dx/2;
 +
Zy = y-dy/2;
 +
// Calculate line D
 +
Px = Zx-Zy*dy/dx;
 +
Py = 0;
 +
Qx = w;
 +
 +
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; }
 +
else {
 +
Qy = Zy+(w-Zx)*dx/dy;
 +
if (Qy>h || Qy<0) {
 +
a = Math.atan2(Qy-y,Qx-x);
 +
if (Qy<0) a += Math.PI;
 +
Qx = x+Math.cos(a)*h;
 +
Qy = y+Math.sin(a)*h;
 +
Rx = Qx+(Qy-h)/(y-Py)*(Px-x);
 +
Ry = h;
 +
}
 +
else { Rx = Qx; Ry = Qy; }
 +
if (Qy==0) Rx = w-Qx;
 +
if (Rx<0) return;
 +
}
 +
//draw lines
 +
book.clear();
 +
book.lineStyle(1,100);
 +
book.moveTo(ox,oy-h*Ty);
 +
book.lineTo(ox+w*Tx,oy-h*Ty);
 +
book.lineTo(ox+w*Tx,oy);
 +
book.lineTo(ox,oy);
 +
book.moveTo(ox-w*Tx,oy);
 +
book.lineTo(ox+Px*Tx,oy-Py*Ty);
 +
book.lineTo(ox+Rx*Tx,oy-Ry*Ty);
 +
book.lineTo(ox+Rx*Tx,oy-h*Ty);
 +
book.lineTo(ox-w*Tx,oy-h*Ty);
 +
book.lineTo(ox-w*Tx,oy);
 +
                beginFill(0xcccccc,100);
 +
book.moveTo(ox+x*Tx,oy-y*Ty);
 +
book.lineTo(ox+Px*Tx,oy-Py*Ty);
 +
book.lineTo(ox+Rx*Tx,oy-Ry*Ty);
 +
book.lineTo(ox+Qx*Tx,oy-Qy*Ty);
 +
book.lineTo(ox+x*Tx,oy-y*Ty);
 +
book.endFill();
 +
 +
with (masker.RightFill) {
 +
clear();
 +
lineStyle(1,100);
 +
beginFill(0xffffff,100);
 +
moveTo(ox+x*Tx,oy-y*Ty);
 +
lineTo(ox+Px*Tx,oy-Py*Ty);
 +
lineTo(ox+Rx*Tx,oy-Ry*Ty);
 +
lineTo(ox+Qx*Tx,oy-Qy*Ty);
 +
lineTo(ox+x*Tx,oy-y*Ty);
 +
endFill();
 +
}
 +
 +
with (tasker.MidFill) {
 +
clear();
 +
lineStyle(1,100);
 +
beginFill (0xffffff,100);
 +
moveTo (ox-w*Tx,oy);;
 +
lineTo (ox+Px*Tx,oy);
 +
lineTo(ox+Rx*Tx,oy-Ry*Ty);
 +
lineTo(ox+Rx*Tx,oy-h*Ty);
 +
lineTo (ox-w*Tx,oy-h*Ty);
 +
lineTo (ox-w*Tx,oy);
 +
endFill();
 +
}
 +
// orient next page
 +
/* right_next.content._visible = true;
 +
_root.right_next._x = ox+Rx*Tx;
 +
_root.right_next._y = oy-Ry*Ty;
 +
//_root.right_next._rotation = a*57.29578;*/
 +
};
  
−
w = (width-margin*2)/2; h = height-margin*2; ox = margin+w; oy = margin;
+
var mclListener = new Object();
  
−
// Get mouse coords relative to book middle x = _xmouse-ox; y = _ymouse-oy;
+
mclListener.onLoadInit = function(target_mc) {
 +
    target_mc.setMask(masker.RightFill);
 +
};
  
−
// constrain mouse to radius W a = Math.atan2(y,x); r = Math.sqrt(x*x+y*y); if (r>w) r=w; x = Math.cos(a)*r; y = Math.sin(a)*r;
+
var my_mcl = new MovieClipLoader();
 +
my_mcl.addListener(mclListener);
 +
my_mcl.loadClip("/wiki/images/1/1b/Purple.jpg", maskee);
  
−
// Calculate point Z and dy,dx of line C dx = w-x; dy = y; Zx = x+dx/2; Zy = y-dy/2;
 
  
−
// Calculate line D Px = Zx-Zy*dy/dx; Py = 0; Qx = w;
+
var tclListener = new Object();
  
−
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; } else { Qy = Zy+(w-Zx)*dx/dy; if (Qy>h || Qy<0) { a = Math.atan2(Qy-y,Qx-x); if (Qy<0) a += Math.PI; Qx = x+Math.cos(a)*h; Qy = y+Math.sin(a)*h; Rx = Qx+(Qy-h)/(y-Py)*(Px-x); Ry = h; } else { Rx = Qx; Ry = Qy; } if (Qy==0) Rx = w-Qx; if (Rx<0) return; }
+
tclListener.onLoadInit = function(marget_mc) {
 +
    marget_mc.setMask(tasker.MidFill);
 +
};
  
−
// Draw page clear(); lineStyle(3,0); moveTo(ox,oy); lineTo(ox,oy+h); moveTo(ox-w,oy); lineTo(ox+Px,oy+Py); lineTo(ox+Rx,oy+Ry); lineTo(ox+Rx,oy+h); lineTo(ox-w,oy+h); lineTo(ox-w,oy);
 
  
−
// Draw fold beginFill(0xdddddd,100); moveTo(ox+x,oy+y); lineTo(ox+Px,oy+Py); lineTo(ox+Rx,oy+Ry); lineTo(ox+Qx,oy+Qy); lineTo(ox+x,oy+y); endFill();
 
  
−
// orient right_next page _root.right_next._x = ox+x; _root.right_next._y = oy+y; _root.right_next._rotation = a*57.29578;
+
var ty_mcl = new MovieClipLoader();
 +
ty_mcl.addListener(tclListener);
 +
ty_mcl.loadClip("/wiki/images/0/0e/Green.jpg", taskee);
  
−
}
+
//iterate over frames
−
 
+
reduce = function() {
−
function bottomRight() {
+
    if (i) book.animate(i-=speed,Tx,Ty);
−
 
+
};
−
w = (width-margin*2)/2; h = height-margin*2; ox = margin+w; oy = margin+h; //reverses y
+
// for multiple parameters in main function
−
 
+
var coords = new Object();
−
// Get mouse coords relative to book middle, reverses y co-ords x = _xmouse-ox; y = oy-_ymouse;
 
−
 
 
−
// constrain mouse to radius W a = Math.atan2(y,x); r = Math.sqrt(x*x+y*y); if (r>w) r=w; x = Math.cos(a)*r; y = Math.sin(a)*r;
 
−
 
 
−
// Calculate point Z and dy,dx of line C dx = w-x; dy = y; Zx = x+dx/2; Zy = y-dy/2;
 
−
 
 
−
// Calculate line D Px = Zx-Zy*dy/dx; Py = 0; Qx = w;
 
−
 
 
−
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; } else { Qy = Zy+(w-Zx)*dx/dy; if (Qy>h || Qy<0) { a = Math.atan2(Qy-y,Qx-x); if (Qy<0) a += Math.PI; Qx = x+Math.cos(a)*h; Qy = y+Math.sin(a)*h; Rx = Qx+(Qy-h)/(y-Py)*(Px-x); Ry = h; } else { Rx = Qx; Ry = Qy; } if (Qy==0) Rx = w-Qx; if (Rx<0) return; }
 
−
 
 
−
// Draw page, reverses draw clear(); lineStyle(3,0); moveTo(ox,oy); lineTo(ox,oy-h); moveTo(ox-w,oy); lineTo(ox+Px,oy-Py); lineTo(ox+Rx,oy-Ry); lineTo(ox+Rx,oy-h); lineTo(ox-w,oy-h); lineTo(ox-w,oy);
 
−
 
 
−
// Draw fold beginFill(0xdddddd,100); moveTo(ox+x,oy-y); lineTo(ox+Px,oy-Py); lineTo(ox+Rx,oy-Ry); lineTo(ox+Qx,oy-Qy); lineTo(ox+x,oy-y); endFill();
 
−
 
 
−
// orient right_next page _root.right_next._x = ox+x; _root.right_next._y = oy-y; _root.right_next._rotation = a*57.29578;
 
−
 
 
−
}
 
−
 
 
−
function topLeft() {
 
−
 
 
−
w = (width-margin*2)/2; h = height-margin*2; ox = margin+w; oy = margin;
 
−
 
 
−
// Get mouse coords relative to book middle, reverse ox x = ox-_xmouse; y = _ymouse-oy;
 
−
 
 
−
// constrain mouse to radius W a = Math.atan2(y,x); r = Math.sqrt(x*x+y*y); if (r>w) r=w; x = Math.cos(a)*r; y = Math.sin(a)*r;
 
−
 
 
−
// Calculate point Z and dy,dx of line C dx = w-x; dy = y; Zx = x+dx/2; Zy = y-dy/2;
 
−
 
 
−
// Calculate line D Px = Zx-Zy*dy/dx; Py = 0; Qx = w;
 
−
 
 
−
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; } else { Qy = Zy+(w-Zx)*dx/dy; if (Qy>h || Qy<0) { a = Math.atan2(Qy-y,Qx-x); if (Qy<0) a += Math.PI; Qx = x+Math.cos(a)*h; Qy = y+Math.sin(a)*h; Rx = Qx+(Qy-h)/(y-Py)*(Px-x); Ry = h; } else { Rx = Qx; Ry = Qy; } if (Qy==0) Rx = w-Qx; if (Rx<0) return; }
 
−
 
 
−
// Draw page clear(); lineStyle(3,0); moveTo(ox,oy); lineTo(ox,oy+h); moveTo(ox+w,oy); lineTo(ox-Px,oy+Py); lineTo(ox-Rx,oy+Ry); lineTo(ox-Rx,oy+h); lineTo(ox+w,oy+h); lineTo(ox+w,oy);
 
−
 
 
−
// Draw fold beginFill(0xdddddd,100); moveTo(ox-x,oy+y); lineTo(ox-Px,oy+Py); lineTo(ox-Rx,oy+Ry); lineTo(ox-Qx,oy+Qy); lineTo(ox-x,oy+y); endFill();
 
−
 
 
−
// orient right_next page _root.left_next._x = ox-x; _root.left_next._y = oy+y; _root.left_next._rotation = -a*57.29578;
 
−
 
 
−
}
 
−
 
 
−
function bottomLeft() {
 
−
 
 
−
w = (width-margin*2)/2; h = height-margin*2; ox = margin+w; oy = margin+h; //reverses y
 
−
 
 
−
// Get mouse coords relative to book middle, reverses y co-ords x = ox-_xmouse; y = oy-_ymouse;
 
−
 
 
−
// constrain mouse to radius W a = Math.atan2(y,x); r = Math.sqrt(x*x+y*y); if (r>w) r=w; x = Math.cos(a)*r; y = Math.sin(a)*r;
 
−
 
 
−
// Calculate point Z and dy,dx of line C dx = w-x; dy = y; Zx = x+dx/2; Zy = y-dy/2;
 
−
 
 
−
// Calculate line D Px = Zx-Zy*dy/dx; Py = 0; Qx = w;
 
−
 
 
−
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; } else { Qy = Zy+(w-Zx)*dx/dy; if (Qy>h || Qy<0) { a = Math.atan2(Qy-y,Qx-x); if (Qy<0) a += Math.PI; Qx = x+Math.cos(a)*h; Qy = y+Math.sin(a)*h; Rx = Qx+(Qy-h)/(y-Py)*(Px-x); Ry = h; } else { Rx = Qx; Ry = Qy; } if (Qy==0) Rx = w-Qx; if (Rx<0) return; }
 
−
 
 
−
// Draw page, reverses draw clear(); lineStyle(3,0); moveTo(ox,oy); lineTo(ox,oy-h); moveTo(ox+w,oy); lineTo(ox-Px,oy-Py); lineTo(ox-Rx,oy-Ry); lineTo(ox-Rx,oy-h); lineTo(ox+w,oy-h); lineTo(ox+w,oy);
 
−
 
 
−
// Draw fold beginFill(0xdddddd,100); moveTo(ox-x,oy-y); lineTo(ox-Px,oy-Py); lineTo(ox-Rx,oy-Ry); lineTo(ox-Qx,oy-Qy); lineTo(ox-x,oy-y); endFill();
 
−
 
 
−
// orient left_next page _root.left_next._x = ox-x; _root.left_next._y = oy-y; _root.left_next._rotation = -a*57.29578; }
 
  
 
var mouseListener = new Object();
 
var mouseListener = new Object();
  
−
mouseListener.onMouseMove = corner;
+
mouseListener.onMouseMove = function(){
 +
if (_xmouse >=400) {
 +
  Tx = coords.j = 1;
 +
  }
 +
if (_xmouse < 400) {
 +
  Tx = coords.j = -1;
 +
  }
 +
if (_ymouse <= 300) Ty = coords.k = -1;
 +
if (_ymouse > 300) Ty = coords.k = 1;
 +
 +
_root.book.animate(0,Tx,Ty);
 +
};
  
−
function corner() {
+
mouseListener.onMouseDown = function(){
 +
if (_xmouse >=400) {
 +
  Tx = coords.j = 1;
 +
  }
 +
  if (_xmouse < 400) {
 +
  Tx = coords.j = -1;
 +
  }
 +
if (_ymouse <= 300) Ty = coords.k = -1;
 +
if (_ymouse > 300) Ty = coords.k = 1;
 +
};
  
−
  if (_xmouse <= 200 && _ymouse <= 100) book.onMouseMove= topLeft;
+
mouseListener.onMouseUp = function(){
−
  else if (_xmouse <= 200 && _ymouse >= 300) book.onMouseMove= bottomLeft;
+
i=600;
−
  else if (_xmouse >= 400 && _ymouse <= 100) book.onMouseMove= topRight;
+
};
−
  else if (_xmouse >= 400 && _ymouse >= 300) book.onMouseMove= bottomRight;
 
−
  }
 
  
 
Mouse.addListener(mouseListener);
 
Mouse.addListener(mouseListener);

Latest revision as of 09:35, 14 March 2009

// Compile and run in [[E-book_comb]]Template:As margin = 50; i = 0; speed = 12; w = (Stage.width-margin*2)/2; h = Stage.height-margin*2;

//main clip this.createEmptyMovieClip("book",19);

//this.createEmptyMovieClip("right_next",17); this.createEmptyMovieClip("pg1",3);

this.createEmptyMovieClip("maskee",8); this.createEmptyMovieClip("masker",9); this.createEmptyMovieClip("tasker",6); this.createEmptyMovieClip("taskee",7); pg1.loadMovie("/wiki/images/5/5a/Aqua.jpg"); //this.createEmptyMovieClip("pg2",4);


//create following page masker.createEmptyMovieClip("RightFill",12); tasker.createEmptyMovieClip("MidFill", 13); /*right_next.createTextField('content',0,0,0,100,50); with (right_next.content) { autosize = 'left'; selectable = false; _quality = 'BEST'; border = false; multiline = true; wordWrap = false; html = true; _visible = false; // embedFonts = true; htmlText = 'Hello right world!'; }*/ book.animate = function(i,Tx,Ty){

var animpass = new Object(); ox = animpass.ac = margin+w; oy = animpass.ad = margin; //onmousemove if (!i) { x = animpass.aa = _xmouse-ox; y = animpass.ab = _ymouse-oy; x = x*Tx; if (Ty == 1) { oy = animpass.ad = margin + h; y = animpass.ab = oy-_ymouse; } } //onclick if (i) { v = i; if (Tx == -1) { v = 800-i; } x = animpass.aa = (v-ox)*Tx; y = animpass.ab = 50; if (Ty == 1) { oy = animpass.ad = margin + h; } }

book.pageTurn(x,y,ox,oy,Tx,Ty); };

// main function book.pageTurn = function(x,y,ox,oy,Tx,Ty) { //calculate fold a = Math.atan2(y,x); r = Math.sqrt(x*x+y*y); if (r>w) r=w; x = Math.cos(a)*r; y = Math.sin(a)*r; // Calculate point Z and dy,dx of line C dx = w-x; dy = y; Zx = x+dx/2; Zy = y-dy/2; // Calculate line D Px = Zx-Zy*dy/dx; Py = 0; Qx = w;

if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; } else { Qy = Zy+(w-Zx)*dx/dy; if (Qy>h || Qy<0) { a = Math.atan2(Qy-y,Qx-x); if (Qy<0) a += Math.PI; Qx = x+Math.cos(a)*h; Qy = y+Math.sin(a)*h; Rx = Qx+(Qy-h)/(y-Py)*(Px-x); Ry = h; } else { Rx = Qx; Ry = Qy; } if (Qy==0) Rx = w-Qx; if (Rx<0) return; } //draw lines book.clear(); book.lineStyle(1,100); book.moveTo(ox,oy-h*Ty); book.lineTo(ox+w*Tx,oy-h*Ty); book.lineTo(ox+w*Tx,oy); book.lineTo(ox,oy); book.moveTo(ox-w*Tx,oy); book.lineTo(ox+Px*Tx,oy-Py*Ty); book.lineTo(ox+Rx*Tx,oy-Ry*Ty); book.lineTo(ox+Rx*Tx,oy-h*Ty); book.lineTo(ox-w*Tx,oy-h*Ty); book.lineTo(ox-w*Tx,oy); 

               beginFill(0xcccccc,100);

book.moveTo(ox+x*Tx,oy-y*Ty); book.lineTo(ox+Px*Tx,oy-Py*Ty); book.lineTo(ox+Rx*Tx,oy-Ry*Ty); book.lineTo(ox+Qx*Tx,oy-Qy*Ty); book.lineTo(ox+x*Tx,oy-y*Ty); book.endFill();

with (masker.RightFill) { clear(); lineStyle(1,100); beginFill(0xffffff,100); moveTo(ox+x*Tx,oy-y*Ty); lineTo(ox+Px*Tx,oy-Py*Ty); lineTo(ox+Rx*Tx,oy-Ry*Ty); lineTo(ox+Qx*Tx,oy-Qy*Ty); lineTo(ox+x*Tx,oy-y*Ty); endFill(); }

with (tasker.MidFill) { clear(); lineStyle(1,100); beginFill (0xffffff,100); moveTo (ox-w*Tx,oy);; lineTo (ox+Px*Tx,oy); lineTo(ox+Rx*Tx,oy-Ry*Ty); lineTo(ox+Rx*Tx,oy-h*Ty); lineTo (ox-w*Tx,oy-h*Ty); lineTo (ox-w*Tx,oy); endFill(); } // orient next page /* right_next.content._visible = true; _root.right_next._x = ox+Rx*Tx; _root.right_next._y = oy-Ry*Ty; //_root.right_next._rotation = a*57.29578;*/ };

var mclListener = new Object();

mclListener.onLoadInit = function(target_mc) { 

   target_mc.setMask(masker.RightFill);

};

var my_mcl = new MovieClipLoader(); my_mcl.addListener(mclListener); my_mcl.loadClip("/wiki/images/1/1b/Purple.jpg", maskee);


var tclListener = new Object();

tclListener.onLoadInit = function(marget_mc) { 

   marget_mc.setMask(tasker.MidFill);

};


var ty_mcl = new MovieClipLoader(); ty_mcl.addListener(tclListener); ty_mcl.loadClip("/wiki/images/0/0e/Green.jpg", taskee);

//iterate over frames reduce = function() { 

   if (i) book.animate(i-=speed,Tx,Ty);

}; // for multiple parameters in main function var coords = new Object();

var mouseListener = new Object();

mouseListener.onMouseMove = function(){ if (_xmouse >=400) { Tx = coords.j = 1; } if (_xmouse < 400) { Tx = coords.j = -1; } if (_ymouse <= 300) Ty = coords.k = -1; if (_ymouse > 300) Ty = coords.k = 1;

_root.book.animate(0,Tx,Ty); };

mouseListener.onMouseDown = function(){ 

	if (_xmouse >=400) {

Tx = coords.j = 1; } 

  	if (_xmouse < 400) {

Tx = coords.j = -1; } if (_ymouse <= 300) Ty = coords.k = -1; if (_ymouse > 300) Ty = coords.k = 1; };

mouseListener.onMouseUp = function(){ 

	i=600;

};

Mouse.addListener(mouseListener);

Retrieved from "https://organicdesign.nz/wiki/index.php?title=E-book_comb.as&oldid=92212"