Information Home Sample Galleries Getting Started Documentation License Media Download Perforce Depot Support Mailing Lists Discussion Forums Contributing to AMG Other Adobe Projects Adobe ASL Adobe GIL Adobe XMP Adobe Labs Tamarin Project

KeyHole.as Go to the documentation of this file. /****************************************************** ** Copyright 2005-2006 Adobe Systems Incorporated ** Distributed under the MIT License (see accompanying file LICENSE_1_0_0.txt ** or a copy at http://opensource.adobe.com/licenses.html) ** ** This is a sample class showing how 2D drawing ** can be used to create custom SMTPE-type transitions ** like the ever-popular key-hole effect ;) ** What would really be impressive is for someone to do ** 'Kiki wipes' with this... ********************************************************/ import mx.transitions.Transition; import mx.transitions.TransitionManager; class amg.transitions.KeyHole extends Transition { public var type:Object = KeyHole; public var className:String = "KeyHole"; private var _mask:MovieClip; private var _startPoint:Number = 5; private var _cornerMode:Boolean; private var _shape:String = "SQUARE"; private var _maxDimension:Number; private var _minDimension:Number; private var _renderShape:Function; function KeyHole (content:MovieClip, transParams:Object, manager:TransitionManager) { this.init (content, transParams, manager); }; function init (content:MovieClip, transParams:Object, manager:TransitionManager):Void { super.init (content, transParams, manager); if (transParams.startPoint) this._startPoint = transParams.startPoint; if (transParams.shape!=undefined) this._shape = transParams.shape; this._maxDimension = Math.max (this._width, this._height); this._minDimension = Math.min (this._width, this._height); this._render = this._renderKeyHole; this._initMask(); }; function start ():Void { this._content.setMask (this._mask); super.start(); } function cleanUp ():Void { this._mask.removeMovieClip(); super.cleanUp(); } private function _initMask ():Void { var container:MovieClip = this._content; var depth:Number = this.getNextHighestDepthMC (container); var mask:MovieClip = this._mask = container.createEmptyMovieClip ("__mask_Iris_"+this.direction, depth); //mask._alpha = 30; mask._visible = false; var ib:Object = this._innerBounds; switch (this._startPoint) { case 1: // top left mask._x = ib.xMin; mask._y = ib.yMin; break; case 4: // left mask._x = ib.xMin; mask._y = (ib.yMin + ib.yMax) * .5; break; case 3: // top right mask._rotation = 90; mask._x = ib.xMax; mask._y = ib.yMin; break; case 2: // top center mask._rotation = 90; mask._x = (ib.xMin + ib.xMax) * .5; mask._y = ib.yMin; break; case 9: // bottom right mask._rotation = 180; mask._x = ib.xMax; mask._y = ib.yMax; break; case 6: // right mask._rotation = 180; mask._x = ib.xMax; mask._y = (ib.yMin + ib.yMax) * .5; break; case 7: // bottom left mask._rotation = -90; mask._x = ib.xMin; mask._y = ib.yMax; break; case 8: // bottom center mask._rotation = -90; mask._x = (ib.xMin + ib.xMax) * .5; mask._y = ib.yMax; break; case 5: // center mask._x = (ib.xMin + ib.xMax) * .5; mask._y = (ib.yMin + ib.yMax) * .5; break; default: break; } } // stub--dynamically overwritten by one of the other render methods private function _render (p:Number):Void {} private function _renderKeyHole (p:Number):Void { var mask:MovieClip = this._mask; mask.clear(); mask.beginFill (0xFF0000); var maxRadius:Number = .5 * Math.sqrt (this._width*this._width + this._height*this._height); this.drawKeyhole (mask, 0, 0, p*maxRadius); mask.endFill(); } private function drawKeyhole (mc:MovieClip, x:Number, y:Number, r:Number):Void { mc.lineStyle(1, 0x000000); mc.beginFill(0x000000); mc.moveTo (x-(r*.5),y); mc.lineTo(x-(r*.5),y+r*2); mc.lineTo(x+(r*.5),y+r*2); mc.lineTo(x+(r*.5),y); mc.lineTo(x-(r*.5),y); mc.endFill(); mc.beginFill(0x000000); mc.moveTo (x+r, y); mc.curveTo (r+x, Math.tan(Math.PI/8)*r+y, Math.sin(Math.PI/4)*r+x, Math.sin(Math.PI/4)*r+y); mc.curveTo (r+x, Math.tan(Math.PI/8)*r+y, Math.sin(Math.PI/4)*r+x, Math.sin(Math.PI/4)*r+y); mc.curveTo (Math.tan(Math.PI/8)*r+x, r+y, x, r+y); mc.curveTo (-Math.tan(Math.PI/8)*r+x, r+y, -Math.sin(Math.PI/4)*r+x, Math.sin(Math.PI/4)*r+y); mc.curveTo (-r+x, Math.tan(Math.PI/8)*r+y, -r+x, y); mc.curveTo (-r+x, -Math.tan(Math.PI/8)*r+y, -Math.sin(Math.PI/4)*r+x, -Math.sin(Math.PI/4)*r+y); mc.curveTo (-Math.tan(Math.PI/8)*r+x, -r+y, x, -r+y); mc.curveTo (Math.tan(Math.PI/8)*r+x, -r+y, Math.sin(Math.PI/4)*r+x, -Math.sin(Math.PI/4)*r+y); mc.curveTo (r+x, -Math.tan(Math.PI/8)*r+y, r+x, y); mc.endFill(); } private function _renderCircle (p:Number):Void { var mask:MovieClip = this._mask; mask.clear(); mask.beginFill (0xFF0000); if (this._startPoint == 5) { // iris from center var maxRadius:Number = .5 * Math.sqrt (this._width*this._width + this._height*this._height); this.drawCircle (mask, 0, 0, p*maxRadius); } else { if (this._cornerMode) { // iris from corner var maxRadius:Number = Math.sqrt (this._width*this._width + this._height*this._height); this._drawQuarterCircle (mask, p*maxRadius); } else { // iris from edge if (this._startPoint == 4 || this._startPoint == 6) { // half-circle from left or right edge var maxRadius:Number = Math.sqrt (this._width*this._width + .25*this._height*this._height); } else if (this._startPoint == 2 || this._startPoint == 8) { // half-circle from top or bottom edge var maxRadius:Number = Math.sqrt (.25*this._width*this._width + this._height*this._height); } this._drawHalfCircle (mask, p*maxRadius); } } mask.endFill(); } private function _drawQuarterCircle (mc:MovieClip, r:Number):Void { var x=0, y=0; mc.lineTo (r, 0); mc.curveTo (r+x, Math.tan(Math.PI/8)*r+y, Math.sin(Math.PI/4)*r+x, Math.sin(Math.PI/4)*r+y); mc.curveTo (Math.tan(Math.PI/8)*r+x, r+y, x, r+y); } private function _drawHalfCircle (mc:MovieClip, r:Number):Void { var x=0, y=0; mc.lineTo (0, -r); mc.curveTo (Math.tan(Math.PI/8)*r+x, -r+y, Math.sin(Math.PI/4)*r+x, -Math.sin(Math.PI/4)*r+y); mc.curveTo (r+x, -Math.tan(Math.PI/8)*r+y, r+x, y); mc.curveTo (r+x, Math.tan(Math.PI/8)*r+y, Math.sin(Math.PI/4)*r+x, Math.sin(Math.PI/4)*r+y); mc.curveTo (Math.tan(Math.PI/8)*r+x, r+y, x, r+y); mc.lineTo (0, 0); } //this._maxDimension = Math.max (this._width, this._height); private function _renderSquareEdge (p:Number):Void { var mask = this._mask; mask.clear(); mask.beginFill (0xFF0000); var s = this._startPoint; var w = p*this._width; var h = p*this._height; var z = p*this._maxDimension; if(s == 4 || s == 6){ this.drawBox (mask, 0, -.5*h, w, h); }else if(this._height < this._width){ this.drawBox (mask, 0, -.5*z, h, w); }else{ this.drawBox (mask, 0, -.5*z, z, z); } mask.endFill(); } private function _renderSquareCorner (p:Number):Void { var mask = this._mask; mask.clear(); mask.beginFill (0xFF0000); var s = this._startPoint; var w = p*this._width; var h = p*this._height; if (s == 5) { this.drawBox (mask, -.5*w, -.5*h, w, h); }else if(s == 3 || s == 7){ this.drawBox (mask, 0, 0, h, w); } else { this.drawBox (mask, 0, 0, w, h); } mask.endFill(); } }

• Company | 
• Online Privacy Policy | 
• Terms of Use | 
• Contact Us | 
• Accessibility | 
• Report Piracy | 
• Permissions & Trademarks | 
• Product License Agreements | 
• Send Feedback

Copyright © 2006 Adobe Systems Incorporated.

Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy.