# Wcity - An Interactive Island Editor Built with Three.js

**URL:** <https://discourse.threejs.org/t/wcity-an-interactive-island-editor-built-with-three-js/93406>\
**Category:** Showcase\
**Tags:** animation, textures, materials, geometry\
**Created:** [August 10, 2026, 5:11pm UTC](https://discourse.threejs.org/t/wcity-an-interactive-island-editor-built-with-three-js/93406 "2026-08-10T17:11:29Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Konuralp](https://avatars.discourse-cdn.com/v4/letter/k/e5b9ba/32.png) [@Konuralp](https://discourse.threejs.org/u/Konuralp)\
**Post date:** [August 10, 2026, 5:11pm UTC](https://discourse.threejs.org/t/wcity-an-interactive-island-editor-built-with-three-js/93406/1 "2026-08-10T17:11:29Z")

</div>

Hi everyone! 👋

I wanted to share **wcity** , a browser-based interactive 3D island editor and environment built completely with **Three.js**.

The concept is to create a stylized, relaxing digital notebook where users can freely shape and build their own fortified mini-island from scratch.  
**Interactive Parcel System:** Players can pick elements from a “Building Notebook” catalog—such as houses, town squares, grass patches, hills, roads, lakes, and defensive walls—and place them onto parcels in real time.

1. **Dynamic Modes:** Switch seamlessly between an overhead bird’s-eye view (`Build Village`), a plane overview (`Plane`), and a ground-level exploration view (`Walk`) to experience the city up close.

2. **Atmosphere & Lighting:** Features smooth custom lighting, soft shadows, day/night styling touches, and animated environmental details like water waves and passing aircraft.