网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Flash
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.Flash AS入门教程第六课:文本与.
.Flash鼠绘入门实例教程:卡通风景.
.Flash ActionScript3中的Loading.
.网页中插入透明Flash的方法和技巧.
.Flash AS代码简单实现动态文本包.
.我的世界杯:FLASH制作滚动足球动.
.用Flash AS编写蝌蚪摆尾特效动画.
.Flash动画制作过程概述及时间控制.
.Flash也能玩鼠绘—清新国画荷花.
.创建一个Flash站点的十大技巧.
.Flash入门应该了解的重要概念.
.在Flash动态文本框中加载HTML格式.
.这些技巧必知:创建Flash站点十大.
.Flash新手入门教程:水晶按钮制作.
.Flash与后台编码兼容性问题的解决.
.Adobe发布Flash Player 10英文版.
.Flash AS入门教程第七课:影片剪.
.Flash Actionscript知识:从AS2到.
.Flash动态缓冲图片导航制作详解.
.Flash教程:AS制作美丽爱心效果动.

Flash教程:用AS3代码实现鼠标跟随喷枪涂鸦效果(1)

发表日期:2008-11-23


效果演示:(请用鼠标在墙上移动看效果)

改变喷枪的颜色,密度和尺寸看看效果会发生什么变化

译正文前,先说明这是AS3文档,如果是AS2文档将不会有要用到的两个组件。(译者)

进入这个教程,你将看到怎样用flash创建一个喷枪效果。你可以试一下上面的影片看它如何实现的。

改变喷枪的颜色,密度和尺寸看看效果会发生什么变化,让我们马上开始吧。

设置环境

1.创建一个新的大小为400x400的文档。
2.导入一张图片到舞台上。调整图片大小为400x300.
3.使图片的位置在左上角。(相对于舞台左对齐,上对齐。译者注)。
4.将图片转换为MC,为它取名为:"imageMC",将注册点调到图片中心。
5.图片实例名称设为:"drawingArea".
6.打开你的组件库(Ctrl+f7),拖一个Slider组件舞台上。把它放到你喜欢的位置。
7.给这个Slider组件取一个实例名称"sizeSlider". 添加下面的设置。

Flash教程:用AS3代码实现鼠标跟随喷枪涂鸦效果

8.拖另一个slider组件到舞台。

9.给它取一个实例名称:"densitySlider". 添加如下设置。

Flash教程:用AS3代码实现鼠标跟随喷枪涂鸦效果

10.拖一个color picker 组件到舞始,给它取一个实例名称: "myColorPicker".

进入 Actionscript

11.打开动作面板输入下列代码:
/*我们需要创建一个BitmapData对象以便以一个像素图形对象工作。我们希望wallCanvas一开始时是透明的,这就是为什么我们用0x00ffffff值作参数。*/
var wallCanvas:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight - 100,true, 0x00ffffff);
//创建一个归类于 BitmapData对象的位图对象。
var bitmap:Bitmap = new Bitmap(wallCanvas);
//在舞台上添加一个位图
addChild (bitmap);
//监听墙上的鼠标点下事件
drawingArea.addEventListener (MouseEvent.MOUSE_DOWN, mouseDownHandler);
//监听整个舞台上的鼠标放开事件
stage.addEventListener (MouseEvent.MOUSE_UP, mouseUpHandler);
//喷枪的颜色
var color:uint;
//喷枪的最大半径
var maxRadius:Number;
//喷枪的密度
var density:Number;
//当鼠标在墙上点下时调用
function mouseDownHandler (event:MouseEvent):void {
//增加EVENT_FRAME 这样我们可以在每一帧绘制
addEventListener (Event.ENTER_FRAME, onEnterFrame);
}
//当鼠标放开时调用
function mouseUpHandler (event:MouseEvent):void {
//如果鼠标放开时(没有绘制),我们就不需要EVENT_FRAME了
removeEventListener (Event.ENTER_FRAME, onEnterFrame);
}
//这个函数负责整个绘制过程
function onEnterFrame (event:Event):void {
//从sizeSlider中获得尺寸
maxRadius = sizeSlider.value;
/*从myColorPicker.中获得颜色,当我们绘制时(我们循环绘制像素)我们使用0xff000000创建像素的颜色。*/
color = myColorPicker.selectedColor + 0xff000000;
//从densitySlider中获得密度
density = densitySlider.value;
/*这个密度定义了我们循环了多少次,换言之,在每一帧绘制了多少像素*/
for (var i:int = 0; i < density; i++) {
//计算一个随机角度
var angle:Number = Math.random() * Math.PI * 2;
//计算一个被画的像素的随机半径
var radius:Number = Math.random() * maxRadius;
//计算x和y的位置
var xPos:Number = mouseX + Math.cos(angle) * radius;
var yPos:Number = mouseY + Math.sin(angle) * radius;
//画像素
wallCanvas.setPixel32 (xPos, yPos, color);
}
}
你已经完成了,如果有什么问题,请访问论坛。快乐的一天!

下面给出本例的代码,朋友们可以研究下

文章分页 [1] [2]
上一篇:Flash教程:用AS3代码制作躲避碰撞的盒子 人气:573
下一篇:Flash教程:AS 3.0代码实现甲虫跟随鼠标 人气:654
浏览全部Flash的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