Flash制作实例教程:两点间随机折线效果

教程|随机

  效果如下:(用鼠标任意点击Flash动画)

点击这里下载源文件

  映象中以前还是菜鸟时看的一个闪电特效的模式,因为没有看过源文件,一直没去琢磨算法,今天数学课复习三角函数的时候突然想到了这个思路,于是就操起笔在本子上写了一下面的AS.

  回家打开Flash, 测试通过.

  源文件中有图解.:

 * 折线效果
 *
 * Code by 木頭(13tds.com)
 *
 * Flash 8.0 ActionScript 2.0
 *
***/
 Stage.scaleMode = "noScale";
 Stage.showMenu = false;
 
 import flash.geom.Point; //注册Point類,如果不用此类可以使用其它方式代替点的位置
 
var Flash:Function = function (A:Point, B:Point, Q:Number, P:Number) {
 
 _root.clear(); //清屏
 _root.moveTo(A.x, A.y); //移動到A點
 _root.lineStyle(1); //初始化綫條樣式
 
 len = Math.sqrt(Math.pow(B.x-A.x, 2)+Math.pow(B.y-A.y, 2)); //長度
 qlen = len/Q; //平均每段長度
 angle = Math.atan2(B.y-A.y, B.x-A.x); //弧度
 deg = angle*180/Math.PI; //角度
 
 for (i=1; i<Q; i++) {
  temp = {x:A.x+qlen*Math.cos(angle)*i, y:A.y+qlen*Math.sin(angle)*i}; //尋找第i點位置
  tempangle = (deg-90)*Math.PI/180; //垂綫的角度
  templen = P-random(P*2); //幅度(長度) P ~ -P
  lineTo(temp.x+Math.cos(tempangle)*templen, temp.y+Math.sin(tempangle)*templen); //移動到temp點
 }
 
 _root.lineTo(B.x, B.y); //到B點
 
};
 var A:Point = new Point(0, 0); //初始A點
 var B:Point = new Point(400, 300); //初始B點
 var C:Number = 2; //初始段數
 
 setInterval(Flash,50,A,B,10,25)

时间: 2024-11-01 20:35:07

Flash制作实例教程:两点间随机折线效果的相关文章

CSS网页制作实例教程:非常酷的日期效果

LearningjQuery.com的博客日志上的日期效果非常的酷,如下图: 其中文字的样式和垂直的年份就会告诉你这不是用图片来完成的.而且在标记语言中日期信息是是以文字出现的,就像通常的那样. 通过Firebug查看,代码非常简洁漂亮! 很明显每一个日期并没有各自的图片.它们都出自同一张图片(css sprites!),图片的不同地方被放置上了不同的内容:天.月和年.也许你会记得这和一年前Joost de Valk posted about 上的技术是一样的. 来看一下这张漂亮的图片: HTM

flash入门教程:Flash Sound实例教程

flash入门教程:Flash Sound实例教程 第1步 选择文件> "导入导入一个声音文件.找到声音文件并点击打开.的声音文件将被保存在图书馆. 第2步 单击第一帧的"图层1 "的时间表.选择窗口" >小组"声从顶部的菜单中. 第3步 在弹出窗口(声音)选择你的声音进口的声场.选择流中的同步字段.关闭弹出窗口. 第4步 到50帧的时间.请右击并选择插入帧. 第5步 选择控制" >测试影片从顶部的菜单中测试您的Flash影片.

flash教程:flash Shape实例教程

flash教程:flash Shape实例教程 第1步 选择文字工具在左边的工具箱.选择文本"大小" 48从顶部的菜单中,使文大.选择文本"风格"大胆以使案文厚. 第2步 请在工作区和写"你好" . 第3步 右击你刚才的文字写道小组,并选择"对齐从弹出式菜单. 第4步 在对齐框中选择"为舞台"按钮.然后点击"对齐水平中心"按钮和"垂直中心对齐"按钮.关闭对齐方块. 第5步 选择

用flash制作纸飞机滑翔天空的gif动画效果

  这一节我们主要来学习flash动画中的动作补间动画,来制作滑翔的纸飞机动画.大家一起来欣赏学习下吧! 工具/原料 电脑 flash软件 风景图片一张 纸飞机图片一张 说明:小编使用的是flash cs6软件. 滑翔纸飞机动画制作步奏: 1.小编使用的纸飞机素材图片是从网上下载下来的,当然网上下载的纸飞机是有背景的,因此小编用Photoshop将纸飞机的背景删除了,只保留了纸飞机,所以这里可以直接引用哦! 打开flash的软件,新建一个ActionScript 3.0的画布,如下图所示: 2.

Flash精彩实例教程:萤火虫特效

教程|特效 动画效果如下: 点击这里下载源文件 一.新建一FLASH文档,背景为黑色,大小800*600. 二. 1.按O使用"椭圆"工具,按住SHIFT拖动,在舞台上绘制一个无边框的圆. 2.打开"混色器",用"放射性"填充,如图: 三.选中该圆,按F8转化为元件,行为:影片剪辑,即把圆转化为MC,并命名为"虫". 四.选中主场景第1帧,打开动作面板,写上AS: for(i=1;i<=20;i++){//循环,20为要

photoshop设计一幅大鱼海棠动画片海报制作实例教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一幅大鱼海棠动画片海报制作的实例教程. 教程分享: 效果图:     1.先把素材中的背景拖进去,这个应该谁都懂.很多人说素材不好找,我也有同感,我说一下我个人找素材的一些小技巧:我平时喜欢看教程然后跟着合成,然后把每一个作品都创建比较好联想的名字的文件夹把素材放到里面去,再我再做合成的时候我会想那个画面会和我以前做的哪些作品相关,然后找到那些文件夹看有没有合适的素材,那里面有很多素材都是大神们精挑细选出来的,远比自己找的质量要好(你

Flash制作卫星围绕地球旋转的运动效果

旋转 基础入门教程!高手略过!(因为是基础教程所以不提供源码和演示效果了望理解!) 你是否想使用Flash制作出一颗人造卫星围绕地球旋转的圆周运动效果,其实这个过程很容易实现,下面就利用引导层功能来制作. 1. 首先,我们利用渐变色填充工具制作一个地球,然后画一个简单的图形作为卫星,在卫星的图片中要画一个天线,注意使天线始终指向地球的中心,如下图所示.并且把地球和卫星都保存为元件.分别命名为earth和star. 2. 把图层1改为"地球",选中第1帧,将地球图片放置在工作区中央,并在

flash的落叶制作实例教程

  主要是运用引导线和遮罩等知识完成,本实例效果就是在图片上看见树叶慢慢飘落的情景. 一:打开Flash MX软件,打开文档属性对话框,设置影片场景为默认大小,颜色无. 二:导人一张背景图片.执行"文件--导人"的命令,导入一张背景图,然后选择任意变形工具,适当调整图片的大小. 三:添加两个新图层.单击时间轴左下角的添加图层按钮,添加两个新图层,并将图层一命名为背景层. 四:树叶的制作. 1:新建一个图形元件.点插人--新建元件,名称为"a",行为"图形&

Flash AS3实例教程:快速制作烟雾动画

本例利用flash快速制作烟雾动画,主要利用AS3的类来实现.   首先我们在Photoshop中制作一个烟雾的照片,这里主要使用Photoshop的画笔来实现. 图1 图2 图3 之后我们导进到FLASH中来,然后转变为影片剪辑原件,命名为smokepuff.之后我们打开库,然后右击该元件,设置链接. 图4 然后编辑种别,代码如下. package com.asgamer.graphics { import flash.display.BlendMode; import flash.displ