Valentin
J'ai mis le site web en production sur mon VPS.
Nous voulions directement pouvoir déployer le site avec un push sur le repository Github.
Nous utilisons Docusaurus, l'équivalent d'un Gitbook.
La problématique avec ce dernier est qu'il a quelques exigences concernant son déploiement.
Ce dernier doit être npm install et build npm run build.
Pour tout le processus de déploiement, j'utilise n8n
ci.yml
name: CI/CD call n8n auto deploy
on:
push:
branches: - main
pull_request:
jobs:
build-and-test:
runs-on: ubuntu-latest
steps:
- name: Trigger n8n webhook
run: curl -fsSL "https://n8n.beauget.fr/webhook/d81232cf-0467-4dd0-9d23-2d52acc5cabf"
J'ai également réalisé un premier prototype : 'SlotMachine' où l'utilisateur observe une roulette avec 3 slots faisant défiler des fruits et doit appuyer 3 fois d'affilée à un moment précis lorsqu'un 7 apparaît pour réussir le mini-jeu.
Gabriel
Je me suis occupé de créer une bonne base que ce soit dans la hiérarchisation des éléments du jeu ou dans les méthodes communes réutilisables par tous les autres dans la création des mini-jeux (GameManager).
GameManager.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using TMPro;
using System;
public class GameManager : MonoBehaviour
{
[Header("Config Initiale")]
[SerializeField] public int startingLives = 2;
[SerializeField] public int difficulty = 1;
[SerializeField] private int lives;
public int Lives { get; private set; }
[Header("Timer Partagé")]
[SerializeField] private bool timerRunning;
public bool TimerRunning { get; private set; }
[SerializeField] private float remainingTime;
public float RemainingTime { get; private set; }
[SerializeField] private float duration;
public float Duration { get; private set; }
private Coroutine _timerCo;
public event Action OnTimerEnded;
public event Action<float> OnTimerTick;
[Header("Leaderboard")]
[SerializeField] private int roundsPlayed;
public int RoundsPlayed { get; private set; }
[Header("UI")]
[SerializeField] public TimerUI timerUI;
[SerializeField] private LivesUI livesUI;
public event Action OnMinigameWon;
public event Action OnMinigameFailed;
void Awake()
{
Lives = startingLives;
livesUI?.SetLives(Lives);
RoundsPlayed = 0;
}
public void AddRound()
{
RoundsPlayed++;
}
public void LoseLife()
{
Lives--;
livesUI?.SetLives(Lives);
}
public void ResetLives()
{
Lives = startingLives;
livesUI?.SetLives(Lives);
}
public void StartTimer(float seconds)
{
StopTimer();
Duration = Mathf.Max(0f, seconds);
RemainingTime = Duration;
TimerRunning = true;
timerUI?.Show(Duration);
_timerCo = StartCoroutine(CoTimer());
}
public void StopTimer()
{
if (_timerCo != null) StopCoroutine(_timerCo);
_timerCo = null;
TimerRunning = false;
timerUI?.Hide();
}
IEnumerator CoTimer()
{
while (RemainingTime > 0f)
{
RemainingTime -= Time.deltaTime;
if (RemainingTime < 0f) RemainingTime = 0f;
timerUI?.UpdateTime(RemainingTime, Duration);
OnTimerTick?.Invoke(RemainingTime);
yield return null;
}
TimerRunning = false;
OnTimerEnded?.Invoke();
}
public void NotifyWin()
{
StopTimer();
OnMinigameWon?.Invoke();
}
public void NotifyFail()
{
StopTimer();
OnMinigameFailed?.Invoke();
}
public TMP_Text livesText;
void Update()
{
livesText.text = "Vies: " + lives;
}
}
J'ai également réalisé un prototype 'TriPommePoire'. Un fruit aléatoire entre ces deux apparaît à l'écran et la personne doit choisir rapidement entre le panier de gauche contenant les pommes ou celui de droite avec les poires.
Audric
J'ai créé l'API en Node.js pour implémenter une communication directe entre la borne et le site. En l'occurrence, le site va afficher les leaderboard.
const express = require("express");
const cors = require("cors");
const data = require("./data.json");
const fs = require("fs");
require("dotenv").config();
const app = express();
const PORT = 3001;
app.use(cors());
app.use(express.json());
app.get("/", (req, res) => {
res.send("API !");
});
let leaderboard = data;
function checkApiKey(req, res, next) {
const apiKey = req.headers["x-api-key"];
if (apiKey && apiKey === process.env.API_KEY) {
next();
} else {
res.status(403).json({ error: "Clé API manquante ou invalide" });
}
}
app.get("/leaderboard", (req, res) => {
leaderboard.sort((a, b) => b.score - a.score);
res.json(leaderboard);
});
app.post("/leaderboard", checkApiKey, (req, res) => {
let { name, score } = req.body;
if (!name || typeof score !== "number") {
return res.status(400).json({ error: "Nom et score requis" });
}
if (name.length > 3) {
name = name.substring(0, 3);
}
name = name.toUpperCase();
const existingEntry = leaderboard.find((entry) => entry.name === name);
if (existingEntry) {
if (score > existingEntry.score) {
existingEntry.score = score;
} else {
return res.json({
success: false,
message: "Score non mis à jour (inférieur ou égal au score existant).",
leaderboard,
});
}
} else {
leaderboard.push({ name, score });
}
leaderboard.sort((a, b) => b.score - a.score);
fs.writeFileSync("./data.json", JSON.stringify(leaderboard, null, 2));
res.json({ success: true, leaderboard });
});
app.listen(PORT);
J'ai fait un prototype en 3D d'un jeu type 'Dropper' où l'on doit ajouter les différentes balles dans les cylindres avec un bon timing.
Marius
J'ai créé le site web. On utilise docusaurus, un outil similaire à GitBook qui supporte nativement la gestion d'un blog.
J'ai commencé à créer le prototype d'un jeu 'MentalMath' qui est un jeu de calcul mental similaire à "l'Entraînement Cérébral du Dr Kawashima". Un calcul assez simple, 3 propositions, si le choix est bon, apparition d'un visage joyeux et inversement.
J'ai réutilisé les méthodes créées par Gabriel pour mon `CalculManager'
CalculManager.cd
using UnityEngine;
public class CalculManager : MonoBehaviour
{
[SerializeField] private GameManager gameManager;
[SerializeField] private CalculLogic calculLogic;
[SerializeField] private CalculUIManager calculUIManager;
void Start()
{
gameManager.StartTimer(10f);
GenerateNewCalculation();
}
public void GenerateNewCalculation()
{
var calcul = calculLogic.GenerateCalculation();
calculUIManager.DisplayCalculation(calcul);
}
public bool OnAnswerSelected(int index)
{
bool correct = calculLogic.CheckAnswer(index);
if (correct)
{
gameManager.NotifyWin();
}
else
{
gameManager.LoseLife();
gameManager.NotifyFail();
}
return correct;
}
}
