Creating 2D Graphics using HTML5 and Javascript
Part 1 - Picture
Epic Tamucc Sail Logo in HTML5
Part 2 - Curves
Koch Snowflake
Report
- https://www.youtube.com/watch?v=X8bXDKqMsXE
- https://www.w3schools.com/graphics/canvas_drawing.asp
- https://www.tutorialspoint.com/make-javascript-take-html-input-from-user-parse-and-display
Part 1:
My picture is named "Tamucc Sail Logo in HTML5." In this picture I used triangles to create the sail and waves. I made this because the assignment said it had to be related to TAMUCC and I shouldn't use IZZY the Islander anymore. A 5 sided polygon was used to create the sun. And 4 sided, filled rectangles make up the back of the picture. The total amount of shapes is 24.
Part 2:
While this is a neat concept I couln't figure out how to make a recursive function in Javascript to generate my Koch Snowflake. I tried following a tutorial linked below but I couldn't figure out how to adapt it into my own code.
An extra credit feature I added was the text input box below the canvas to specify the level of Koch Curve to generate.
Sources I used: