This scene was created in three.js for our CS307 Computer Graphics final project at Wellesley College. We demonstrate heirarchical modeling, material and lighting, texture mapping, curved lines and surfaces, and transparency.

Inside the Bar

The inside of our bar consists of water cannisters, stools, and a contemporary twist of boba tea. The bar stool and boba tea were created for a previous creative scene assignment. A challenge that we came across was creating the counter; Due to time constraints, we decided to use 3D vectors to create the curve of the triangular counter and used plane and circle geometries to create the countertop.

The Storefront

Creating the ceiling of the store was a challenge that we encountered while constructing our objects. Whether or not the proportions of the bar were accurately portrayed in Edward Hopper's scene, we used as much information about the perspective of the scene as we could get and settled on a store with a three walls and a curved window.

The Background

To simplify the storefronts in the background, we applied a color gradient to give the building further depth. The individual rooms were created by one room object that interated across rows and columns to form an apartment building. The height at which the blinds are lowered are generated randomly to hopefully induce a feeling of naturalness.

Details, Details, Details

While the scene is relatively simple, which harkens back to the inspiration piece that shows us only the classic all-american diner and backfround, we decided to emphasize elements that add to our scene's verisimilitude. Utilizing one of our classmate's library contribution (Aidan), we placed furniture within the background buildings. The buildings' lower-most floor contains desks and chairs, while each of the modest bedrooms in the upper floors contain a bed and chair. Again, we also utilized eachother's library contributions within the diner itself.