https://github.com/kingtroy125/3d-city
3D City is an interactive project showcasing a virtual 3D city built with HTML, CSS, and JavaScript. The project incorporates animations and visual effects to create an immersive experience, highlighting skills in web-based 3D design and creative coding. Perfect for exploring the potential of web technologies in crafting unique 3D environments.
https://github.com/kingtroy125/3d-city
3d-city-model 3d-design animatons creative-coding css3 html5 interactive-design javascript virtual-environment visual-effects web-development webgl
Last synced: 2 months ago
JSON representation
3D City is an interactive project showcasing a virtual 3D city built with HTML, CSS, and JavaScript. The project incorporates animations and visual effects to create an immersive experience, highlighting skills in web-based 3D design and creative coding. Perfect for exploring the potential of web technologies in crafting unique 3D environments.
- Host: GitHub
- URL: https://github.com/kingtroy125/3d-city
- Owner: KingTroy125
- Created: 2024-08-09T17:34:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-27T18:30:04.000Z (over 1 year ago)
- Last Synced: 2025-03-22T04:27:05.265Z (over 1 year ago)
- Topics: 3d-city-model, 3d-design, animatons, creative-coding, css3, html5, interactive-design, javascript, virtual-environment, visual-effects, web-development, webgl
- Language: JavaScript
- Homepage: https://kingtroy125.github.io/3D-City/
- Size: 15.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D-City
3D City is a creative project focused on building a fully interactive and dynamic 3D representation of a city. This project allows users to explore the cityscape, interact with different elements, and experience immersive 3D environments.
# Table of Contents
Demo
Features
Installation
Usage
Technologies Used
Contributing
License
Demo
Experience the 3D City live demo here. Explore a detailed cityscape with fully navigable 3D environments.
# Features
Interactive 3D Cityscape: Navigate through streets, buildings, and landmarks in a 3D environment.
Customizable City Elements: Modify the layout, building designs, and objects within the city.
Responsive and Immersive: Supports interaction on multiple devices, including desktop and mobile.
Camera Control: Dynamic camera angles for different perspectives as you explore the city.
Smooth Animations: Optimized for smooth movement and transitions within the 3D world.
# Installation
To run the project locally, follow these steps:
Clone the repository:
bash
git clone https://github.com/KingTroy125/3D-City.git
Navigate into the project directory:
bash
cd 3D-City
Install dependencies: If the project uses a package manager, run:
bash
npm install
Run the application:
bash
npm start
Visit http://localhost:3000 in your browser to start exploring the city.
Usage
After running the application, you can:
Explore the City: Use the mouse or touchpad to navigate and zoom in/out on the city.
Interact with City Elements: Click on buildings, landmarks, or other objects for additional details or actions.
Customize the Environment: If customization is available, modify the city layout or individual buildings.
Technologies Used
HTML5
CSS3
JavaScript
WebGL / Three.js (for 3D rendering)
React (or other frontend framework if applicable)
Node.js (if applicable for backend functionality)
Contributing
If you would like to contribute to the project, feel free to submit a pull request:
# Fork the repository
Create your feature branch (git checkout -b feature/NewFeature)
Commit your changes (git commit -m 'Add new feature')
Push to the branch (git push origin feature/NewFeature)
Open a Pull Request
# License
This project is licensed under the MIT License. See the LICENSE file for more details.