#计算长方形的周长和面积公式_Animate如何制作动态计算长方形面积及周长

2a7274a003ba75746fefdb3e767f4fa0.png

前面讲了如何制作一个动态计算三角形面积的小程序,这里再讲一下如何制作一个动态计算长方形面积及周长的小程序。

Animate如何制作动态计算三角形面积的程序(1)-百度经验​jingyan.baidu.com Animate如何制作动态计算三角形面积的程序(3)-百度经验​jingyan.baidu.com

适用软件:Animate CC 2018软件

制作步骤:
1.打开软件,新建一个Actionscript3.0文档,在工作栏找到椭圆工具

25b498d9eadef63720236a7b6568c4bc.png

a9b2d730d1a8ab2b828f4e01aa97f41e.png

2.设置好填充色,并去掉描边颜色

58aedfaea850403b1626ccaaad57afd3.png

f5b1b5a6fdb72bd059bca32e54be7acd.png

3.按下键盘上的shift键后,在舞台拖动鼠标绘制如图所示的圆形

1805605405c7db63026842f94ad5bf00.png

4.选择圆形,右键选择转换为元件,或者使用快捷键f8转换为影片剪辑,注意注册点要在中心位置

bfceb4343db0f2648d1296eaa8c82c00.png

c666b785f5bfc02c64dff0189d2f4d1c.png

5.现在需要复制出另外三个圆形元件,并组成长方形的四个顶点,如图

2b4e2179df01e84be9a8b67e1a27ed83.png

6.依次设置四个影片剪辑元件的实例名为p0,p1,p2,p3

f44e7a99eda2ddc72a264505ae705db0.png

7.现在在主时间轴编写代码如图,用于绘制线条:

3bf22b2e2477e41c2dc83f7b8bea8792.png

8.接下来给四个圆形元件添加拖动方法:

eda56ed7e9aa38622ff618cfd3ffa378.png

9.如图所示的DrawRect()方法用于绘制依次经过四个元件的线条。

427261b4693c80ed013be39b090fc898.png

10.现在定义鼠标按下和弹起的方法,如图所示

eb6f7b21bd2a5a0aed3841550cf611a2.png

11.这里用帧频方法完成鼠标按下并拖动的效果

88fc44e1fcafa8a661f96137b7141aa3.png

12.再添加代码用于绘制线条,使用Sprite类的graphics方法,如图

d655ffa1f76586b42fe6264d1d874b07.png

13.现在运行后,可以拖动四个元件,然后会出现实时的线条连接四个元件

deca43c84099abf826d20163094a9481.png

14.这里需要的是长方形,所以要对拖动进行一定的限制,添加代码如图所示

763c8237a110a97c141212872306f400.png

15.现在不管如何拖动元件,都会保持长方形

4a9d6ea7380d502e51925e4a7dfbafa7.png

16.现在添加四个动态文本到舞台上,如图所示

36be6672e46288a78c3f82e53c87ae80.png

17.依次设置这四个动态文本框的实例名为txt0,txt1,txt2,txt3

b30db38e055fbfc35eb50d931c585ff8.png

e3d2b70706fb08cd9789ff35b353e27f.png

0b13353c2bb9dd79d4496959dfe32d35.png

625f4ab97bf164e1cd32e2cf98d9fa26.png

18.继续添加静态文本到舞台上标记每个动态文本显示数值是什么参数

e450a2b3dc47bf5055d3c68e423ac52f.png

19.最后对代码进行调整,添加距离计算及周长面积计算部分,最后如图

e3862c85002337844e78f32aad2b6f1b.png

20.这样就可以实时显示新得到的长方形的长、宽、周长以及面积了

a7ea3518a15b4495a8875462390403fc.png

如果有相关的FLASH或者Animate操作及代码方面的问题可以私信或留言,尽力解答!

如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值