From 7b3dad3cc19d8fa5acb3b1e4365da08d97dbe037 Mon Sep 17 00:00:00 2001 From: Jared Meresman Date: Tue, 16 May 2023 08:27:57 -0400 Subject: [PATCH] adding my Hacktoberfest 2022 canvas art...in May! --- src/art/jmeresma/icon.png | Bin 0 -> 10004 bytes src/art/jmeresma/index.html | 32 +++++++++++++ src/art/jmeresma/meta.json | 5 ++ src/art/jmeresma/script.js | 93 ++++++++++++++++++++++++++++++++++++ src/art/jmeresma/style.css | 4 ++ 5 files changed, 134 insertions(+) create mode 100644 src/art/jmeresma/icon.png create mode 100644 src/art/jmeresma/index.html create mode 100644 src/art/jmeresma/meta.json create mode 100644 src/art/jmeresma/script.js create mode 100644 src/art/jmeresma/style.css diff --git a/src/art/jmeresma/icon.png b/src/art/jmeresma/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..ea6fd40c8af78078502ecd178338edee2b97223d GIT binary patch literal 10004 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 literal 0 HcmV?d00001 diff --git a/src/art/jmeresma/index.html b/src/art/jmeresma/index.html new file mode 100644 index 0000000..50dd7d6 --- /dev/null +++ b/src/art/jmeresma/index.html @@ -0,0 +1,32 @@ + + + + + + Night in the Woods + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/art/jmeresma/meta.json b/src/art/jmeresma/meta.json new file mode 100644 index 0000000..c2483d9 --- /dev/null +++ b/src/art/jmeresma/meta.json @@ -0,0 +1,5 @@ +{ + "art_name": "HacktoberMoon", + "author_name": "jmeresma", + "author_github_url": "https://github.com/jmeresma/" +} \ No newline at end of file diff --git a/src/art/jmeresma/script.js b/src/art/jmeresma/script.js new file mode 100644 index 0000000..27d78e3 --- /dev/null +++ b/src/art/jmeresma/script.js @@ -0,0 +1,93 @@ +const canvas = document.getElementById("tree"); +const ctx = canvas.getContext("2d"); + + +var grd = ctx.createLinearGradient(0, 0, 0, 150); +grd.addColorStop(0, "rgba(2, 5, 36)"); +grd.addColorStop(1, "rgba(136, 139, 179)"); + +ctx.fillStyle = grd; +ctx.fillRect(0, 0, 150, 150); + + +ctx.beginPath(); +ctx.arc(75, 50, 25, Math.PI, -Math.PI); +ctx.fillStyle = "rgba(239, 245, 208)"; +ctx.fill() + + +ctx.beginPath(); +ctx.moveTo(25, 80); +ctx.lineTo(10, 150); +ctx.lineTo(40, 150); +ctx.lineTo(25, 80); +ctx.fillStyle = "rgba(20, 87, 3)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + + +ctx.beginPath(); +ctx.moveTo(110, 75); +ctx.lineTo(90, 150); +ctx.lineTo(130, 150); +ctx.lineTo(110, 75); +ctx.fillStyle = "rgba(20, 87, 3)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(125, 80); +ctx.lineTo(110, 150); +ctx.lineTo(140, 150); +ctx.lineTo(125, 80); +ctx.fillStyle = "rgba(5, 33, 9)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(75, 50); +ctx.lineTo(50, 150); +ctx.lineTo(100, 150); +ctx.lineTo(75, 50); +ctx.fillStyle = "rgba(5, 33, 9)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(50, 100); +ctx.lineTo(35, 150); +ctx.lineTo(70, 150); +ctx.lineTo(50, 100); +ctx.fillStyle = "rgba(5, 33, 9)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(145, 100); +ctx.lineTo(135, 150); +ctx.lineTo(155, 150); +ctx.lineTo(145, 100); +ctx.fillStyle = "rgba(5, 33, 9)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(5, 85); +ctx.lineTo(-10, 150); +ctx.lineTo(25, 150); +ctx.lineTo(5, 85); +ctx.fillStyle = "rgba(5, 33, 9)"; +ctx.fill(); +ctx.strokeStyle= "rgba(150, 235, 162)" +ctx.stroke(); + + + + +document.querySelector("body").addEventListener("load", draw()); diff --git a/src/art/jmeresma/style.css b/src/art/jmeresma/style.css new file mode 100644 index 0000000..db7f314 --- /dev/null +++ b/src/art/jmeresma/style.css @@ -0,0 +1,4 @@ +#tree { + border: 1px solid black; + +} \ No newline at end of file