Difference between revisions of "Bookclick.as"

From Organic Design wiki
(mousedown added, calculate function reintegrated)
(A few new features :))
Line 1: Line 1:
−
// Compile and run in [[[[Bookclick]]]]
+
// Compile and run in [[[[E-book_comb]]]]
 
margin = 50;
 
margin = 50;
 
i = 0;
 
i = 0;
−
speed = 8;
+
speed = 12;
 +
w = (Stage.width-margin*2)/2;
 +
h = Stage.height-margin*2;
 +
gf = 4;
 +
gh = 1;
 +
 
 
//main clip
 
//main clip
−
createEmptyMovieClip("book",1);
+
this.createEmptyMovieClip("book",1);
  
−
/*createEmptyMovieClip("right_next",2);
+
//this.createEmptyMovieClip("right_next",17);
−
//backing page
+
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 = '<font color="#ff0000">Hello right world!</font>';
 
−
    }*/
 
  
−
// constrain mouse to radius W
+
this.createEmptyMovieClip("maskee",8);
 +
this.createEmptyMovieClip("masker",9);
 +
this.createEmptyMovieClip("tasker",6);
 +
this.createEmptyMovieClip("taskee",7);
  
 +
pg1.loadMovie("aqua.jpg");
  
 +
//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){
  
 +
var animpass = new Object();
 +
ox = animpass.ac = margin+w;
 +
oy = animpass.ad = margin;
  
−
// main function takes three parameters (an iterator and x and y mouse)
+
//onmousemove
−
function pageTurn(i,Tx,Ty) {
+
if (!i) {
−
+
x = animpass.aa = _xmouse-ox;
−
w = (Stage.width-margin*2)/2;
+
y = animpass.ab = _ymouse-oy;
−
h = Stage.height-margin*2;
+
x = x*Tx;
−
ox = margin+w;
+
if (Ty == 1) {
−
oy = margin;
+
oy = animpass.ad = margin + h;
−
//these need to change sign later
+
y = animpass.ab = oy-_ymouse;
−
j = Tx;
+
}
−
k = Ty;
+
}
−
//mousemove
+
//onclick
−
if (!i) {
+
if (i) {
−
x= _xmouse-ox;
+
v = i;
−
y= _ymouse-oy;
+
if (Tx == -1) {
−
x=x*Tx;
+
v = 800-i;
−
if (Ty == 1) {
+
}
−
oy = margin + h;
+
x = animpass.aa = (v-ox)*Tx;
−
y= oy-_ymouse;
+
y = animpass.ab = 50;
−
}
+
if (Ty == 1) {
 +
oy = animpass.ad = margin + h;
 
}
 
}
−
//onclick
+
}
−
if (i) {
+
 
−
if (i > 706) return;
+
book.pageTurn(x,y,ox,oy,Tx,Ty);
−
if (i < -98) return;
+
};
−
x = (i-ox);
+
 
−
x = x*Tx;
+
// main function
−
if (Ty == -1) {
+
book.pageTurn = function(x,y,ox,oy,Tx,Ty) {
−
y= _ymouse;
 
−
if (x <= -400) y = 0;
 
−
}
 
−
if (Ty == 1) {
 
−
oy = margin + h;
 
−
y= oy-_ymouse;
 
−
if (x <= -400) y = 0;
 
−
}
 
−
}
 
 
//calculate fold
 
//calculate fold
 
a = Math.atan2(y,x);
 
a = Math.atan2(y,x);
Line 77: Line 87:
 
Py = 0;
 
Py = 0;
 
Qx = w;
 
Qx = w;
−
+
−
if (dy*dy<1) { a = 0; Qx = x; Qy = Ry = h; Rx = (x+w)/2; }
+
if (dy*dy<1) { a = 0; Qx = x>w ? w : x; Qy = Ry = h; Rx = (Qx+w)/2;}
 
else {
 
else {
 
Qy = Zy+(w-Zx)*dx/dy;
 
Qy = Zy+(w-Zx)*dx/dy;
Line 93: Line 103:
 
if (Rx<0) return;
 
if (Rx<0) return;
 
}
 
}
−
//adjust draw for mouse position
 
−
w = w*Tx;
 
−
x=x*Tx;
 
−
Px=Px*Tx;
 
−
Rx=Rx*Tx;
 
−
Qx=Qx*Tx;
 
−
h= h*Ty;
 
−
y = y*Ty;
 
−
Py = Py*Ty;
 
−
Ry = Ry*Ty;
 
−
Qy = Qy*Ty;
 
 
//draw lines
 
//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);
 +
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();
 
clear();
−
lineStyle(3,0);
+
lineStyle(1,100);
−
moveTo(ox,oy);
+
moveTo(ox,oy-h*Ty);
−
lineTo(ox,oy-h);
+
lineTo(ox+w*Tx,oy-h*Ty);
−
moveTo(ox-w,oy);
+
lineTo(ox+w*Tx,oy);
−
lineTo(ox+Px,oy-Py);
+
lineTo(ox,oy);
−
lineTo(ox+Rx,oy-Ry);
+
moveTo(ox-w*Tx,oy);
−
lineTo(ox+Rx,oy-h);
+
lineTo(ox+Px*Tx,oy-Py*Ty);
−
lineTo(ox-w,oy-h);
+
lineTo(ox+Rx*Tx,oy-Ry*Ty);
−
lineTo(ox-w,oy);
+
lineTo(ox+Rx*Tx,oy-h*Ty);
−
//draw fold
+
lineTo(ox-w*Tx,oy-h*Ty);
−
beginFill(0xdddddd,100);
+
lineTo(ox-w*Tx,oy);
−
moveTo(ox+x,oy-y);
+
beginFill(0xffffff,100);
−
lineTo(ox+Px,oy-Py);
+
moveTo(ox+x*Tx,oy-y*Ty);
−
lineTo(ox+Rx,oy-Ry);
+
lineTo(ox+Px*Tx,oy-Py*Ty);
−
lineTo(ox+Qx,oy-Qy);
+
lineTo(ox+Rx*Tx,oy-Ry*Ty);
−
lineTo(ox+x,oy-y);
+
lineTo(ox+Qx*Tx,oy-Qy*Ty);
 +
lineTo(ox+x*Tx,oy-y*Ty);
 
endFill();
 
endFill();
 +
}
 +
 +
