Ryan Rotella

Category: Computational Media

  • Automatic Listener and Notetaker

    Automatic Listener and Notetaker

    —

    by

    Ryan Rotella
    in ,

    Sketch: https://editor.p5js.org/ryrotella/sketches/WCOvX293Jr Full sketch doesn’t work on web editor so here are the files to run locally. Also need Transformers python, Tensorflow.js, and other dependencies to run on machine. Link to files: https://drive.google.com/drive/folders/1aS-sNC9SU3haUDnsFN-2fC8SSKLuzDQK?usp=drive_link

  • Listening and Recording with P5.js

    Listening and Recording with P5.js

    —

    by

    Ryan Rotella
    in ,

    As part of our eventual Final Project for ICM and Physical Computing, Trusha and I decided to use this ICM Homework to test how well P5.js can listen and record conversation. We want to do this for our larger goal of using technology to help people remember interactions and make note-taking social interactions seamless and…

  • The Upside Down V.2

    The Upside Down V.2

    —

    by

    Ryan Rotella
    in ,

    Sketch: https://editor.p5js.org/ryrotella/sketches/8JmpBweFV Concept As noted in the previous post about this assignment,  I wanted to make a scary alternate reality of a live video with ml5.js, showing an “Upside Down” world parallel to ours. This is an homage to the Netflix hit series, Stranger Things. I wanted the altered video to feel ominous and surreal. Breakdown I also…

  • Work in Progress: The Upside Down

    Work in Progress: The Upside Down

    —

    by

    Ryan Rotella
    in ,

    Assignment Prompt “Work in pairs. Due in 2 weeks. Create and/or manipulate an image or video at the pixel level to create an alternative of the reality depicted in the source image. Describe in 1-3 keywords how your image feels different from the source image. For next week submit your work in progress and be…

  • Week 7: Smashing Graphics

    —

    by

    Ryan Rotella
    in ,

    Sketch: https://editor.p5js.org/ryrotella/sketches/pyzh7sjFR Trying to figure out how to add another canvas with CreateGraphics() was difficult. Eventually, I understood how to make it appear once, but how do I match up a new graphic with an object that I’m deleting? After a few hours, the answer laid in variables. I saved the last coordinates of a…

  • Week 6: Preparing Patterns

    Week 6: Preparing Patterns

    —

    by

    Ryan Rotella
    in ,

    For my Creative Coding class, I must create a P5.js sketch that keeps track of user actions via arrays and objects. What does that mean? In programming, an object is a bundle of characteristics and methods that are defined by the programmer. An array is a data structure that allows the programmer to store a…

  • ICM Assignment 5: Cleanup

    —

    by

    Ryan Rotella
    in ,

    P5 link: https://editor.p5js.org/ryrotella/sketches/j72_IfAwq In this week’s Intro to Computational Media assignment, we learned the importance of refactoring code to make sure it’s clean and readable. I chose my assignment 2 p5 sketch, which looked like this in the code. I went through and refactored the code into separate functions for each shape and clear comments.…

  • ICM Assignment 4: Pattern

    ICM Assignment 4: Pattern

    —

    by

    Ryan Rotella
    in ,

    I contemplated a lot about this assignment. It may not show in my final product, which is rather simple. However, I first grappled with exploring my interior patterns: my new routine, my eating habits, my mannerisms, and so on. Then, I considered the patterns of my new world in New York: walking with the tempo…

  • ICM Assignment 3: Choices

    —

    by

    Ryan Rotella
    in ,

    Sketch: https://editor.p5js.org/ryrotella/sketches/hPiAwtSlL This assignment prompted a lot of questions about how to approach code with a group of people. There are limitless possibilities about building an interactive experience around choice so our group decided to build a game. This game is based on the popular Shell Game, where a street vendor shows a special object…

  • ICM: Assignment 2

    ICM: Assignment 2

    —

    by

    Ryan Rotella
    in ,

    Here’s a link to my sketch: https://editor.p5js.org/ryrotella/sketches/-mgdKe2OW I feel very comfortable with variables, and I had no problem with the homework. I did come across the rotate() function in the reference page. I really wanted to make a shape that rotated around the position of my mouse cursor. I researched online, and there were some…