互动媒体技术非自画像

最近，作为风靡全球的游戏之一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);
}

图片预览：