flash与位图:描绘一个米兔
? ?今天闲了一下,看了小米的沟通会。突然想起前几天写的东西。其实就是几行代码,我一直想找一条很细的线,没想到发现了lineStyle 的最小值可以设置0.1.这样子就可以达到很极细的线。过去没有懂的东西,有时候会随时间线慢慢懂。然后又发现之前写的东西有时候忘记,连自己当时为什么会这样写都忘记了。真是好记性不如烂笔头。 ? ? 下面有三张不同的米兔位图,这三个米兔是依赖右边的图像通过位图获取相应的像素,用描点的手法一个个点来画上去,具体一点就是把图形放大,但要带点艺术一点味道。描点时候每一个点带有随机性。所以调整了不同的参数就对应下面三张不同的成像效果。 ? ? 具体手法大概是这样; 1.普通填充颜色 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2颜色填充圆形大小不一样 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3颜色填充透明度也不一样。 ? ?? 1.下面看一下是怎样设计 1.创建一个文档,帧数为30,舞台大小1366x769 2.在网上下载一张米兔的图片,并导入到flash 当中 按ctrl+L 打开,并将其链接类:命为backBg(注意:这里应该是按规范类应该是大小,所以在下面可以修改一下 ) 3.打开F9 进行编码? import flash.events.MouseEvent; import flash.display.Bitmap; import flash.display.Shape; import flash.filters.GlowFilter; import flash.geom.Point; var pen:Shape = new Shape(); addChild(pen); var drawPen:Shape = new Shape(); addChild(drawPen); var bitmap:Bitmap = new Bitmap(); bitmap.bitmapData = new backBG(0,0); addChildAt(bitmap,0); bitmap.x = 1366 / 2 + 100; bitmap.y = 300; addEventListener(Event.ENTER_FRAME,onRun); var startX:int = 300; var startY:int = 200; drawPen.graphics.moveTo(startX,startY); function onRun(event:Event):void { var w:Number = Math.random() * bitmap.width; var h:Number = Math.random() * bitmap.height; var rgb:uint = bitmap.bitmapData.getPixel(w,h); pen.graphics.clear(); pen.graphics.lineStyle(0.1,rgb); pen.graphics.moveTo(bitmap.x+w,bitmap.y+h); //随机画; //drawPen.graphics.lineStyle(0.1,rgb); var targetX:Number = startX+w*2 var targetY:Number = startY+h*2; drawPen.graphics.beginFill(rgb,Math.random()); drawPen.graphics.drawCircle(targetX,targetY,Math.random()*5); drawPen.graphics.endFill(); pen.graphics.lineTo(targetX,targetY); } //生成对应的点; 编译代码 等待一段时间即可生成一个米兔。简单的程序这里运用的手法依旧是位图获取像素点的手法。用它来做出其他不一样的效果。 位图和绘图API结合是可以创造出很多不一样的艺术。相信有兴趣的人 可以将想法融入到程序艺术当中。你会发现很多惊喜。 去除了动画的效果,改用下面的代码,则会对每一个点进行描绘。效果就相当于直接放大2倍那样子。不妨可以试试。 for (var i:int =0; i<bitmap.width; i++) { for (var j:int =0; j<bitmap.height; j++) { var rgb:uint = bitmap.bitmapData.getPixel(j,i); var targetX:Number = startX + j * 2; var targetY:Number = startY +i * 2; drawPen.graphics.beginFill(rgb,Math.random()); drawPen.graphics.drawCircle(targetX,Math.random()*4); //drawPen.graphics.drawRect(targetX,5,10); drawPen.graphics.endFill(); //drawPen.graphics.lineTo(targetX,targetY); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |