Posts

Showing posts from September, 2017

A Non-Clockwork Orange by Carson Mann

-
Image
This is my final Canvas Project and it was inspired by my favorite film and book A Clockwork Orange. The project took several days and continuous headaches to finish and I was very pleased when completed. My code: <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ART 210 - CANVAS PROJECT </title> <style type="text/css"> body,td,th { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(0,0,0,1); } body { background-color: rgba(255,255,255,1); } #myCanvas { border: rgba(102,0,255,1) medium dashed; } </style> </head> <body> <canvas id="myCanvas" width="510" height="600"></canvas>     <script> //// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE       var canvas = document.getElementById(&#
Post a Comment
Read more

Canvas Project 1

-
Image
This is my first project for my digital art blog and I was just playing around the shapes in Dreamweaver. Once I put two circles together I saw a snowman type shape and decided to turn it into a robot. The the one robot needed a partner which led to this becoming real. /////////////////////////////////// Grass context.beginPath();       context.rect(0, 400, 900, 400);       context.fillStyle = 'green';       context.fill();       context.lineWidth = 7;       context.strokeStyle = 'green';       context.stroke();  ///////////////////////////////////// Head   var centerX = canvas.width / 7;       var centerY = canvas.height / 6;       var radius = 90;       context.beginPath();       context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);       context.fillStyle = 'red';       context.fill();       context.lineWidth = 5;       context.strokeStyle = 'blue';       context.stroke(); //////////////////////////////////
Post a Comment
Read more