mikeland.us » A Face Cropper inspired from JibJab (FlashAS3)

A Face Cropper inspired from JibJab (FlashAS3)

It’s been a while since my last post, but here I am back with some fresh code for all

Today I’m showing you how to create a similar face cropper to JibJab

Not bad at all right?

Download the source file here or check at the code below:

stop();

var lineDrawing:MovieClip = new MovieClip();
lineDrawing.graphics.lineStyle(1, 0x000000, 1 );
this.addChildAt(lineDrawing, 0);

// Computation variables
  var __c0X:Number;
  var __c1X:Number;
  var __c2X:Number;
  var __c0Y:Number;
  var __c1Y:Number;
  var __c2Y:Number;

//  POINTS  
  var ptr1:Point = new Point();
  var ptr2:Point = new Point();
  var ptr3:Point = new Point();
  var ptr4:Point = new Point();
  var ptr5:Point = new Point();
  var ptr6:Point = new Point();
  var ptr7:Point = new Point();
  var ptr8:Point = new Point();
var repArray:Array = [];  
this.addEventListener(Event.ENTER_FRAME, updatePoints); 
  
// maskDraggers (black ones)
pt1.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt2.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt3.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt4.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt5.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt6.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt7.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
pt8.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);

// first segment
repArray.push(pt1);
repArray.push(repert);
repArray.push(pt2);
repArray.push(ptr1);
// second  segment
repArray.push(pt2);
repArray.push(repert2);
repArray.push(pt3);
repArray.push(ptr2);
// third  segment
repArray.push(pt3);
repArray.push(repert3);
repArray.push(pt4);
repArray.push(ptr3);
// 4th  segment
repArray.push(pt4);
repArray.push(repert4);
repArray.push(pt5);
repArray.push(ptr4);
// 5th  segment
repArray.push(pt5);
repArray.push(repert5);
repArray.push(pt6);
repArray.push(ptr5);
// 6th  segment
repArray.push(pt6);
repArray.push(repert6);
repArray.push(pt7);
repArray.push(ptr6);
// 7th  segment
repArray.push(pt7);
repArray.push(repert7);
repArray.push(pt8);
repArray.push(ptr7);
// 8th  segment
repArray.push(pt8);
repArray.push(repert8);
repArray.push(pt1);
repArray.push(ptr8);

// PointTransformers (red ones)
repert.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert2.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert3.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert4.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert5.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert6.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert7.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
repert8.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);

var repContorlsArray:Array = [];
repContorlsArray.push(pt1);
repContorlsArray.push(repert);
repContorlsArray.push(pt2);
repContorlsArray.push(repert2);
repContorlsArray.push(pt3);
repContorlsArray.push(repert3);
repContorlsArray.push(pt4);
repContorlsArray.push(repert4);
repContorlsArray.push(pt5);
repContorlsArray.push(repert5);
repContorlsArray.push(pt6);
repContorlsArray.push(repert6);
repContorlsArray.push(pt7);
repContorlsArray.push(repert7);
repContorlsArray.push(pt8);
repContorlsArray.push(repert8);

var activeRepert:int = 1;

//ptr1.addEventListener(MouseEvent.MOUSE_DOWN, dragPtr);
this.stage.addEventListener(MouseEvent.MOUSE_UP, dropPtr);

__c0Y = repArray[_cursorIndex-1].y;
	__c1Y = 4.0*repArray[_cursorIndex].y - 3*repArray[_cursorIndex-1].y - repArray[_cursorIndex+1].y;
			
	repArray[_cursorIndex+2].x = __c0X + .5*(__c1X);
	repArray[_cursorIndex+2].y = __c0Y + .5*(__c1Y);
}
function dragPtr(e:MouseEvent):void
{
	
	activeRepert = 1;
	 
	e.currentTarget.startDrag();
}

Comments are closed.

A Face Cropper inspired from JibJab (FlashAS3)

Main Menu

mikeFeed!

Code makes us Free! Code should be Free!!