`
hacker47
  • 浏览: 340490 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

AS3基础-放大镜

 
阅读更多

 

预览图片时,我们常常用到的放大镜效果:

 

 

 

package 
{
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Loader;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.Event;
import flash.filters.BlurFilter;
import flash.net.URLRequest;

/**
* 
* @author hacker47...
*/
public class Main extends MovieClip
{

		private var bitmap:Bitmap;
		private var bitmap2:Bitmap;
		private var shape:Sprite = new Sprite();
		private var loader:Loader;
		
		public function Main() {
			loader = new Loader();
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);
			loader.load(new URLRequest("assets/child.jpg"));
		}
		
		private function onLoadComplete(e:Event):void {
			bitmap = e.target.content as Bitmap;
			addChild(bitmap);

			initMap();
		}
		
		
		private function initMap() {
			
			var bitdata:BitmapData = bitmap.bitmapData;
			var bitdata2:BitmapData = bitdata.clone();
			bitmap.scaleX = bitmap.scaleY = 0.9;
			bitmap.x = stage.stageWidth / 2 - bitmap.width / 2;
			bitmap.y = stage.stageHeight / 2 - bitmap.height / 2;
			bitmap2 = new Bitmap(bitdata2);
			addChild(bitmap2);
			
			bitmap2.cacheAsBitmap = true;
			bitmap2.x = stage.stageWidth / 2 - bitmap2.width / 2;
			bitmap2.y = stage.stageHeight / 2 - bitmap2.height / 2;
			addMaskShap();
		
		}
		
		
		private function addMaskShap() {
			with (shape.graphics) {
				beginFill(0x000000);
				drawCircle(0, 0, 100);
				endFill();
			}
			
			addChild(shape);
			shape.buttonMode = true;
			shape.cacheAsBitmap = true;
			shape.filters = [new BlurFilter(5,5)];
			bitmap2.mask = shape;
			addEventListener(Event.ENTER_FRAME, enterFrame);
		}
		
		private function enterFrame(e:Event) {
			shape.x += (mouseX - shape.x) / 10;
			shape.y += (mouseY - shape.y) / 10;
		}
			
			
		}

} 

 

分享到:
评论

相关推荐

    flash放大镜效果

    在Flash AS2.0(ActionScript 2.0)中,实现放大镜效果主要涉及到以下几个关键知识点: 1. **遮罩层(Mask Layer)**:遮罩层是Flash中的一种特殊技术,用于隐藏或显示一个特定区域内底层内容。在放大镜效果中,...

    flash网站绝对精美放大镜源文件

    3. 图像处理:如何处理和优化图像以适应放大镜效果,包括裁剪、缩放和质量控制。 4. JavaScript与Flash的交互:如果源文件中有JavaScript部分,可以学习如何通过ExternalInterface或SWFObject等方法在Flash与...

    flash as3.0 实例

    3. **ActionScript基础语法**:包括变量声明(var)、数据类型(如Number、String、Boolean等)、运算符、流程控制(if语句、for循环、while循环等)以及函数的使用。 4. **显示列表**:在AS3.0中,舞台上的所有...

    canvas实现图像放大镜

    3. 加载图像,并在加载完成后初始化放大镜功能。 4. 监听鼠标移动事件,根据鼠标位置更新放大镜效果。 5. 使用`drawImage`方法绘制和截取图像。 6. 使用`getClip`和`windowToCanvas`等辅助函数来处理图形的绘制和...

    AS3.0算法大全

    3.【AS功能代码教程14】鱼眼放大镜和【AS功能代码教程11】图片转场效果,展示了AS3.0在视觉效果和图像处理方面的应用,这些功能对于提升用户界面的互动性和视觉冲击力至关重要。 4.【Flash基础理论课15】绚酷鼠标和...

    python+tkinter编写电脑桌面放大镜程序实例代码

    本篇文章将详细介绍如何使用Python和Tkinter来编写一个电脑桌面放大镜程序。 首先,我们需要了解Tkinter的基础知识。Tkinter是Python与Tk GUI工具包的接口,它是跨平台的,可以在Windows、Linux和macOS等操作系统上...

    AS3.0算法大全,非常有用。

    3. **鱼眼放大镜**:这是一种常见的视觉效果,通常用于图片浏览器或地图应用中。通过算法实现局部放大的效果,增强用户体验。 4. **贪吃蛇游戏制作**:这是一个经典的编程项目,涉及到游戏逻辑的设计、用户输入...

    使用纯javascript实现放大镜效果

    在本文中,我们将探讨如何使用纯JavaScript实现一个类似于京东或淘宝商品页面上的放大镜效果。首先,我们需要了解这个效果的基本原理:当用户将鼠标悬停在小图片上时,会在小图片旁边显示一个放大区域,实时反映出...

    photoshop cs2 cs3快捷键大全

    #### 基础操作类 - **F1**: 打开帮助文档。 - **F2**: 重命名当前文件或图层(在某些版本中可能不可用)。 - **F3**: 在某些情况下用于切换面板显示状态,但并非所有版本都支持此功能。 - **F4**: 关闭当前文档窗口...

    ActionScript 3.0 source code

    4. **AS_magnifying_source.zip**:此源代码可能涉及的是放大镜效果的实现。在网页或应用中,用户可能需要查看细节,这种效果可以提供一种增强视觉体验的方法。ActionScript 3.0的强大力量在于它可以处理复杂的图形...

    易学易懂的激光基础知识.zip

    AS_16360_TG_642506_CN_1014-3.pdf 文件可能包含了更详细的技术解释、激光器的类型、激光安全指南、实际应用案例等内容。这份资料全面覆盖了激光的基础知识,不仅理论阐述清晰,而且可能提供了丰富的图表和实例,...

    44b00开发板DIY 指南

    - **放大镜**:检查焊接点的质量。 **3. 器件准备** - **PCB板**:获取44b00开发板和JTAG调试板的PCB。在焊接前,确保PCB的设计无误且无制造缺陷。 - **所需元器件**:根据给定的清单准备好所有必需的元器件。这些...

    photoshop快捷键大全

    - **空格+Ctrl**:快速调出放大镜 - **空格+Ctrl+Alt**:变成缩小镜 - **将图像设置为Indexed Color模式**:适用于网页设计,文件更小,传输更快 - **使用Clouds滤镜时**: - 先按住Alt键:增加云彩的反差 - 先...

    PS学习必知的快捷键

    - 按空格键+Ctrl键可以快速调出放大镜,再加Alt键则变为缩小镜。 25. **设置索引色彩模式 (Indexed Color)** - 若要将图像用于网页上,可将图像模式设置为Indexed Color索引色彩模式,以达到文件小、传输快的优点...

    Zemax中文说明手册(至今最完整).pdf

    **课程3:牛顿望远镜(aNewtoniantelescope)** - **目的**:了解反射式望远镜的设计原理。 - **步骤**:搭建基础框架、优化镜片配置、校验系统性能等。 ##### 4. **课程4:带有非球面矫正器的施密特—卡塞格林...

Global site tag (gtag.js) - Google Analytics