AI Story Generator With Voice Narration - AI Story Creator With Voice Narration Using ChatGPT & Content Creator Extension in PictoBlox

Stories inspire imagination, creativity, and learning. But what if children could create their own unique stories with the help of Artificial Intelligence?

In this project, we build an AI Story Generator with Voice Narration using PictoBlox. By combining the ChatGPT Extension, Content Creation Extension, and Text-to-Speech Extension, users can simply choose a Character, Theme, and Place, and the AI instantly generates an original story and narrates it aloud.

This interactive project demonstrates how Generative AI can be used in education to make storytelling more engaging and personalized.

Hardware

1. Laptop or Computer
2. Speakers or Headphones
3. Internet Connection

Software

1. PictoBlox
2. ChatGPT Extension
3. Content Creation Extension
4. Text-to-Speech Extension

To create an engaging storytelling environment, begin by customizing the stage and adding a storyteller character.

Add the Backdrops

1. Click on the Choose a Backdrop button located at the bottom-right of the PictoBlox stage.
2. From the backdrop library, select and add the following backdrops:
3. Mountain – Used as the main welcome screen.
4. Space – Displayed while selecting the character.
5. Jurassic – Displayed while selecting the theme.
6. Nebula – Displayed while selecting the place.
7. These different backdrops make each stage of the interaction visually appealing and help children stay engaged.

Add the Story Teller Sprite

1. Click on the Choose a Sprite button.
2. Search for and select the Fairy sprite from the sprite library.
3. Position the Fairy sprite on the stage to act as the AI Story Teller that guides users throughout the project.
4. The Fairy greets the user, provides instructions, and narrates the generated story using the Text-to-Speech extension.

With the stage and sprite ready, you can now start building the interactive AI Story Generator.

To create an interactive and user-friendly interface, use the Content Creation extension in PictoBlox.

1. Click on the Choose Extension button located at the bottom-left corner of the PictoBlox window.
2. From the extension library, add the Content Creation extension to your project.
3. Select the Make a Paragraph block and create a paragraph named "NeoNarrate" to serve as the main interface for the story generator.
4. Customize the paragraph by adjusting its theme, style, font, and alignment to make it visually appealing and easy to read.
5. Inside the paragraph, create three interactive buttons:
6. Character – Allows the user to choose the main hero of the story.
7. Theme – Lets the user select the message or idea for the story.
8. Place – Enables the user to choose where the adventure will take place.
9. Arrange the buttons neatly within the paragraph so that users can easily click and provide their choices.
10. Once the interface is ready, the NeoNarrate panel acts as the central menu from which children can select the story elements before the AI generates and narrates their personalized story.

Start by designing a welcoming interface for the user.

1. Set an attractive backdrop.
2. Display the Story Teller sprite.
3. Greet the user with a friendly message:
4. "Hi! Let's create magical stories together today!"
5. Use the Text-to-Speech extension to speak the welcome message.
6. Ask the user to choose a Character, Theme, and Place by clicking the available buttons.

This creates an interactive introduction before the story creation begins.

When the Character button is clicked:

1. Hide the menu panel.
2. Change the backdrop to match the character selection scene.
3. Ask:
4. "Who will be the main hero of the story?"
5. Store the user's response in the Character variable.
6. Return to the main menu after saving the input.

Examples:

1. Robot
2. Dragon
3. Princess
4. Astronaut
5. Pirate

When the Theme button is clicked:

1. Change the backdrop.
2. Ask:
3. "What message or idea should the story focus on?"
4. Save the response in the Theme variable.
5. Return to the main menu.

Examples:

1. Friendship
2. Kindness
3. Courage
4. Honesty
5. Teamwork

When the Place button is clicked:

1. Display a new backdrop.
2. Ask:
3. "Where should the adventure take place?"
4. Store the answer in the Place variable.
5. Broadcast the event to begin story generation.

Examples:

1. Space Station
2. Enchanted Forest
3. Castle
4. Underwater City
5. Desert Island

After collecting all three inputs:

1. Display the message:
2. "I am ready with a story for you!"
3. Use the ChatGPT Extension to generate a story.

Prompt used:

Make a story over Place, Theme, and Character in 100 words.

The AI combines the selected inputs and creates a completely original story.

Once the story is generated:

1. Display the generated text on the screen.
2. Use the Text-to-Speech Extension to read the story aloud.
3. The narration makes the experience more interactive, especially for young learners who enjoy listening while following along.