Winston is a Computer Science avatar on Khan Academy. He is introduced in Pamela's tutorial to JS. Winston doesn't have many features other than that he really likes donuts, but he has a large family, only two are official avatars. His avatar was introduced on the 22nd of January, 2014 along with Hopper and Oh Noes, the Error Buddy.
Style 1: Winston[]
Winston
- Unlocked when a user makes changes to an official program
Style 2: Baby Winston[]
Baby Winston
- Unlocked when a user makes changes to another user's program
- Shows Winston's head swaddled in a blanket
How to code Winston[]
var drawWinston = function(faceX, faceY) {
fill(255, 255, 0);
ellipse(faceX, faceY, 190, 190); // face
fill(46, 46, 41);
ellipse(faceX - 30, faceY - 50, 30, 30); // eyes
ellipse(faceX + 44, faceY - 55, 30, 30);
fill(252, 65, 65);
ellipse(faceX + 19, faceY + 32, 82, 81); // mouth
};
Another way to code him[]
image(getImage("creatures/Winston"), 200, 200, 50,50);
HTML/CSS[]
<img src="&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;nowiki&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;https://www.kasandbox.org/programming-images/creatures/Winston.png&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/nowiki&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;" width=150>
Have Some Fun with Winston[]
Crazy Winston[]
var faceX;
var faceY;
var drawWinston = function() {
fill(255, 255, 0);
ellipse(faceX, faceY, 300, 300);// face
fill(46, 46, 41);
ellipse(faceX - 45, faceY - 57, 40, 40); // eyes
ellipse(faceX + 102, faceY - 66, 40, 40);
fill(252, 65, 65);
ellipse(faceX + 55, faceY + 32, 120, 136); // mouth
};
var draw = function() {
faceX = random(50, 350);
faceY = random(50, 350);
drawWinston();
};