论坛首页 › A - 新手练习交流 › 五角星（多角星）

wgq341 发表于 2019-3-6 11:42:28

五角星（多角星）

效果：


代码：（运用for循环画多角星）
/***
* 多角星
* @param vertex 顶点 角的个数
* @param radius 半径
* @param color填充颜色
***/

//方法：
star(12);

function star(vertex:int=5,radius:int=100,color:uint=0xff0000)
{
        if (vertex>=2)
        {
                //初始点
                graphics.moveTo(radius,0);
                //填充颜色;
                graphics.beginFill(color);
                //for循环画线条 vertex*2需要经过的顶点数;
                for (var i:int = 1; i < vertex*2; i++)
                {
                        //半径
                        var radius2:Number = radius;
                        //求模，余数不等于0，这里其实就是奇、偶数的判断
                        if (i % 2 !=0)
                        {
                                //i为奇数的时候半径减半
                                radius2 = radius / 2;
                        }
                        //当前角度
                        var angle:Number = Math.PI * 2 / (vertex * 2) * i;
                        //点的坐标（通过角度与半径计算每一个顶点的坐标）
                        graphics.lineTo(Math.cos(angle) * radius2,Math.sin(angle) * radius2);
                }
                //结束画图
                this.graphics.endFill();
                //移动图形坐标;
                x = y = radius;
                //旋转图形
                //rotation = -90;
        }
}

TKCB 发表于 2019-3-6 11:52:39

http://www.11ria.com/forum.php?mod=viewthread&tid=1738
这个和你的很类似

TKCB 发表于 2019-3-6 12:44:03

【11RIA 闪客社区，评分公示】：
是否有价值：一般（银子 +10贡献 +1）
是否原创：是（金子 +1）
是否翻译：否
如对自己的评分有疑问，则咨询版主、管理员等。

雪原xy 发表于 2019-3-7 06:32:53

这个效果和我的差不多，但代码比我的简单！！点赞！！{:4_159:}

wgq341 发表于 2019-3-7 14:14:14

雪原xy 发表于 2019-3-7 06:32
这个效果和我的差不多，但代码比我的简单！！点赞！！

效果是你的，我只是优化了实现效果的方法。

雪原xy 发表于 2019-3-8 06:33:44

wgq341 发表于 2019-3-7 14:14
效果是你的，我只是优化了实现效果的方法。

支持！！！共同进步！#:lol

yymeme345 发表于 2020-12-17 18:45:31

本帖最后由 yymeme345 于 2021-1-18 23:21 编辑

好好学习 天天貼紙印刷向上

听雨轩 发表于 2021-1-3 10:15:34

学习#:)#:)

gongchangmudong 发表于 2021-2-6 01:28:40

好的，为什么不让我发帖子

勤奋的蜗牛 发表于 2021-3-2 03:42:06

学习了~

查看完整版本: 五角星（多角星）