Exploration of a Playful experience for Real-Time Communication — Intro During my class in Real-Time Social Spaces, I decided to base my research on body-engaging experiences for children. This is part of one of my explorations for my thesis in developing body-centric interactions for children. While I was doing some exploration with ML5 in Three.js, I found that the Peek-a-Boo…

and Topia Experience — Description My goal for this week was to use face position to change the camera position, changing how someone is able to interact with the project. I used FaceApi from Ml5 to control camera position as a way to control your point of view. Like last week, I started my exercise…

Description: I tried to understand how to import models into three.js. I tried to incorporate 3d models and primitive objects to explore the space. I also included a fog function to see how that actually affects the environment. It’s interesting to think of how to furnish an environment so vast…

Shared Drawing Canvas Diagram- Description My goal was to create a shared canvas where you can draw 🖌️ with other users connected. I made a very simple approach to this one brush, black for you and white for the other user's brush. Users can clean the canvas on both sides of the experience. Code | Demo Diagram

Swapping faces to create new identities. — Ideation Building new identities by swapping masks. This project reminds me in some ways of a face-swapping effect. The other users in the exchange don’t see you, only see your mask representation. To create an effect of new identities, I made the personal image using a black and white filter. In…

Light patterns for breathing practice — Description: It’s a meditation assisting device that animates lights in patterns that you can follow with your breath. I made this to assist me in my own meditation practice. Link to documentation Rendering How does it work? https://youtu.be/5J1LYk6YfJQ To activate a light sequence. The base has openings for 4 cylinders. User place a cylinder in the base. Each cylinder corresponds to a specific light color and pattern.

Multi-player in Augmented Reality using WebXR API. — Description An exploration of features for collaboration in AR. Project for Explorations in AR at ITP/NYU. Code | Demo (for iPhone, open it in Mozilla XR) Motivations and Context Not sure if it’s the months of isolation while going to school, but I felt more interested in sharing and collaborative environments. Before the pandemic…

Ideation for Sharing a Canvas — Goals for the project I only have one idea in mind at this moment and is to try to do a shared canvas where you can paint with other user connected. …