a.) What is this project: My aim with this project was to create an educational tool that explains how solar panels work and how sunlight is converted into electricity. The objectives for “Power Your Day with Sunlight” is to visualize the science of solar cells and to better understand this modern technology. By providing the […]
Category: CompMedia
PCM Wk Final 14: Putting it All Together
For this last week, the focus was on all the physical computation and software that was still needed for the interactive. The list includes: a.) finishing all the web pages for the 4 buttons, b.) getting rid of the p5js slider and having it read the analog read serial value, c.) hooking up the buttons […]
ICM Final Week 12: In-Class Play Test
Explanation: For the play test today (11/27/18), I showed users my cardboard prototype (version 2 with the circular set up with the sun dial light). I had a slider version working for the photons, so that when users shined more light on the solar panels I would manually move the slider to create more photons. […]
ICM Final Wk 10-11: Progress
This is an update on the progress I’ve made thus far on the schematic and website of the solar project. 1.) First things first was to just quickly mockup in Illustrator and Sketch what I wanted the design to look like. I tackled it in Illustrator initially since I’m faster there and because it is […]
PCM + ICM Final Wk 10: Proposal, Prototype, Production, Process
Updates on Week 10 a.) Project Proposal b.) Schematic Diagram c.) Diagrams for Production d.) Timeline + Bill of Materials e.) Prototypes f.) Analog Input g.) Web Design — a.) Proposal Presentation: This proposal pdf was put together for ICM, but serves as a helpful guide of the project’s why, what, for who, and […]
ICM Wk 8: Media
For this week’s assignment to create a sketch that uses external media (sound, images or video), I decided to do a piece using a song and the video camera. The final code is here: https://editor.p5js.org/elinsterz/sketches/SkKJAW0hm Below is a video of the piece: — Process: This time around, instead of sketching out my plans for the […]
ICM Wk 7: Data
Overview For this week’s assignment to create a sketch that uses an external data source. I decided to proceed by finding dataset regarding suicide rates in different countries and use the table function of p5.js to help visualize the rates. Here is the final code: https://editor.p5js.org/elinsterz/sketches/r1Zh07EnQ Below is a video that shows the final results: […]
ICM Wk 6: DOM Elements
Here is the final code for this week’s homework: https://editor.p5js.org/elinsterz/sketches/ByaOUtiom Below is a video of the sketch above. — Process: For this week’s assignment to create our own HTML page with the following: Pre-defined HTML Elements Pre-defined CSS Styles HTML Elements generated by your p5 sketch Some kind of mouse interaction with an HTML Element […]
ICM Wk 5 : Object-Oriented Sketch
Final results: sketch 1 , sketch 2 This week’s project is to create a sketch in an object-oriented fashion. Here are the steps to take for this project: 1. Make one single object with just variables. 2. Put one or more functions in the object. 3. Try manually making two objects. 4. Duplicate the object using an […]
ICM Wk 4: Functions
Final result: sketch — This week’s more open-ended assignment is to use functions for either a.) re-organize my code from a previous assignment or b.) start anew. I debated between the two options and decided I’d attempt to do 2 ideas, one of which is based on the previous week 2 assignment, but it will not […]
Emily Lin 