3 Game Description: ” snake – collect trash “

How the Game Works

Objective of the Game:

You are a snake tasked with collecting trash as you move around a limited area. Every time you collect trash, your body grows longer, making the game more challenging as you progress. The goal is to collect as much trash as possible without crashing into walls, borders, or your own body, and without eating items that aren’t trash.

How to Play:

Game Start:

You control a small snake at the beginning of the game.
Random items appear on the screen, including trash and non-collectible objects.

Controls. Use the arrow keys (or W, A, S, D) to move the snake in four directions:

Up: ↑ or W
Down: ↓ or S
Left: ← or A
Right: → or D

Collecting Trash. Every time the snake’s head touches a piece of trash:

The snake grows longer (adds a segment to its body).
The collected trash disappears.
A new piece of trash appears randomly on the screen.
You earn points.

Avoiding Collisions. The game ends if:

You crash into the borders of the play area.
You hit walls or obstacles on the map.
Your head collides with your own body.
You eat a non-collectible item.

Non-Collectible Items:

Non-valid objects (e.g., rocks or plants) will also appear on the screen.
Avoid these items, as touching them will result in an instant game over.

Increasing Difficulty:

As you collect more trash, the snake grows longer, making it harder to maneuver.
Optionally, the snake’s speed may increase over time.

End of the Game:

The game ends when you collide with something or eat an invalid object.
Your final score, based on the amount of trash collected, is displayed.

Key Mechanics Summary:

Player-controlled movement.
Random generation of valid (trash) and invalid objects.
Progressive growth of the snake’s body.
Collisions as a losing condition.

This game combines the classic mechanics of “Snake” with an environmental cleanup theme, making it a fun way to promote ecological values.

Registration and Login

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

Use template trail & turns

How to code

Add Game Elements, Scenes and Levels:

Games in Breshna are built scene by scene. Add multiple levels or challenges to engage players.

Characters and Assets:

Use preloaded characters or upload custom assets.
Assign animations or interactions to characters.

Interactive Elements:

Add clickable elements or questions.
Define actions for each interaction (e.g., collect points, navigate to the next level).

Define Game Rules

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.

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.

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.

Breshna has announced that it will soon be possible to monetize the games developed on its platform. Keep an eye on how this platform will evolve. To do this, you can use our Games4Green PLE proposed in this project, and you can customize your training and complement it.

Analyze Player Data (Optional)

Breshna provides analytics tools to track how players interact with your game. Use these insights to improve the experience.

Tips for Making an Engaging Game

Keep it Simple: Focus on clear rules and objectives.

Leverage Multimedia: Use engaging visuals, audio, and animations.

Iterate: Gather feedback from players and refine your game.

Gamify Learning: If the goal is educational, integrate quizzes, challenges, or rewards.

How to embed the code in HTML

The game is launching from breshna server using URL:

https://breshna.io/api/games/trailsAndTurns/index.html?template_id=67630b4edf049cec8fb1b359

But 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/trailsAndTurns/index.html?template_id=67630b4edf049cec8fb1b359″ 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>

* {

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>

<table>

<tr>

<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>

Unit 7.19. Video Game 19

Curriculum

3 Game Description: ” snake – collect trash “

How the Game Works

Objective of the Game:

How to Play:

Registration and Login

Create a New Game

How to code

Add Game Elements, Scenes and Levels:

Characters and Assets:

Interactive Elements:

Define Game Rules

Test Your Game

Publish and Share

Analyze Player Data (Optional)

How to embed the code in HTML

Modal title