with (tasker.MidFill) {
 +
clear();
 +
lineStyle(1,100);
 +
moveTo(ox,oy-h*Ty);
 +
lineTo(ox+w*Tx,oy-h*Ty);
 +
lineTo(ox+w*Tx,oy);
 +
lineTo(ox,oy);
 +
moveTo(ox-w*Tx,oy);
 +
lineTo(ox+Px*Tx,oy-Py*Ty);
 +
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);
 +
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("purple.jpg", maskee);
 +
 +
var tclListener = new Object();
 +
 +
tclListener.onLoadInit = function(marget_mc) {
 +
    marget_mc.setMask(tasker.MidFill);
 +
};
  
−
}
+
var ty_mcl = new MovieClipLoader();
−
//iterates over frames
+
ty_mcl.addListener(tclListener);
−
function reduce() {
+
ty_mcl.loadClip("green.jpg", taskee);
−
     if (i) pageTurn(i-=speed,Tx,Ty);
+
 
−
}
+
//iterate over frames
 +
book.reduce = function() {
 +
     if (i) _root.book.animate(i-=speed,Tx,Ty);
 +
};
 
// for multiple parameters in main function
 
// for multiple parameters in main function
 
var coords = new Object();
 
var coords = new Object();
−
Tx = coords.j = 0;
+
 
−
Ty = coords.k = 0;
+
zoom = function() {
 +
pg1._xscale = 150;
 +
pg1._yscale=150;
 +
book._visible= false;
 +
taskee._visible= false;
 +
tasker._visible= false;
 +
maskee._visible= false;
 +
masker._visible= false;
 +
createEmptyMovieClip("zoommask",14);
 +
zoommask.loadMovie("zoom.gif");
 +
Mouse.hide();
 +
zoommask.startDrag();
 +
zoommask._x = _xmouse;
 +
zoommask._y = _ymouse;
 +
glass = true;
 +
i = 0;
 +
};
 +
 
 
var mouseListener = new Object();
 
var mouseListener = new Object();
−
 
+
 
