Posts

Showing posts from September, 2018
Image
Illustrator Homework Assignment. Shapes/Background.

Gradient Homework Assignment

Image
We were assigned homework to practice with shapes and gradients. <!doctype html> <html> <head> <meta charset="UTF-8"> <title> -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- </title> <!-- import external .js scripts here --> <script type="text/javascript" src="#" ></script> <!-- modify CSS properties here --> <style type="text/css"> body,td,th { font-family: Monaco, "Courier New", "monospace"; font-size: 14px; color: rgba(255,255,255,1); } body { background-color: rgba(0,0,0,1); } #container { position: relative; text-align: left; width: 95%; height: 800px; } #fmxCanvas { position: relative; background-color:rgba(255,255,255,1); border: rgba(255,255,255,1) thin dashed; cursor: crosshair; display: inline-block; } </style> </head> <body> <div id="container"> <!-- START HTML CODE HER

Lines and Shape Homework Assignment

Image
This was a homework assignment to practice making lines and shapes. context.beginPath(); context.rect(590, 0, 210, 100); context.fillStyle = "pink"; context.fill(); context.lineWidth = 7; context.strokeStyle = "orange"; context.stroke(); context.beginPath(); context.rect(383, 0, 200, 100); context.fillStyle = "yellow"; context.fill(); context.lineWidth = 7; context.strokeStyle = "green"; context.stroke(); context.beginPath(); context.rect(176, 0, 200, 100); context.fillStyle = "blue"; context.fill(); context.lineWidth = 7; context.strokeStyle = "violet"; context.stroke(); context.beginPath(); context.rect(0, 0, 170, 100); context.fillStyle = "pink"; context.fill(); context.lineWidth = 7; context.strokeStyle = "orange"; context.stroke(); context.beginPath(); context.rect(590, 105, 210, 100); context.fillStyle = "orange"; c