互动媒体技术非自画像
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); }
图片预览:
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 【互动媒体技术】艺术系同学创意“自画像“赏析
- 互动媒体技术——基于p5.js创作一幅自画像
- 互动媒体技术——转换视角
- 互动媒体技术-代码本色-第4章
- 多视角交叉认知(互动媒体技术作业)
- 互动媒体技术(十二个一)
- 互动媒体技术-代码本色-第2章
- 互动媒体技术(十二个一)
- 互动媒体技术-代码本色-第1章
- 十二个“一”,十二台手机(互动媒体技术作业)
- 互动媒体技术作业——processing码绘
- 互动媒体技术-代码本色-第0章
- 互动媒体技术课程作业3 《代码本色》编程练习
- 互动媒体技术——创意编程
- 【互动媒体技术】十二个待选拔的“一”
- 互动媒体技术——Processing模仿并拓展动态爱心图案
- 【互动媒体技术】艺工交叉 作业1 实验数据分析 数据分析
- 互动媒体技术——processing旋转方块(不同角度的旋转)
- 互动媒体技术,代码本色0-4
- 【互动媒体技术】艺工交叉作业1 实验数据分析 文献综述