Box - 05-27-01 - Graphics Town Buildings

I created six types of objects in 05-27-01-buildings.js. All of them extend GrObject and are exported as ES modules so I can import them in 05-27-01.js.

The first building is GrHouse, which is a small residential house. The walls are made with BoxGeometry and use a PBR texture set from Concrete027_1K-JPG (color, normal, roughness, and AO maps). Each house instance gets a different color tint so they all look a little different, like cream or tan or brownish red. The roof is a gable shape made from two triangle faces and two rectangle faces that I built manually using BufferGeometry. The roof uses the RoofingTiles014A_1K-JPG PBR texture. For the front face I drew a door, two windows, and a small step using the Canvas 2D API and used that canvas as the texture.

The second building is GrChurch. It has a pyramid hip roof instead of a gable. The four roof triangles meet at a center point at the top. I used the same Concrete027 PBR material for the walls. There is no steeple.

The third building is GrTower, which is a glass office building. I made five different styles called simple, stepped, podium, crown, and antenna. Each style stacks several BoxGeometry pieces together at different heights. The glass texture is drawn with canvas, showing horizontal floor lines and a vertical column grid. Each tower instance can have a different glass color, mostly blue and grey tones.

The fourth building is GrWarehouse, which looks like a store. It has flat walls with the Concrete027 PBR texture and a flat roof using the same texture. On the front I placed a thin quad with a canvas-painted sign showing the store name.

For the tree I made GrPineTree, which uses a cylinder for the trunk and a cone for the green top part. I also made GrBush, which is just a sphere with an olive green color. Both are placed around roads and houses in the scene.

I created three types of buildings: a gable-roof house, a small striped store, and a church with a tower and clock. All buildings are constructed using multiple primitives (boxes, cones, cylinders, and planes) rather than a single box, which helps create more detailed structures.

Each building includes doors and windows, and I applied textures to these elements (door.jpg, window.jpg) as well as to the roofs (roof.jpeg, church_roof.jpg) to improve visual realism. The house features a two-piece sloped roof and a chimney. The store includes a detailed striped awning and a front door with a window. The church is more complex, with a tower, spire, cross, and a clock on the front façade, along with multiple windows along the hall and a tiled roof texture.

As a small additional detail, the clock on the church is animated to reflect real time, adding a subtle but dynamic element to the scene.

In addition, I implemented a low-poly tree class (a cylinder trunk with layered cones for foliage) and placed multiple trees throughout the environment to enrich the overall scene.

1. World Trade Center - reflects skybox and metal looks scraped using textures
2. A dome house from the reference link provided
3. A Gable house
4. Trees, texture used for stump.
5. The capitol building in the center.
6. There is a day night cycle (6s). Can be observed if looked for, I should have added other lights next to the road to make it clearer.