Activity #1 Interactive Media Design

-
First Javascript Programming place on the body

Comments

Post a Comment

Popular posts from this blog

Excercise 1 Ecatalog - (Finals)

-
 Adobe link  https://indd.adobe.com/view/9b4d6cb6-fe04-40c8-b205-860cadf46e5d .INDD File https://drive.google.com/file/d/13VweT-dJx6V4_k4bfs0uHmpUKx_6uYr6/view?usp=sharing PDF File https://drive.google.com/file/d/1YBJWnu0_iMlWIrT8YcoJ0LrHoGOWe-et/view?usp=sharing
Read more

Activity 2 Drawing Canvas

-
Image
  <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Activity 2 Drawing Canvas</title> </head> <body> <canvas id="myCanvas" width="668" height="470" style="border:5px dotted #000000;"> </canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.globalAlpha = 0.8 ctx.fillStyle = "pink"; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.beginPath();//head ctx.fillStyle = 'brown'; ctx.arc(300,130,100,0,Math.PI *2); ctx.fill(); ctx.beginPath();//eyesandmouth ctx.fillStyle = 'cyan'; ctx.rect(250,100,30,30,Math.PI *2); ctx.moveTo(370,120); ctx.rect(315,100,30,30,Math.PI *2); ctx.moveTo(240,160); ctx.arc(300,160,40,0,Math.PI); ctx.fill(); ctx.moveTo(300,130); ctx.beginPath();//body ctx.fillStyle="brown" ctx.re...
Read more