如何实现Flash中背景变色

2024-08-21 17:32
文章标签 实现 flash 背景 变色

本文主要是介绍如何实现Flash中背景变色,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、元件的设计

1. 打开Flash 。新那这一个场景大小为255 px×255px,背景色为黑色。

2. 选择矩形工具 ,画一个覆盖整个画布的填充矩形,不要边框。

3. 选中刚刚画好的的那个矩形,然后按快捷键“F8”。在Symbol Properties面板里选择Movie Clip属性,并把命名为“矩形”。按快捷键“Ctrl + I”打开Instance面板,给矩形影片起名为mc。

4. 按快捷键"Ctrl+F8"打开“Symbol Properties”面板新建一个名为“点击变色”的Button符号。选中“Up”帧,按快捷键“T”选择文字工具后写下“点击模式”几个字。接着按快捷键“Ctrl + T”打开Character面板并进行的设置字的颜色为黄色。选中“Hit”帧后按下快捷键“F6”插入一个关键帧。接着选择矩形工具,画一个矩形把“Hit”帧里字覆盖住。

5. 按快捷键“Ctrl+L”打开库,右键单击库里的“点击变色”按钮,然后选择“Duplicate”命令。在弹出的Symbol Properties面板里给新的按钮命名为“移动变色”。接着把“移动变色”按钮里“点击”两个字改成“移动”,其它设置不变。


到此,所有的元件就设计好了。

二、背景层

1. 按快捷键“Ctrl+E”回到主场景。在主场景中双击“Layer 1”层并把该层的名字改为“背景”。

2. 右键单击“矩形”影片输入下面的代码:

onClipEvent (mouseMove) { //移动鼠标执行下面的代码

_root.r = _root._xmouse;

//把鼠标的当前位置的X坐标值附值给影片的红色参数

_root.b = _root._ymouse;

//把鼠标的当前位置的Y坐标值附值给影片的绿色参数

_root.g = _root._xmouse+_root._ymouse;

_root.mcColor(); //调用mcColor()函数,mcColor()函数在后面设计

}

3. 选择该层的第3帧按下“F6”键插入一个关键帧。右键单击第3帧中“矩形”影片,在弹出菜单中选择“Actions”命令,然后把语句onClipEvent 中的参数“mouseMove”换成“mouseDown”。

三、跳转层

1. 按“Insert Layer”按钮 新增一层并命令为“跳转”层。

2. 选中该层的第1帧,按快捷键“T”选择文字工具后在场景的左上角写下“请移动你的鼠标”几个字,字要小一点。把库中的“点击变色”按钮拖拽到场景的右下角。

3. 选中该层的第3帧按下“F6”键插入一个关键帧。接着把该帧左上角的文字换成“请点击你的鼠标”,再把右下角的“点击变色”按钮替换成“移动变色”。记住,它们之间的位置不能变化。

4. 右键单击“点击变色”按钮,输入下面的代码:

on (release) { //鼠标左键单击后松开

gotoAndStop ("label"); //跳转到“label”标签,“label”标签在后面设计

}

5. 右键单击“移动变色”按钮,输入下面的代码:

on (release) {

gotoAndStop (1);

}

四、代码层

1. 按“Insert Layer”按钮 新增一层并命令为“代码”层。

双击该层中的第1帧,输入下面的代码:

changeColor = new Color( mc ); //新建一个Color对象,mc为影片

r = 0; //初始化影片红色参数

g = 0; //初始化影片绿色参数

b = 0; //初始化影片蓝色参数

function mcColor () { //定义mcColor()函数

changeColor.setRGB(r << 16 | g << 8 | b);

//setRGB()函数是设置影片的颜色值

//“()”内把颜色合成,以便重新设置影片的颜色属性

}

stop ();

2. 选中该层的第3帧按下“F7”键插入一个关键帧,接着选择“Frame”面板,把该帧命令为“lable”。

为什么我们要使用标签而不让它跳转到第3帧呢,那是因为这样做方便控制——不管你把该帧拖到什么地方也不需要对代码进行改动了。

好了,效果到这里就完成了。图层,场景的最终。按快捷键“Ctrl+Enter”测试一下效果吧。我想现在你肯定有所得。

文章来源:老七下载

这篇关于如何实现Flash中背景变色的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1093818

相关文章

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

MySQL双主搭建+keepalived高可用的实现

《MySQL双主搭建+keepalived高可用的实现》本文主要介绍了MySQL双主搭建+keepalived高可用的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、测试环境准备二、主从搭建1.创建复制用户2.创建复制关系3.开启复制,确认复制是否成功4.同

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件(图片)的预览和下载 @ApiOperation("访问文件") @GetMapping("

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

opencv图像处理之指纹验证的实现

《opencv图像处理之指纹验证的实现》本文主要介绍了opencv图像处理之指纹验证的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录一、简介二、具体案例实现1. 图像显示函数2. 指纹验证函数3. 主函数4、运行结果三、总结一、