This project implements a Wacky Tales Weaver application using HTML, CSS, and JavaScript. It allows users to create fun stories by clicking on images, which dynamically change and contribute to the story.
Welcome to "Wacky Tales Weaver," a fun and engaging game where user become the master storyteller using a collection of silly images. Each click unveils a new part of tale, making every story unique.
-
Image Party:
- Splash page with cool images.
- Each image is a piece of story puzzle.
-
Story Magic:
- Click an image to reveal a snippet of tale.
- Each image has its own story contribution.
-
See Tale Grow:
- Watch story build up with every click.
- The story is displayed on the screen as it unfolds.
-
Do-Over Button:
- Use the "RESET STORY" button to reset story.
- Clone the repository to your local machine.
- Open
index.html
in your web browser to start playing "Wacky Tales Weaver."
-
HTML File:
- Contains the structure of the web application and imports necessary CSS and JavaScript files.
-
CSS File:
- Defines the styles and layout for the web application, including container layout, image styling, and reset button.
-
JavaScript File:
- Implements the functionality of the Wacky Tales Weaver, including adding snippets to the story, flipping images, and resetting the game.
- Click on the images to reveal parts of wacky tale.
- Watch as story grows with each click.
- Use the "RESET STORY" button to reset and create a new story.
- Images: Add or replace images in the
images
folder to customize your story elements. - Story Messages: Modify the
storyMessages
array inscript.js
to customize story snippets for each image.
- HTML
- CSS
- JavaScript
- This project is a practice exercise, and contributions are not expected. However, feel free to use the code as a learning resource or suggest improvements.