Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/teenbiscuits/cronosquare

CronoSquare 🎴🎲⌛ un pequeño minijuego de rompecabezas creado en HTML5 para la HackUDC 2024. Ganador del Premio GPUL x INDITEX Tech al proyecto más original. 🏆
https://github.com/teenbiscuits/cronosquare

hackaton hackaton-project hackudc hackudc24 html5 ia puzzle-game stable-diffusion udc

Last synced: about 1 month ago
JSON representation

CronoSquare 🎴🎲⌛ un pequeño minijuego de rompecabezas creado en HTML5 para la HackUDC 2024. Ganador del Premio GPUL x INDITEX Tech al proyecto más original. 🏆

Host: GitHub
URL: https://github.com/teenbiscuits/cronosquare
Owner: TeenBiscuits
License: apache-2.0
Created: 2024-02-16T18:55:26.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-02-23T21:39:11.000Z (10 months ago)
Last Synced: 2024-02-24T10:36:03.138Z (10 months ago)
Topics: hackaton, hackaton-project, hackudc, hackudc24, html5, ia, puzzle-game, stable-diffusion, udc
Language: JavaScript
Homepage: https://teenbiscuits.github.io/CronoSquare/
Size: 93.2 MB
Stars: 5
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        



 

[![CronoSquare Logo](https://raw.githubusercontent.com/TeenBiscuits/CronoSquare/main/imagenes/Logo%20Social.png)](https://cronosquare.pablopl.dev/)

🌐🎮 CronoSquare: El Videojuego 🎮🌐




# CronoSquare 🎴🎲⌛



[![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?logo=HTML5&logoColor=white)]()

[![Build](https://github.com/TeenBiscuits/CronoSquare/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/TeenBiscuits/CronoSquare/actions/workflows/pages/pages-build-deployment)

[![Web](https://img.shields.io/website?down_message=offline&up_message=online&label=Web&url=https%3A%2F%2Fteenbiscuits.github.io%2FCronoSquare)](https://teenbiscuits.github.io/CronoSquare)

[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

[![Devpost](https://img.shields.io/badge/DEVPOST-HackUDC-003e54)](https://devpost.com/software/cronosquare)

 

**CronoSquare 🎴🎲⌛ un pequeño minijuego de rompecabezas creado en HTML5 para la HackUDC 2024.**

**🏆 Premio GPUL x INDITEX Tech al proyecto más original 🏆**



### 💡 La Idea

![Windows Vista](https://raw.githubusercontent.com/TeenBiscuits/CronoSquare/main/imagenes/Windows-XP.webp)

En Windows Vista había un pequeño miniguego en el que nos inspiramos para crear este minijuego.

## 📷 Capturas de Pantalla



[![Gif-Demo](https://github.com/TeenBiscuits/CronoSquare/blob/main/imagenes/V%C3%ADdeo%20DEMO.gif?raw=true)](https://www.youtube.com/watch?v=JbIf-MH_fHw)

![Captura de pantalla-1](https://github.com/TeenBiscuits/CronoSquare/blob/main/imagenes/Captura%20de%20pantalla-1.png?raw=true)

![Captura de pantalla-2](https://github.com/TeenBiscuits/CronoSquare/blob/main/imagenes/Captura%20de%20pantalla-2.png?raw=true)



## 📖 Documentación

1. **Web Simple**. La estructura de la web es sencilla, consta de tres archivos: ```index.html```, ```script.js``` y ```style.css```.

2. **Sistema de generación de imágenes basado en IA**. El sistema original (no implementado devido a las limitaciones "Monetarias" que imponía la API) hace una llamada a la [API Stable Difusion](https://stablediffusionapi.com), que genera una imagen con un promp pseudo aleatorio (esta última parte no fue implementada porque descartamos la API al llegar al límite de request). Como solución temporal las imágenes fueron pre-generadas y guardadas en una carpeta del repo ```pics/```.

3. **Temporizador**. El juego no es solo un reto de habilidad sino también de tiempo.

4. **Nivel de ayuda**. No todos los jugadores están al mismo nivel, por eso se permite al jugador una pequeña ayuda opcional con la que ver la imagen original y/o unos pequeños números que usar como guía.

5. **Stats**. El jugador puede comprobar en todo momento su número de movimientos y es recompensado con **100 puntos** cada vez que completa correctamente un puzle.

## 📜 Licencias

Este código esta publicado bajo la **Apache License 2.0**. Decidimos publicar nuestro código bajo esta licencia ya que nos gustaría dar la libertad de compratir, usar y editar nuestro código pero solicitamos a cambio un mero reconocimiento por el esfuerzo inicial.

> ¿Qué es lo que más jode del mundo? Tener que poner el modo avión en un juego para quitar los anuncios. En nuestro juego, eso no pasa. **CronoSquare no tiene anuncios** y no los tendrá nunca. No tenéis que fiaros de nuestra palabra, aquí está el código, aunque incumpliésemos nuestra palabra, _este código es libre_.

> 

>  Ángel Díaz Fernández - 2024 (_Catador de videojuegos de la playstore profesional_)

Las imágenes propias y el logo de este proyecto están bajo la licencia **CC BY-NC 4.0**.

El resto de imágenes (no generadas por IA) y los sonidos están licenciados bajo **CC BY 4.0**.

## 💻 Contribuidores

- Pablo Portas López | [@TeenBiscuits](https://github.com/TeenBiscuits)

- Ángel Díaz Fernández | [@AngelDF00](https://github.com/AngelDF00)

- Alexandre Laredo Fernández | [@alex-ui](https://github.com/alex-ui)

## 🏆 Ganadores



### **🏆 Premio GPUL x INDITEX Tech al proyecto más original 🏆**

![GANADORES](https://github.com/TeenBiscuits/CronoSquare/blob/main/IMG_1639.jpeg?raw=true)