Skip to content

AlizayAyesha/sky-line-city

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Sky-Line-City

A simple web-based city skyline generator.

Table of Contents

About

Sky-Line-City aims to provide users with a fun and interactive tool for generating custom city skylines. It offers a range of building shapes, colors, and window configurations to enable users to create unique cityscapes that match their creative vision.

Features

  • Building Customization: Users can click on individual building components to customize their appearance, including building shape, color, and window configuration.
  • Color Selection: Sky-Line-City provides color pickers for choosing building and window colors, allowing users to create vibrant and diverse skylines.
  • Real-time Preview: Changes made to the skyline are reflected in real-time, providing instant feedback to users as they customize their cityscape.
  • Save and Share: Users can save their custom skylines and share them with others, fostering creativity and collaboration.

Installation

To run Sky-Line-City locally, follow these steps:

  1. Clone this repository to your local machine using git clone.
  2. Navigate to the project directory.
  3. Open the index.html file in your preferred web browser.

Usage

  1. Upon opening Sky-Line-City, users are presented with a blank canvas representing the city skyline.
  2. Click on individual building components (such as building shapes or windows) to customize their appearance.
  3. Use the color pickers provided to select building and window colors.
  4. Experiment with different building configurations to create a unique skyline.
  5. Save your custom skyline to share it with others or continue refining it later.

Contributing

Contributions to Sky-Line-City are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository on GitHub.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and ensure they align with the project's goals.
  4. Test your changes thoroughly.
  5. Commit your changes (git commit -am 'Add new feature').
  6. Push to the branch (git push origin feature-branch).
  7. Create a new Pull Request.

License

Sky-Line-City is licensed under the MIT License. You are free to use, modify, and distribute this project under the terms of the MIT License.

Results

image

About

making a sky line city on html & css zoom in zoom out to see intresting changes https://alizayayesha.github.io/sky-line-city/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published