3 Game Description

• 

• How the Game Works

• Game Description: “Catch the Right Energy”

In this interactive game created with Breshna, players are tasked with catching the correct objects falling from the sky. The objective is to distinguish between renewable and non-renewable energy sources. As different objects representing various energy sources fall, players must catch those that represent renewable energy (like wind, solar, and hydro power) while avoiding non-renewable energy objects (such as fossil fuels like coal, oil, and natural gas).

• Gameplay:

• • Objective: Catch renewable energy sources and avoid non-renewable energy sources.
  • Game Mechanics: 
    • Objects representing renewable energies (e.g., solar panels, wind turbines, hydroelectric dams) fall from the sky.
    • Objects representing non-renewable energies (e.g., oil barrels, coal, natural gas) also fall.
    • Players must move a character (or basket) left and right to catch the correct objects.
    • Each correct catch of a renewable energy object earns points, while catching a non-renewable energy object results in a penalty or loss of points.

• Key Features:

• Levels of Difficulty: As the game progresses, the speed and number of falling objects increase, making it more challenging to differentiate between renewable and non-renewable energy sources.
• Time Limit: Players have a set amount of time to catch as many correct objects as possible.
• Educational Focus: The game helps players learn the difference between renewable and non-renewable energy in a fun, interactive way.

• Goal:

The ultimate goal is to catch as many renewable energy objects as possible while avoiding the harmful non-renewable sources, all within the time limit, to achieve a high score.

 

• Registration and Login

Sign up for Breshna.io. You’ll need an email-based account, or you can sign up using your Facebook or Google accounts

 

For the future, you will be able to edit the created games and publish them with your account.

At the moment, this platform offers to create video games. Understanding the dynamics of video games is very interesting to get started. 

Breshna.io announces that they will soon launch a web3 layer that will allow users to create, share, own and monetize the games created, including the integration of NFTs.

 

• Create a New Game

Click on “Create New Game” in the control panel.

You will be able to observe the different templates available, select CATCH THE ANSWER: 

 

• How to coding

• Add Game Elements

1. Scenes and Levels:
   • Games in Breshna are built scene by scene. Add multiple levels or challenges to engage players.

 

1. Characters and Assets:
   • Use preloaded characters or upload custom assets.
   • Assign animations or interactions to characters.
2. Interactive Elements:
   • Add clickable elements or questions.
   • Define actions for each interaction (e.g., collect points, navigate to the next level).

 

5. Define Game Rules

1. Scoring System:
   • Set rules for how players earn points or rewards. 

 

Challenges and Penalties:

Include penalties for incorrect actions (e.g., losing points or restarting the level).

Timers:

Add time limits to create urgency and make the game more dynamic.

6. Test Your Game

Use the Preview Mode to test your game directly on the platform.

Check for issues like:

Interaction responsiveness.

Scene transitions.

Scoring accuracy.

7. Publish and Share

Once satisfied, click Publish to make your game live.

Share the game link with others or embed it in websites and social media.

https://breshna.io/api/games/catchTheAnswer/index.html?template_id=67631388df049cec8fb1c0f9

 

• How to upload your own images

 

On left menu, select Upload Collectibles and drag and drop images following instructions: recommended image size 256 x 256, PNG or JPG and size max 5MB.

For each image you need to text Category, title, tags and Privacy Settings.

 

 

 

• How to embed the code in HTML

You can embed it into your own web page using:

<div style=”width: 100%; height :800px; text-align: center; background-color: #23183D;”><img src=”https://breshna.io/_next/static/media/BreshnaLogo.9878047a.svg” alt=”” style=”padding: 10px;”><iframe style=”border: #23183D;margin-bottom:0px” width=”100%” height=”87%” src=”https://breshna.io/api/games/catchTheAnswer/index.html?template_id=67631388df049cec8fb1c0f9″ title=”description”></iframe><div style=”background-color: #23183D;padding: 15px;”><h3 style=”background-color: #23183D; margin: 0px; color :white; font-family:sans-serif;”>This game was created on Breshna.io.</h3><div style=”background-color: #23183D;padding: 10px;”><h3 style=”margin: 0px; color :white;font-family:sans-serif;”>Click here to create yours</h3><div style=”margin-top: 20px;”><a href=”https://breshna.io” style=”padding: 9px 27px;border-radius: 8px;background-color: #7b3fd5;font-size: 1.5rem;font-weight: 600;margin-bottom: 20px;text-transform: capitalize!important;font-family: sans-serif;margin-top: 10px;text-decoration: none;color: #fff;”>Create</a></div></div></div></div>

 

A sample of page with embedded code can be this HTML:

 

<!DOCTYPE html>

<html>

<head>

<style type=”text/css”>

* {

padding: 0;

margin: 0;

}

#footer {

    position: fixed;

    bottom: 0;

    width: 100%;

    background: #222;

    color: #fff;

    text-align: center;

    padding: 10px 0;

}

#footer img {

    height: 50px;

    vertical-align: middle;

    margin-right: 10px;

}

 

html, body {

    background: #000;

    color: #fff;

    overflow-y: auto;

    touch-action: none;

    -ms-touch-action: none;

    height: 100%;

    margin: 0;

    display: flex;

    flex-direction: column;

}

#c2canvasdiv {

    flex: 1; /* Deja que el canvas ocupe el espacio restante */

    display: flex;

    justify-content: center;

    align-items: center;

}

canvas {

    max-width: 100%;

    max-height: calc(100vh – 60px); /* Resta el tamaño del footer */

}

    </style>

</head> 

<body> 

<div style=”width: 100%; height :800px; text-align: center; background-color: #23183D;”><img src=”https://breshna.io/_next/static/media/BreshnaLogo.9878047a.svg” alt=”” style=”padding: 10px;”><iframe style=”border: #23183D;margin-bottom:0px” width=”100%” height=”87%” src=”https://breshna.io/api/games/catchTheAnswer/index.html?template_id=67631388df049cec8fb1c0f9″ title=”description”></iframe><div style=”background-color: #23183D;padding: 15px;”><h3 style=”background-color: #23183D; margin: 0px; color :white; font-family:sans-serif;”>This game was created on Breshna.io.</h3><div style=”background-color: #23183D;padding: 10px;”><h3 style=”margin: 0px; color :white;font-family:sans-serif;”>Click here to create yours</h3><div style=”margin-top: 20px;”><a href=”https://breshna.io” style=”padding: 9px 27px;border-radius: 8px;background-color: #7b3fd5;font-size: 1.5rem;font-weight: 600;margin-bottom: 20px;text-transform: capitalize!important;font-family: sans-serif;margin-top: 10px;text-decoration: none;color: #fff;”>Create</a></div></div></div></div>

<div id=”footer”>

        <table>

            <tr>

                <td><img src=”images/logo.png” alt=”Logo”></td>

                <td><span>Funded by the European Union. Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them.</span></td>

            </tr>

        </table>

    </div>

</body> 

</html>