mouseListener.onMouseMove = function(){
 
mouseListener.onMouseMove = function(){
−
if (_xmouse >=305) {
+
//trace(_xmouse);
−
  coords.j = 1;
+
//trace(_ymouse);
 +
if (glass == true) {
 +
createEmptyMovieClip("zoommask",14);
 +
zoommask.loadMovie("zoom.gif");
 +
Mouse.hide();
 +
zoommask.startDrag();
 +
zoommask._x = _xmouse;
 +
zoommask._y = _ymouse;
 +
}
 +
 +
zoommask._visible = false;
 +
 +
if (_xmouse >=400) {
 +
  Tx = coords.j = 1;
 
  }
 
  }
−
if (_xmouse < 305) {
+
if (_xmouse < 400) {
−
  coords.j = -1;
+
  Tx = coords.j = -1;
 
  }
 
  }
−
if (_ymouse <= 200) coords.k = -1;
+
if (_ymouse <= 300) Ty = coords.k = -1;
−
if (_ymouse > 200) coords.k = 1;
+
if (_ymouse > 300) Ty = coords.k = 1;
−
+
if (Tx==-1) gn=gf;
−
Tx = coords.j;
+
if (Tx==1) gn=gh;
−
Ty = coords.k;
+
 
−
pageTurn(0,Tx,Ty);
+
 
 +
_root.book.animate(0,Tx,Ty);
 
};
 
};
  
 
mouseListener.onMouseDown = function(){
 
mouseListener.onMouseDown = function(){
−
  if (_xmouse >=305) {
+
  if (_xmouse >= 600 ) {
−
  coords.j = 1;
+
  Tx = coords.j = 1;
 
  }
 
  }
−
  if (_xmouse < 305) {
+
if (_xmouse < 600 && _xmouse >= 400) {
−
  coords.j = -1;
+
  Tx = coords.j = 1;
 
  }
 
  }
−
//if (_ymouse <= 150) coords.bar = -1;
+
  if (_xmouse >= 200 && _xmouse < 400) {
−
//if (_ymouse > 150 && _ymouse <= 250) coords.bar = 0;
+
  Tx = coords.j = -1;
−
//if (_ymouse > 250) coords.bar = 1;
+
  }
−
if (_ymouse <= 200) coords.k = -1;
+
    if (_xmouse < 200) {
−
if (_ymouse > 200) coords.k = 1;
+
  Tx = coords.j = -1;
−
Tx = coords.j;
+
  } 
−
Ty = coords.k;
+
if (_ymouse <= 300) Ty = coords.k = -1;
 +
if (_ymouse > 300) Ty = coords.k = 1;
 
};
 
};
  
 
mouseListener.onMouseUp = function(){
 
mouseListener.onMouseUp = function(){
−
if (_xmouse >=305) {
+
−
  i=559;
+
gv = gn+".jpg";
−
  }
+
pg1.loadMovie(gv);
−
  if (_xmouse < 305) {
+
if (_xmouse>275 && _xmouse<=400) {
−
  i=50;
+
if ((_ymouse<50) || (_ymouse>550 && _ymouse<=600)) {
−
  speed = -speed;
+
zoom();
−
  }
+
}
 +
}
 +
 +
if (_xmouse>400 && _xmouse<=525) {
 +
if ((_ymouse<50) || (_ymouse>550 && _ymouse<=600)) {
 +
zoom();
 +
}
 +
}
 +
 
 +
if (_xmouse<=275 || _xmouse>525){
 +
  zoommask.stopDrag();
 +
Mouse.show();
 +
pg1._xscale = 100;
 +
pg1._yscale=100;
 +
zoommask._visible = false;
 +
book._visible= true;
 +
taskee._visible= true;
 +
tasker._visible= true;
 +
maskee._visible= true;
 +
masker._visible= true;
 +
glass = false;
 +
  i=612;
 +
}
 +
gn = gn + (1*Tx);
 
};
 
};
  
 
Mouse.addListener(mouseListener);
 
Mouse.addListener(mouseListener);

Revision as of 22:05, 18 January 2007

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

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

//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("aqua.jpg");

//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>w ? w : x; Qy = Ry = h; Rx = (Qx+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); 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); moveTo(ox,oy-h*Ty); lineTo(ox+w*Tx,oy-h*Ty); lineTo(ox+w*Tx,oy); lineTo(ox,oy); moveTo(ox-w*Tx,oy); lineTo(ox+Px*Tx,oy-Py*Ty); 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); 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); moveTo(ox,oy-h*Ty); lineTo(ox+w*Tx,oy-h*Ty); lineTo(ox+w*Tx,oy); lineTo(ox,oy); moveTo(ox-w*Tx,oy); lineTo(ox+Px*Tx,oy-Py*Ty); 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); 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("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("green.jpg", taskee);

//iterate over frames book.reduce = function() { 

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

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

zoom = function() { pg1._xscale = 150; pg1._yscale=150; book._visible= false; taskee._visible= false; tasker._visible= false; maskee._visible= false; masker._visible= false; createEmptyMovieClip("zoommask",14); zoommask.loadMovie("zoom.gif"); Mouse.hide(); zoommask.startDrag(); zoommask._x = _xmouse; zoommask._y = _ymouse; glass = true; i = 0; };

var mouseListener = new Object();

mouseListener.onMouseMove = function(){ //trace(_xmouse); //trace(_ymouse); if (glass == true) { createEmptyMovieClip("zoommask",14); zoommask.loadMovie("zoom.gif"); Mouse.hide(); zoommask.startDrag(); zoommask._x = _xmouse; zoommask._y = _ymouse; }

zoommask._visible = false;

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 (Tx==-1) gn=gf; if (Tx==1) gn=gh;


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

mouseListener.onMouseDown = function(){ 

	if (_xmouse >= 600 ) {

Tx = coords.j = 1; } if (_xmouse < 600 && _xmouse >= 400) { Tx = coords.j = 1; } 

  	if (_xmouse >= 200 && _xmouse < 400) {

Tx = coords.j = -1; } 

   if (_xmouse < 200) {

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

mouseListener.onMouseUp = function(){

gv = gn+".jpg"; pg1.loadMovie(gv); if (_xmouse>275 && _xmouse<=400) { if ((_ymouse<50) || (_ymouse>550 && _ymouse<=600)) { zoom(); } }

if (_xmouse>400 && _xmouse<=525) { if ((_ymouse<50) || (_ymouse>550 && _ymouse<=600)) { zoom(); } }

if (_xmouse<=275 || _xmouse>525){ zoommask.stopDrag(); Mouse.show(); pg1._xscale = 100; pg1._yscale=100; zoommask._visible = false; book._visible= true; taskee._visible= true; tasker._visible= true; maskee._visible= true; masker._visible= true; glass = false; i=612; } 

		gn = gn + (1*Tx);

};

Mouse.addListener(mouseListener);

Retrieved from "https://organicdesign.nz/wiki/index.php?title=Bookclick.as&oldid=66206"