processing：画有五角星绕圈的旗

老师布置了作业，选画一个国旗。
选了塔吉克斯坦共和国的国旗
效果如下：

代码：

//塔吉克斯坦共国旗
float x, y;//用来画宝石的数
void setup() {size(1000, 500);background(255, 255, 255);//国旗底色noStroke();fill(255, 255, 255);rect(0, 0, 1000, 500);fill(#cc0001);rect(0, 0, 1000, 145);fill(#006700);rect(0, 356, 1000, 145);//半圈星星//右四分之一fill(#f8d206);noStroke();//笔记：用radians()函数可将角度转化为弧度float r = 15;//五角星的外接圆的半径float l = 2*r*sin(radians(36));//五角星的外接五边形的边长float a = l/(2*sin(radians(54)));//五角星的边长for (int i=2; i<9; i++) {float theta = 2*PI*i/10;float x = sin(theta)*100+480;float y = cos(theta)*90+248;//radians()beginShape();vertex(x,y);//1vertex(x+a,y);//2vertex(x+a+a*sin(radians(18)),y-a*cos(radians(18)));//3vertex(x+a+2*a*sin(radians(18)),y);//4vertex(x+2*a+2*a*sin(radians(18)),y);//5vertex(x+2*a+2*a*sin(radians(18))-a*cos(radians(36)),y+a*sin(radians(36)));//6vertex(x+(2*a+2*a*sin(radians(18)))*sin(radians(54)),y+(2*a+2*a*sin(radians(18)))*cos(radians(54)));//7vertex(x+a*sin(radians(54))-a*sin(radians(27))+a*cos(radians(27)),y+a*cos(radians(54))-a*sin(radians(27))+a*cos(radians(27)));//8vertex(x+a*sin(radians(54))-a*sin(radians(27)),y+a*cos(radians(54))+a*cos(radians(27)));//9vertex(x+a*sin(radians(54)),y+a*cos(radians(54)));//10endShape(CLOSE);}//左四分之一//for (int i=2; i<9; i++) {//  float theta = 2*PI*i/10-;//  float x = sin(theta)*108+500;//  float y = cos(theta)*108+276;//  ellipse(x, y, 15.5, 15.5);//}//中间图腾//1noFill();stroke(#f8d206);strokeWeight(10.11);ellipse(500, 232.5, 40, 30.99);noFill();strokeWeight(8);line(500, 248, 500, 286.6);//皇冠底线strokeWeight(13);strokeCap(PROJECT);bezier(426, 334, 433.2, 330, 501.9, 315.1, 574.7, 334);//3皇冠顶fill(#f8d206);         noStroke();beginShape();vertex(401.3, 296.2);bezierVertex( 401.3, 296.2, 427.4, 325, 448, 288);bezierVertex( 480.4, 315.5, 491.6, 285.7, 500, 279.1);bezierVertex( 506.3, 283.4, 522.6, 315.2, 552, 287);bezierVertex( 565, 317.2, 589.6, 304, 598, 297);bezierVertex( 583.9, 334.4, 548, 310, 548.1, 303);bezierVertex( 524.9, 316.7, 506.8, 305.8, 500, 296.5);bezierVertex( 478.6, 320, 451.7, 306, 451.1, 303);     bezierVertex( 428.7, 333.8, 401, 308, 401.3, 296.2);endShape();
//控制点和坐标点是用PS标尺去测量钢笔工具的锚点的坐标点测出来的，一点一点地测量，目前还没有想到更好的办法去确定控制点的位置//宝石（有点想枫叶的形状）//初始化x,yx=439.5;y=315;//左边smooth();beginShape();vertex(x, y);vertex(x+7, y-2);vertex(x+11.5, y-9);vertex(x+19, y-3);vertex(x+27, y-3);vertex(x+22, y+3);vertex(x+5, y+5);endShape();//中间x+=48;y-=2;beginShape();vertex(x, y-3);vertex(x+7, y-3);vertex(x+12, y-8);vertex(x+19, y-3);vertex(x+27, y-3);vertex(x+22, y+2.5);vertex(x+5, y+2.5);endShape();右边x+=47;y+=2;beginShape();vertex(x, y-2);vertex(x+7, y-2);vertex(x+11.5, y-6);vertex(x+19, y-1);vertex(x+26, y+1);vertex(x+21, y+6);vertex(x+5, y+4);endShape();
}

画五角星的坐标参考：https://blog.csdn.net/weixin_43624626/article/details/106150822

如果有更好的办法和其他建议，欢迎分享~

processing作业：画有五角星绕圈的国旗（此例：塔吉克斯坦共和国国旗）相关推荐

用python画五角星中心颜色不同_画个五角星让它绕中心点旋转
李兴球Python画个五角星绕中心点旋转画一个五角星让它旋转起来,这在Python中有几个方案可选,这里提供一个不是用自定义形状的方案,以下是部分源代码, 其实关键的代码函数,也就是starpoin ...
WPF 绕圈进度条（一）
原文:WPF 绕圈进度条(一) 在设计界面时,有时会遇到进度条,本次讲解如何设计自定义的绕圈进度条,直接上代码: 1.控件界面 <UserControl x:Class="Progre ...
PS 逆时针绕圈文字
选择"椭圆工具" -> 选择"路径" 画出一个椭圆的路径来用鼠标的指针指向椭圆的一边,出现"波浪线"的符号来,输入你想要的文字选择 ...
利用html5画出五角星画出星空
利用html5画出五角星 (在慕课网学习<canvas>标签后代码总结) 五角星的格定点坐标该如何定位?原理图如下: 源代码: <!DOCTYPE HTML> <html ...
Ardupilot 绕圈模式分析
目录文章目录目录摘要 0序言 1.绕圈模式初始化 2.绕圈模式控制摘要本文主要记录ardupilot的绕圈模式的实现过程,欢迎批评指正,微信lxw15982962929 0序言绕圈模式: ...
数字绕圈算法 JS 实现
这是一道某公司的算法题,我们姑且称之为"数字绕圈算法". 题目:给定一个数字N,以此生成一个N^2的二维矩阵,以某个方向为基准从1开始填充数字.假设数字5那么开始绕圈,最终的结果显 ...
遍历二维数组（从外向内绕圈）
遍历一个二维数组(从外向内绕圈) //没有注释,但能很轻松看懂比如数组 1 2 3 4 5 6 7 8 9 输出结果为1 2 3 6 9 8 7 4 5 #include <stdio.h&g ...
iOS开发-ios7样式绕圈活动指示器(自定义Activity Indicator View)
...说实在, 系统自带的Activity Indicator View实在是太难看了,就一菊花. 参考了他人项目后,仿照做了个绕圈的活动指示器(Activity Indicator View). 效 ...
轨迹绕圈算法_基于三次B样条曲线拟合的智能车轨迹跟踪算法
收稿日期:2017-10-30; 修回日期:2017-12-10; 录用日期:2017-12-19. 基金项目: 国家自然科学基金资助项目( 91420202,61372088) . 作者简介: 张永 ...

processing作业：画有五角星绕圈的国旗（此例：塔吉克斯坦共和国国旗）

processing：画有五角星绕圈的旗

processing作业：画有五角星绕圈的国旗（此例：塔吉克斯坦共和国国旗）相关推荐

最新文章

热门文章