Coding Samples

C# Coding Sample

using System;

var Tile=function(x, y) {

this.x=x:

this.y=y;

this.width=50;

};

var tiles = [];

var NUM_COLS = 5;

var NUM_ROWS = 4;

for (var i = 0; i < NUM_COLS; i++) {

for (var j = 0; j < NUM_ROWS; j++) {

var tileX = i * 24 + 5;

var tileY = j*24 + 10;

tiles.push(new Tile(tileX, tileY));

}

Tile.prototype.draw = function() {

fill(214, 247, 202);

strokeWeight (2);

rect(this.x, this.y, this.width, this.width, 5);

image(getImage("avatars/card back"),

this.x, this.y, this.width, this.width);

};

for (var i = 0; i<tiles.length; i++) {

tiles[i].draw();

}

var faces = [

getImage("avatars/club cow")

getImage("avatars/hearts")

getImage("avatars/diamond")

getImage("avatars/spade mug")

getImage("avatars/lemon curd")

getImage("avatars/strawberries")

getImage("avatars/henrietta hen")

getImage("avatars/whisper")

getImage("avatars/the fool")

getImage("avatars/the magician")

getImage("avatars/diamond horse")

];

var selected = [];

for (var i = 0; i < 10; i++) {

// Randomly pick one from the array of faces

var randomInd = floor(random(faces.length));

var face = faces[randomInd];

// Push 2 copies onto array

selected.push(face);

// Remove from faces array so we don't re-pick

faces.splice(randomInd, 1);

}

var shuffleArray = function(array) {

var counter = array.length;

// While there are elements in the array

while (counter > 0) {

// Pick a random index

var ind = Math.floor(Math.random() * counter);

// Decrease counter by 1

counter--;

// And swap the last element with it

var temp = array[counter];

array[counter] = array[ind];

array[ind] = temp;

}

};

shuffleArray(selected);

for (var i = 0; i < NUM_COLS; i++) {

for (var j = 0; j < NUM_ROWS; j++) {

var tileX = i * 24 + 5;

var tileY = j * 24 + 10;

var tileFace = selected.pop();

var tile = new Tile(tileX, tileY, tileFace);

tiles.push(tile);

}

Tile.prototype.draw = function() {

fill(214, 247, 202);

strokeWeight(2);

rect(this.x, this.y, this.width, this.width, 10);

if (this.isFaceUp) {

image(this.face, this.x, this.y,

this.width, this.width);

} else {

image(getImage("avatars/card back"),

this.x, this.y, this.width, this.width);

}

};

for (var i = 0; i < tiles.length; i++) {

tiles[i].isFaceUp = true;

tiles[i].draw();

}

draw = function() {

background(255, 255, 255);

for (var i = 0; i < tiles.length; i++) {

tiles[i].draw();

}

};

mouseClicked = function() {

// process click somehow

};

Tile.prototype.isUnderMouse = function(x, y) {

return x >= this.x && x <= this.x + this.width &&

y >= this.y && y <= this.y + this.width;

};

mouseClicked = function() {

for (var i = 0; i < tiles.length; i++) {

if (tiles[i].isUnderMouse(mouseX, mouseY)) {

tiles[i].isFaceUp = true;

}

};

var numFlipped = 0;

mouseClicked = function() {

for (var i = 0; i < tiles.length; i++) {

var tile = tiles[i];

if (tiles.isUnderMouse(mouseX, mouseY)) {

if (numFlipped < 2 && !tile.isFaceUp) {

tile.isFaceUp = true;

numFlipped++;

}

};

var numFlipped = 0;

var delayStartFC = null;

mouseClicked = function() {

for (var i = 0; i < tiles.length; i++) {

var tile = tiles[i];

if (tile.isUnderMouse(mouseX, mouseY)) {

if (numFlipped < 2 && !tile.isFaceUp) {

tile.isFaceUp = true;

numFlipped++;

if (numFlipped === 2) {

delayStartFC = frameCount;

}

loop();

}

};

draw = function() {

if (delayStartFC &&

(frameCount - delayStartFC) > 30) {

for (var i = 0; i < tiles.length; i++) {

tiles[i].isFaceUp = false;

}

numFlipped = 0;

delayStartFC = null;

noLoop();

}

background(255, 255, 255);

for (var i = 0; i < tiles.length; i++) {

tiles[i].draw();

}

};

if there are two tiles flipped over:

if first tile has same face as second tile:

keep the tiles face up

var flippedTiles = [];

var delayStartFC = null;

mouseClicked = function() {

for (var i = 0; i < tiles.length; i++) {

var tile = tiles[i];

if (tile.isUnderMouse(mouseX, mouseY)) {

if (flippedTiles.length < 2 && !tile.isFaceUp) {

tile.isFaceUp = true;

flippedTiles.push(tile);

if (flippedTiles.length === 2) {

delayStartFC = frameCount;

loop();

}

};

var face = possibleFaces[randomInd];

selected.push(face);

if (flippedTiles[0].face === flippedTiles[1].face) {

flippedTiles[0].isMatch = true;

flippedTiles[1].isMatch = true;

}

for (var i = 0; i < tiles.length; i++) {

var tile = tiles[i];

if (!tile.isMatch) {

tile.isFaceUp = false;

}

if (flippedTiles.length === 2) {

numTries++;

...

}

var numMatches = 0;

if (flippedTiles[0].face === flippedTiles[1].face) {

flippedTiles[0].isMatch = true;

flippedTiles[1].isMatch = true;

flippedTiles.length = 0;

numMatches++;

}

if (numMatches === tiles.length/2) {

fill(0, 0, 0);

text("You found them all in " + numTries + " tries",

20, 360);

}

HTML Coding Sample

<!DOCTYPE html>

<html>

<body>

<h1>Welcome to the Portfolio of Kelsey Eaves</h1>

<p>Character Designs, Animations, and Storyboards</p>

<h2>Table of Contents</h2>

<ol>

<li><h2 id="#CD">Character Designs</h2></li>

<li><h2 id="#BS">Backgrounds and Settings</h2></li>

<li><h2 id="#A">Animations</h2></li>

<li><h2 id="#ATA">About The Artist</h2></li>

</ol>

<h2 id="#CD">Character Designs</h2>

</picture>

<marquee behavior="scroll" direction="left">The artist's work incorporates folklore, mythology and food into the storytelling.</marquee>

<h2 id="#BS">Backgrounds and Settings</h2>

<marquee behavior="scroll" direction="left">Fun Fact: Pieces of this background artwork were created for an art showcase in 2019!</marquee>

<h2 id="#A">Animations</h2>

<video><iframe width="420" height="315"

src="https://youtu.be/md0eoZ-OqYU">

</iframe></video>

src="https://www.youtube.com/watch?v=FgsjCwblPYw">

</iframe>

src="https://www.youtube.com/watch?v=RWMPuLPAlI8">

</iframe>

src="https://www.youtube.com/watch?v=4LodW_4HLFQ">

</iframe>

<h1 id="#ATA">About the Artist</h1>

<head>

<style>

table, th, td {

border: 2px solid black;

}

*{box-sizing:border-box;

}

.left {

background-color:008080;

padding:35px;

float:left;

Width:20%

.main {

background-color:00FFFF;

padding:35px;

float:left;

width:60%

.right {

background-color:008080;

padding:35px;

float:left;

width:20%

}

@media screen and (max-width:800px){

.left, .main, .right {

width:100%;

}

</style>

</head>

</div>

<p>Words of Thanks</p>

</div>

<p>Thank you so much for reading and reviewing my page. It was created with the blood,sweat and tears of an idealistic animator with large dreams who hopes to make them come true sooner rather than later</p>

</div>

<p>Please wish me luck in my endeavors, and if you would like to show your support, please visit one of my linked pages. </p>

</div>

<tr>

<th>Hometown</th>

<th>Gender Identity</th>

<th>Ideal Career Position 1</th>

<th>Ideal Career Position 2</th>

<th>Ideal Career Position 3</th>

</tr>

<tr>

<td>Kelsey Alise Eaves</td>

<td>Charlotte, NC</td>

<td>Female</td>

<td>Character Animator</td>

<td>Storyboard Artist</td>

<td>Character Designer</td>

</tr>

</table>

<h2>List of Artistic/ Storytelling Influences</h2>

<li>Warner Bros. Looney Tunes and Merry Melodies, Specifically Chuck Jones and Tex Avery's Directoral Styles </li>

<li>Naoko Takeuchi's Sailor Moon</li>

<li>Paul Dini's artwork</li>

<li>Ian Jones Quartey's Ok Ko! Let's Be Heroes</li>

<li>Rebecca Sugar's Steven Universe</li>

<li>Doc Hammer and Christopher Mcullough's The Venture Bros</li>

<li>The Works of Lauren Faust and Craig McCracken</li>

<li>Maxwell Atom's The Grim Adventures of Billy and Mandy</li>

</ul>

<h1>Artist's Statement</h1>

<style>

table, th,td {

border: 1px solid black;

border-collapse: collapse;

}

th {

text-align:left;

}

</style>

<th><p>When I was a young child, animated television productions

kept me entertained, comforted me in my lonliness

and gave me a glimpse of what art and ingenuity

can do to tell a story between 15 minutes to an hour.</th>

<td> Cartoons and animation

in general were looked down upon in my family and amongst my peers, who considered it

to be childish and demeaning. I choose now to see the medium as a gateway to an exciting

career path and an opportunity to make contacts and potential friends.

As you can probably tell, my artwork has a diverse number

of influences. My goal is to combine them into a working melting pot

that excites,entertains, and influences other artists and animators in the years

to come.</p></td>

<br>

</br>

<th><p>It has been my goal to create my own show for television broadcasting

ever since I was ten years old. The concept has definitely evolved in

the last thirteen years from a situational buddy comedy inspired by Living Single,

to an anthology of travels and stories led by strongly written female and male characters.

With the rise of web animation and the opportunities for creator led properties in this day and age,

I can honestly say that I feel confident about my ability to get at least one show off the ground.</th>

<td>Idealy, I would like to pitch a show to Cartoon Network, FXX, and or TVOne, as I feel that I would

have a greater amount of creator control. If it is not meant to be, I would easily settle

for helping to enhance another creator's project with an engaging crew and a career that I

wouldn't trade for the world.</p></td>

<h2>Follow The Artist's Accounts For Updates<h2>

<ul>

<ul><a href="https://www.instagram.com/magicalpeachinternet/">Instagram</a></ul>

<ul><a href="https://www.facebook.com/MagicalPeachInternet/">Facebook</a></ul>

<ul><a href="https://www.tumblr.com/blog/justpeachyartistry">Tumblr</a></ul>

<ul><a href="https://www.youtube.com/user/138veronica/featured?view_as=subscriber">Youtube</a></ul>

</ul>

<h2>Support The Artist</h2>

<a href="https://www.redbubble.com/people/PeachyArtMage">Redbubble</a>

<a href="https://www.deviantart.com/justpeachyartistry">DeviantArt</a>

<a href="https://www.patreon.com/MagicalPeachInternet">Patreon</a>

<h2>Congratulations for Reaching the Bottom!</h2>

<h3>Here's a riddle for your reward:</h3>

<pre>

<code>

x= FF0000

y= 0000FF

z= 000000

x+y+z=FF00FF

<p>What color in binanry code looks like a newspaper?</p>

</body>

</html>

Concentration Card Game

My C# code was meant to run as a matching card game with sprite elements for the cards and timer. This is my first project that I used the C# programming language outside of Unity program tutorials, and I wrote it in Notepad ++ for easy sharing. The code has a rotation of 12 sprite designs, which were created by me, that it randomly chooses to appear for the player when the game starts. It's a race against the clock for the player to find all the matching pictures before it's too late.

Artist's Profile Page

This HTML Coding Sample was created to showcase my ability to edit and design a functional webpage to display my art portfolio. I have a longer amount of experience with HTML than any other programming language, and feel the most comfortable working with it.

Page updated

Google Sites

Report abuse