1701ICT: Creative Coding - Draw Thick Stroke - Engineering Assignment Help

Assignment Task:

Task:

Overview 

The purpose of the assignment is to assess your ability to implement simple interactions, shapes and objects using JavaScript and p5.js. Each Question should be submitted on L@G in a separate .js file (titled q1.js, q2.js etc.), but you do not need to submit html and css files. Some of the questions will require you to investigate some concepts outside of the lecture notes. Please make sure that all code that you submit is your own and is not taken/copied from anywhere else. 

Question 1 

Write the code to reproduce this: 

The exact colour used is not important, but try and get close. Use a total canvas width of 500px, and spread the squares out evenly.

Question 2 

For this question, you will create a race track. Set the background colour to green for grass. Draw a thick stroke (e.g. 40 pixels) gray ellipse to represent the road which is 100 pixels high and 200 pixels wide, centred in the canvas. Inside the gray road draw two thin (e.g. 1 pixel thick) yellow lines which are very close to each to represent centre lines on a road. 

Create two small circles (e.g. 10 pixels diameter) and place them on each side of the road. You should position the circles using the angular arithmetic used in the last slide of 3.4 Math functions. Animate the angle of the two circles at different speeds

Question 3

For this question, you should create a spinning Yin-Yang symbol. 

It must be easy to change the size and position of the symbol to anywhere on the canvas. As a hint, the Yin-Yang symbol is made up of 2 half circles (the big black and white halves), 2 medium circles, and 2 small circles. You may find it easier to draw a static yin-yang first, then add the rotation. Make sure the positions of the circles are all based around the same starting position. 

You will need to use the geometry functions discussed in 3.4 to make the symbol rotate. This is achieved by moving the circles through an arc (not by actually rotating the drawing). 

This Engineering Assignment has been solved by our Engineering Experts at My Uni Paper. Our Assignment Writing Experts are efficient to provide a fresh solution to this question. We are serving more than 10000+ Students in Australia, UK & US by helping them to score HD in their academics. Our Experts are well trained to follow all marking rubrics & referencing style.