# data[].attributes.body
We began by brainstorming ideas for our art project and eventually decided to depict our school mascot as a stained-glass mural using Processing.js. To plan our design, we created a Google Drawings project and recreated our mascot using numerous shapes drawn with the polyline tool. We also added a rainbow (also making it have the same stained glass look) in the background to enhance the overall look.

Next, we exported the drawing as an SVG file. Since it contained many shapes, we wanted to avoid manually extracting the coordinates of each vertex and converting them to JavaScript. To speed up the process, a team member developed a JavaScript program that automatically converted SVG path data (Code that SVGs can read that draws a shape) into Processing.js code. For instance, it transformed

<path fill="#810000" d="m573.95276 291.24933l-17.044617 39.774292l-23.485596 -16.666656z" fill-rule="evenodd"/>

into

fill(129, 0, 0, 255, 100);
stroke(0, 0, 0);
beginShape();
vertex(573.95, 291.25);
vertex(556.91, 331.02);
vertex(533.42, 314.36);
endShape(CLOSE);

After converting all the shapes and formatting it into JavaScript, we pasted it into CodeHS. We then imported the Processing.js library to run our file successfully.

# data[].attributes.body
Two team members focused on solving the Kattis problems and contributed feedback and creative ideas throughout the project, such as giving the mascot a stained-glass appearance and adding a rainbow to the background to enhance the overall design. Another team member developed the code that converted the SVG file from our Google Drawing into Processing.js format and assembled the final CodeHS project by importing the Processing.js API. The remaining two team members were responsible for drawing and constructing all the shapes in the Google Drawing.

# data[].attributes.body
https://codehs.com/sandbox/id/html-QVjQRh

# data[].attributes.body
Link: https://codehs.com/editor/print/19081601/3556533/0/0

# data[].attributes.attachment_link.description
Products Explore what CodeHS has to offer for districts, schools, and teachers

# data[].attributes.body
Link:

https://codehs.com/sandbox/id/python-graphics-tkinter-u3VWCf

# data[].attributes.attachment_link.description
Check out my new Sandbox program on CodeHS!

# data[].attributes.body
We started with the Processing.js code and wanted to convert all the Javascript polygons into python polygons through tkinter. We looked at the format and arguments of a tkinter polygon:

canvas.create_polygon([574, 291, 557, 331, 533, 314], fill="#810000", outline="black")

and immediately began building a project that would convert processing.js polygons:

fill(129, 0, 0, 255, 100); stroke(0, 0, 0); beginShape(); vertex(573.95, 291.25); vertex(556.91, 331.02); vertex(533.42, 314.36); endShape(CLOSE);

into tkinter polygons. We needed this tool as we had hundreds of polygons and thousands of points that we would've needed to write out in tkinter if we chose to manually write out code for each polygon. Once we created our refactoring tool, we converted all the processing.js polygons and pasted the output into a tkinter project on CodeHS and ran our file successfully.

# data[].attributes.body
Three team members focused on working on the Illinois AI Challenge Project while the other two collaborated on the refactoring project. One person developed the Javascript refactoring code while the other tested and debugged and implemented the tkinter code into CodeHS.

# data[].attributes.attachment_link.title
GitHub - Haze405/miningHelper: MakeCode extension for mining commands

# data[].attributes.attachment_link.description
MakeCode extension for mining commands. Contribute to Haze405/miningHelper development by creating an account on GitHub.

# data[].attributes.body
Torches are automatically placed 2 blocks behind you wherever you go

# data[].attributes.body
Gives you a diamonds pickaxe and night vision

# data[].attributes.body
Places a tnt with a redstone block igniting it every 2 blocks for 30 blocks.

# data[].attributes.body
https://codehs.com/sandbox/tealoctopus3610/codeyourself-1

Mentor - Youssef

# data[].attributes.body
https://codehs.com/sandbox/brammster5000/anne-draw-yourself

Mentor - Tanmay

# data[].attributes.body
https://codehs.com/sandbox/violetcrab8934/my-story-my-roots

Mentor - Chloe

# data[].attributes.headline
Tracy's CodeYourself Submission and Proof

# data[].attributes.subject
Tracy's CodeYourself Submission and Proof

# data[].attributes.body
https://codehs.com/sandbox/olivecrow4313/code-yourself-project-1

Mentor - Henry

# data[].attributes.headline
Valerie's CodeYourself Submission and Proof

# data[].attributes.subject
Valerie's CodeYourself Submission and Proof

# data[].attributes.body
https://codehs.com/sandbox/goldgull1923/self-portrait-1

Mentor - Victor

# data[].attributes.attachment_link.description
Find things to do in Avondale, Chicago: events, shows, workshops, community meetings, and more.

# data[].attributes.attachment_link.description
CS4IL. Contribute to CODERTG2/avondale-events-website development by creating an account on GitHub.

# data[].attributes.attachment_link.description
cs4il. Contribute to CODERTG2/avondale-event-indexer development by creating an account on GitHub.