最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

Flash8像素溶解功能的练习心得

日期:08-06    来源:中国设计秀    作者:cnwebshow.com

今晚练习了BitmapData类的pixelDissolve方法,该方法能够实现图像的像素溶解功能。我做的效果在这里:Z9B中国设计秀
 Z9B中国设计秀

Z9B中国设计秀

 Z9B中国设计秀

  第一次在网上初见flash完成这个效果时,我简直不敢相信,flash能够做到这样,记得当初刚学flash时,古兄做过一个类似的效果,真的是好麻烦,现在一步一步的学flash8的新特性,发现一切都变的那么简单Z9B中国设计秀

  不多说了,开始。Z9B中国设计秀

  这个效果用到了BitmapData类的pixelDissolve方法,因为是图片溶解,所以还用到了BitmapData类的loadBitmap方法。Z9B中国设计秀

  思路是:1:先用loadBitmap加载库中带有链接标识符的图片,注意用loadBitmap方法时,代码必须这样写:myBitmapData:BitmapData = BitmapData.loadBitmap(linkID:Sting);并创建副本,以便能够循环溶解图像。Z9B中国设计秀

    2:创建一个自定义函数,定义pixelDissolve的溶解方式,后面有代码解释。Z9B中国设计秀

    3:自己编写溶解的具体方式,下面是我写的代码,有详细的解释,希望大家能看得懂Z9B中国设计秀

    4:有一个小技巧,设定图片的总像素值,这样就可以及时停止循环,减轻cpu的负担,而图片的像素值其实等于图片的长乘以宽。Z9B中国设计秀

  代码要求:库中有两张以上图片,都有标识符。图片最好大小一样。代码看起来虽然很长,但是都是基础、简单的东西。Z9B中国设计秀

file://by 关 Z9B中国设计秀
import flash.display.*; Z9B中国设计秀
import flash.geom.*; Z9B中国设计秀
file://设置奇数、偶数判断,在后面用到,主要是用来循环图片演示。 Z9B中国设计秀
var bofang:Boolean = true; Z9B中国设计秀
file://设置三个BitmapData对象,其中bit1、bit2是调用库中位图,bit3是bit1的副本,bit1的变化不影响bit3; Z9B中国设计秀
var bit1:BitmapData = BitmapData.loadBitmap("id1"); Z9B中国设计秀
var bit2:BitmapData = BitmapData.loadBitmap("id2"); Z9B中国设计秀
var bit3:BitmapData = bit1.clone(); Z9B中国设计秀
file://创建一个mc来让bit1的图像显示出来。 Z9B中国设计秀
var mc1:MovieClip = this.createEmptyMovieClip("mc", this.getNextHighestDepth()); Z9B中国设计秀
mc1.attachBitmap(bit1, this.getNextHighestDepth()); Z9B中国设计秀
file://自定义一个函数,其实就是BitmapData的像素溶解功能。 Z9B中国设计秀
file://function 融化(像素溶解的随机种子,被溶解的对象,目标来源,初始溶解像素,最大溶解像素){} Z9B中国设计秀
function ronghua(randomNum:Number, duixiang:BitmapData, mubiao:BitmapData, minnum:Number, maxnum:Number) { Z9B中国设计秀
 duixiang.pixelDissolve(mubiao, mubiao.rectangle, new Point(0, 0), randomNum, minnum); Z9B中国设计秀
 if (minnum>maxnum) { Z9B中国设计秀
  file://当基础溶解像素的数目大于一个图像的整体像素时,删除逐帧调用。 Z9B中国设计秀
  file://trace("ok"); Z9B中国设计秀
  delete this.onEnterFrame; Z9B中国设计秀
 } Z9B中国设计秀
} Z9B中国设计秀
file://图像被按下按钮时的函数 Z9B中国设计秀
mc1.onPress = function() { Z9B中国设计秀
 file://基础溶解值为400; Z9B中国设计秀
 var minnum:Number = 400; Z9B中国设计秀
 file://图像最大像素值等于它的高乘以宽。 Z9B中国设计秀
 var maxnum:Number = this._height*this._width; Z9B中国设计秀
 file://设置随机溶解的种子值为9以内数字。 Z9B中国设计秀
 var randomNum:Number = Math.floor(Math.random()*10); Z9B中国设计秀
 file://如果是第一次按下按钮,bofang=true; Z9B中国设计秀
 if (bofang) { Z9B中国设计秀
  file://逐帧调用,基础溶解值不断增加,调用自定义函数,图像被溶解成第二张图像,溶解完毕后,自动停止 Z9B中国设计秀
  onEnterFrame = function () { Z9B中国设计秀
   minnum += 200; Z9B中国设计秀
   ronghua(randomNum, bit1, bit2, minnum, maxnum); Z9B中国设计秀
  };//开始允许第二次溶解,bofang=false; Z9B中国设计秀
  bofang = !bofang; Z9B中国设计秀
 } else {//基础溶解像素回到0, Z9B中国设计秀
  minnum = 0; Z9B中国设计秀
  onEnterFrame = function () {//同上,这里溶解时,就用到了bit1的副本bit3。 Z9B中国设计秀
   minnum += 200; Z9B中国设计秀
   ronghua(randomNum, bit1, bit3, minnum, maxnum); Z9B中国设计秀
  }; Z9B中国设计秀
  bofang = !bofang; Z9B中国设计秀
 } Z9B中国设计秀
};  Z9B中国设计秀