Posts

Assignment #7 | PSD Color

Image
PSD Color Camera Raw Black/White Old Photography

Assignment #6 | Slow Motion Project

Slow Motion Project

Assignment #5 | Animation PSD

Image

Assignment #4 | Minimal Movie Poster

Image
 

Assignment #3 | HTML South Park Portrait

Image
Assignment #3 | HTML South Park Portrait <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ //// SEA //// var x = 0; var y = 0; var width = 800; var height = 600; context.beginPath(); context.rect(x,y,width,height); context.fillStyle = '#009DFE'; context.fill(); //// SKY //// var x = 0; var y = 0; var width = 800; var height = 300; context.beginPath(); context.rect(x,y,width,height); context.fillStyle = '#99cdff'; context.fill(); /// SAND GRADIEN //// var x = 0; var y = 350; var width = 800; var height = 600; context.beginPath(); context.rect(x,y,width,height); context.fillStyle = '...

Assignment #2 | Basic HTLM

Image
canvas_gra_01.html Diagonal Line <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ context.beginPath(); context.moveTo(0, 0); context.lineTo(800, 600); context.stroke(); ////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ }; </script> </head> <body> <canvas id="myCanvas" width="800" height="600"></canvas> </body> </html> canvas_gra_02.html V Shape <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ///////////////////////////...