Inspiration: Hi Stranger (Original) - KIRSTEN LEPORE

https://www.youtube.com/watch?v=WHH2DFDcpH8

The Process:

I figured out how to insert my animating WEBGL 3D object into my animation:) However, the art graphic in the 3D object didn’t show up…

Screen Shot 2022-12-03 at 11.14.31 PM.png

I was struggling with putting the WEBGL object in the animation, and then I realized that you have to adjust the DOM element from the html file.

Screen Shot 2022-12-04 at 12.33.06 AM.png

I tried several methods to place the 3D object on top of my animation but did not work out. The animation is always on top of the 3D object…

I also tried making 2 canvases, however, the canvas still can not overlap on top of the animation😢

I wanted to put some videos in the TV that is in the animation itself. The videos that I wanted to insert can be some projects that I have done this semester and make them into a video series. You can see the small tiny video on the TV screen:0

Screen Shot 2022-12-04 at 2.25.21 AM.png

Screen Shot 2022-12-04 at 2.25.00 AM.png