您的位置:首页 > 其它

互动媒体技术非自画像

2020-01-12 15:42 330 查看

最近,作为风靡全球的游戏之一CSGO的赛事Blast pro哥本哈根站已经落下帷幕,其中 ,FaZe众神归位,击败了NiP夺得了哥本哈根站的冠军,此次赛事中,NiKo拿到了HLTV颁发的BLAST Pro哥本哈根站“最有价值选手”(MVP)称号。这位枪男指挥带领FaZe的新阵容赢下了这次BLAST Pro哥本哈根站,在整场赛事中他的平均rating高达1.33,仅仅在面对Liquid的时候低于1。

显而易见,NiKo是FaZe能在小组赛取得四连胜的最大功臣,在这四场比赛中他的平均rating达到了可怕的1.60,这也帮助FaZe顺利晋级决赛。尽管在决赛的发挥没有之前那么出色,但他的rating依旧是整个赛事第二高,队内排名第一。
NiKo今年的第二个MVP奖章
总体而言,这位22岁年轻选手的各方面数据都很出色,ADR(92.8)排名第五,平均每局击杀数(0.84)排名第三,平均每局助攻(0.18)排名第四,以及赛事最高KAST(78%)。

该奖项是NiKo的第六个MVP,也是他在2019年的第二个MVP。他们的上一个冠军是BLAST Pro迈阿密站,在FaZe的夺冠之路上,他依旧是那个领头人。

我最心爱的选手终于时隔长久拿到了一次大型赛事的冠军,所以我的自画像的对象改成了NiKo。
在开始这样作业之前,受到其他同学的启发,设置了一个工具类方便使用。

///工具函数,便于读取坐标
function tools(){
for(var i=10;i<500;i=i+10){
stroke(250,170,240,100);
line(0,i,500,i);
line(i,0,i,500);
}

fill(0,0,0);
text(mouseY,mouseX+25,mouseY);
text(mouseX,mouseX,mouseY);
}

在制作自画像的过程中遇到了无法用简单形状组成的形状,于是当场学习了一下贝塞尔曲线,虽然还是用的不伦不类的但好在需要用到的地方不多。
完整代码如下

let s ='NiKo Rekt All PROs!!!';
function setup() {
createCanvas(500, 500);
rectMode(CENTER);

}

function draw() {
smooth();
noStroke();
background(	60	);
me();
//tools();
if(mouseIsPressed){

textStyle(BOLD);
textSize(15);
fill(195,0,0)
text( s , 330,40);

}
}

function me(){

fill(248,197,183);//头
circle(250,170,135);
rect(250,130,140,90,40);
circle(193,155,50);//耳朵
circle(307,155,50);
arc(250, 115, 137, 130, PI, 2*PI , CHORD);

fill(	139,90,43);//发型
rect(250,60,120,42,20);
triangle(190,53,181,107,204,76);
triangle(310,53,319,107,296,76);
triangle(204,38,302,25,312,56);

fill(139,69,19);//眉毛
quad(198,115,240,125,240,130,191,125);
quad(302,115,260,125,260,130,309,125);

stroke(0);//眼睛
fill(255);
beginShape();//左眼球
vertex(196,140);
bezierVertex(205,130,218,133,230,141);
endShape();
beginShape();
vertex(196,140);
bezierVertex(205,150,218,150,230,141);
endShape();

beginShape();//右眼球
vertex(303,140);
bezierVertex(294,130,281,133,269,141);
endShape();
beginShape();
vertex(303,140);
bezierVertex(294,150,281,150,269,141);
endShape();

fill(16,78,139);
circle(213,140,12);
circle(287,140,12);
noStroke();
fill(0);
circle(213,140,4);
circle(287,140,4);

stroke(90);//鼻子
line(241,133,239,165);
line(257,133,259,165);
noFill();
beginShape();
vertex(239,165);
bezierVertex(218,180,240,185,239,186);
endShape();
noFill();
beginShape();
vertex(258,165);
bezierVertex(282,180,260,185,258,186)
endShape();
beginShape();
vertex(237,182);
bezierVertex(238,192,260,192,259,182);
endShape();

stroke(90);//嘴巴
fill(235);
beginShape();
vertex(222,200);
bezierVertex(240,213,260,213,278,200)
endShape();
line(222,200,278,200);
line(240,205,262,204);

noStroke();//衣服
fill(178,34,34);
quad(250,237,150,250,160,420,250,420);
quad(250,237,350,250,340,420,250,420);
fill(248,197,183);
quad(250,237,213,241,250,257,287,241);
fill(178,34,34);
triangle(150,250,130,297,160,310);
triangle(350,250,370,297,340,310);
fill(248,197,183);
triangle(137,300,155,305,156,350);
triangle(363,300,345,305,344,350);

fill(0);//FaZe LOGO
quad(190,280,310,280,295,295,205,295);
rect(250,310,20,50);
quad(213,301,228,316,241,316,241,301);
rect(268,321,20,15);
triangle(278,313,293,313,278,328);
triangle(240,334,240,354,268,325);

fill(0);//脚
circle(220,480,40);
circle(280,480,40);
rect(220,450,40,60);
rect(280,450,40,60);

}
///工具函数,便于读取坐标
function tools(){
for(var i=10;i<500;i=i+10){
stroke(250,170,240,100);
line(0,i,500,i);
line(i,0,i,500);
}

fill(0,0,0);
text(mouseY,mouseX+25,mouseY);
text(mouseX,mouseX,mouseY);
}

图片预览:

  • 点赞
  • 收藏
  • 分享
  • 文章举报
LukasRossander 发布了8 篇原创文章 · 获赞 0 · 访问量 169 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: