diff --git a/src/art/corquaid_4/icon.png b/src/art/corquaid_4/icon.png new file mode 100644 index 00000000..10d96c01 Binary files /dev/null and b/src/art/corquaid_4/icon.png differ diff --git a/src/art/corquaid_4/index.html b/src/art/corquaid_4/index.html new file mode 100644 index 00000000..890e800d --- /dev/null +++ b/src/art/corquaid_4/index.html @@ -0,0 +1,14 @@ + + + + + + + + Sunrise on Mars + + + + + + diff --git a/src/art/corquaid_4/meta.json b/src/art/corquaid_4/meta.json new file mode 100644 index 00000000..4659e24f --- /dev/null +++ b/src/art/corquaid_4/meta.json @@ -0,0 +1,5 @@ +{ + "art_name": "Sunrise on Mars", + "author_name": "Cormac Quaid", + "author_github_url": "https://github.com/corquaid/" +} \ No newline at end of file diff --git a/src/art/corquaid_4/script.js b/src/art/corquaid_4/script.js new file mode 100644 index 00000000..7029c24c --- /dev/null +++ b/src/art/corquaid_4/script.js @@ -0,0 +1,47 @@ +let canvas = document.getElementById("canvas"); +let c = canvas.getContext("2d"); + +// Sun +c.beginPath(); +let radgrad = c.createRadialGradient(200, 325, 6, 200, 325, 200); +radgrad.addColorStop(0, "rgba(255,255,255,1)"); +radgrad.addColorStop(0.005, "rgba(92, 140, 179,0.7)"); +radgrad.addColorStop(1, "rgba(139, 155, 169,0.2)"); +c.fillStyle = radgrad; +c.fillRect(0, 0, 500, 500); +c.closePath(); + +// Distant mountain ridge +c.beginPath(); +c.moveTo(0, 400); +c.lineTo(0, 500); +c.lineTo(500, 500); +c.lineTo(500, 340); +c.lineTo(460, 335); +c.lineTo(450, 335); +c.lineTo(425, 325); +c.lineTo(375, 315); +c.lineTo(300, 320); +c.lineTo(250, 340); +c.lineTo(180, 330); +c.lineTo(120, 320); +c.lineTo(80, 330); +c.lineTo(50, 340); +c.lineTo(0, 350); +c.fillStyle = "#2E3134"; +c.fill(); +c.closePath(); + +// Foreground hills +c.beginPath(); +c.moveTo(0, 425); +c.lineTo(100, 430); +c.lineTo(200, 420); +c.lineTo(350, 410); +c.lineTo(450, 420); +c.lineTo(500, 400); +c.lineTo(500, 500); +c.lineTo(0, 500); +c.fillStyle = "#0F1113"; +c.fill(); +c.closePath(); diff --git a/src/art/corquaid_4/styles.css b/src/art/corquaid_4/styles.css new file mode 100644 index 00000000..628113b3 --- /dev/null +++ b/src/art/corquaid_4/styles.css @@ -0,0 +1,9 @@ +html, +body { + margin: 0; + padding: 0; +} + +#canvas { + background-color: #4f555a; +}