Lab 107 – Droplet

A third scene in a series of labs to explore some concepts for an upcoming project.

This scene builds on the same ideas from labs 105 and 106. This time, I explored an alternate way of rendering the portal content. In lab 105, I scaled and positioned the portal sub-scene relative to the parent scene. This time I decided to try something else. After mocking up the Droplet scene, I created a second DropletInner scene. Then I added a reference to the Droplet scene to use as a reference. I positioned the teapot inside the monitor, wrote some quick timelines, then disabled the reference.

I wanted the teapot to be able to pop out of the monitor, so I updated my use of Portal Component to allow crossing.

screenSurface.components.set(PortalComponent(
  target: portalContentRoot,
  clippingMode: .plane(.negativeY),
  crossingMode: .plane(.negativeY)
))

Then I added the Portal Crossing Component to the sub-scene.

scene.components.set(PortalCrossingComponent())

Video Demo

Check out the video to see the teapot animate in and out of the monitor.