#计算长方形的周长和面积公式_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知识。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值