{"id":42,"date":"2022-10-30T17:29:42","date_gmt":"2022-10-30T17:29:42","guid":{"rendered":"https:\/\/classprojects.digitalwcu.org\/coins\/?page_id=42"},"modified":"2022-11-13T22:43:32","modified_gmt":"2022-11-13T22:43:32","slug":"tools","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/coins\/tools\/","title":{"rendered":"Tools"},"content":{"rendered":"\n

To make COINS interactive, website mechanisms that utilize JavaScript<\/a> were used: React<\/a>, PixiJS<\/a>, and D3<\/a>. Each mechanism had a different job, and they all work together to create the award-winning interactive site. D3 allows for the animations to show various distributions and layouts of the coins. PixiJS is used for the replication and displaying of the coins on the interface. Sprite sheets <\/a>containing around a 1,000 different coins contributed to recreating the realistic digital coins on the display. Additionally, to make the coin appear more realistic, a shadow was casted over the image.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\n\n\n\n

React<\/h2>\n\n\n\n

React is the tool which provides the user interface with the visualization of the coins. React is the framework that allows the website to listen to what the user wants and reorganize in response to user choices. This includes looking at coin names, getting a closer look at the coins, and choosing the specific layout of the coins. <\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"

To make COINS interactive, website mechanisms that utilize JavaScript were used: React, PixiJS, and D3. Each mechanism had a different job, and they all work together to create the award-winning interactive site. D3 allows for the animations to show various distributions and layouts of the coins. PixiJS is used for the replication and displaying of … <\/p>\n

Read more “Tools”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":4,"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/pages\/42\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/coins\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}