gamedevalliance / fairedesjeux.fr Goto Github PK
View Code? Open in Web Editor NEWLe site collaboratif pour apprendre à créer des jeux vidéo ! (Propulsé par Vue et Gridsome)
Home Page: https://fairedesjeux.fr
Le site collaboratif pour apprendre à créer des jeux vidéo ! (Propulsé par Vue et Gridsome)
Home Page: https://fairedesjeux.fr
À cause de comment on génère les pages des Sections, ils semblerait que non seulement les transitions ne fonctionnent pas à partir d'une Section (elles fonctionnent dans une Course) mais également comme le changement de page n'est pas consideré correctement, cela brise les components dynamiques (actuellement MobileMenu.vue)
Entre autres, dans le cas du MobileMenu, le menu ne se ferme pas correctement lors d'un changement de page à partir d'une Section. J'ai du mal à voir comment corriger ça en dehors de changer notre stratégie de création des chemins complètement, peut-être qu'il faudrait utiliser des routes dynamiques?
En attendant, si on en peut pas régler ça, on peut forcer le menu mobile à se fermer quand un lien est appuyé et tolérer le manque de transition entre les sections.
Le minimum syndical pour sortir la formation au niveau bronze a été réalisé. Ça commence par les 3 vidéos principales (elles sont claires mais les intros et les conclusions sont superflues + il manque comment supprimer un évènement, ajouté en texte), puis ça continue avec divers tutos et textes récupérés du wiki.
zep a remplacé le manuel textuel par une page HTML plus sympa: https://www.lexaloffle.com/dl/docs/pico-8_manual.html
Les ancres ont changé, il faudrait adapter les liens comme par exemple celui pour les bitwise ops en fin de page https://fairedesjeux.fr/pico-8/techniques-avancees/manipuler-la-memoire/
Statut actuel de l'issue : La première moitié de la formation a été traduite de l'anglais par Nev et Nolwenn puis relue par moi-même. Actuellement, on cherche un traducteur ou une traductrice pour traduire la deuxième moitié, et je suis toujours disponible pour la relecture et des conseils si besoin.
La traduction demande une certaine aisance et créativité puisque l'idée est de conserver le ton sympathique tout en éliminant les lourdeurs du texte original (il a tendance à partir sur d'énormes pavés pour dire peu de choses parfois).
Même si on peut avoir d'autres tutos pixel art à l'avenir, ça reste cool d'avoir ce tuto pour son importance culturelle et historique !
Ajouter ici les petits détails de design à régler que l'on trouve.
On peut le voir dans pico-8/shooter-spatial/les-3-fonctions-principales par exemple.
Le cours RPG Maker actuellement présent sur FaireDesJeux est une archive mélangeant nos anciennes vidéos et des extraits du wiki (voir #4).
Pour améliorer la qualité de la formation, un premier objectif serait de produire une version texte complète, modernisée avec les nouvelles fonctions et des captures d'écran de RPG Maker MZ. Dans les vidéos, il y a beaucoup de matière à réutiliser, la plupart des infos n'ayant pas besoin d'être changées. Quand la version texte sera terminée, on pourra moderniser les vidéos pour produire une vraie formation vidéo.
Voici quelques idées d'amélioration, actuellement non présentes dans la formation FaireDesJeux mais déjà traitées dans des vieilles vidéos :
Il serait aussi intéressant d'aborder le parallax mapping.
Perso, je dois m'occuper de la rédaction d'autres formations, donc je donne juste quelques idées. Cela dit, si vous vous lancez je pourrai vous aider avec plaisir si besoin.
Travail sur le header du site.
Ce framework est énormément utilisé dans le monde de l'indépendant, c'est même impossible de parler des indies sans mentionner la période XBLA qui était largement sponsorisé par la facilité d'accès de XNA par-rapport aux autres outils et encore aujourd'hui, il reste le moteur utilisé par des très gros noms de l'indépendant (Stardew Valley, Celeste, Terraria etc). Il faudrait écrire un tutoriel dessus
Les tutos de rbwhitaker sur XNA et MonoGame sont historiquement souvent cités et très apprécié, ça peut être une source d'inspiration peut-être: http://rbwhitaker.wikidot.com/xna-tutorials et http://rbwhitaker.wikidot.com/monogame-tutorials . Son tuto sur C# peut également être intéressant: http://rbwhitaker.wikidot.com/c-sharp-tutorials
Cette formation est out of scope pour le moment. Pour ne pas nous éparpiller, nous allons nous concentrer sur une formation pour débuter par moteur. Pour le moment, nous allons plutôt garder ce type de contenu avancé et plus précis sur le wiki.
Idée d'amélioration proposée par xvw : "Créer son propre système de quêtes" qui se veut être une suite directe de chifoumi, mais il manque la partie 2, où l'on devait réaliser étape par étape le journal des quêtes et l'intégrer dans le menu. Il ajoute tout de même qu'avec un peu d'intelligence, il serait possible de se servir de qu'on apprend dans chifoumi pour faire la vue des quêtes.
Partie gauche
Partie droite
J'ai testé tous les éléments Markdown qu'on utilise et deux ne fonctionnent pas sur les accueils de formation :
Tâches par-rapport à la page d'accueil du site
Développement de la page des sections.
Statut actuel de l'issue : le projet est mis en pause pour une durée indéterminée en raison de l'indisponibilité du musicien avec qui je collabore.
Cette formation a pour objectif d'apprendre des concepts de base utiles à la composition pour des jeux indés. C'est un domaine assez complexe, où on apprend généralement beaucoup de théorie avant de donner plus de liberté aux étudiants. L'enjeu est donc de rendre la théorie fun, avec des illustrations concrètes, et de la limiter à ce qui est nécessaire pour commencer à composer des musiques de jeu.
J'y connais pas grand chose en Unity donc j'aurai besoin de vos lumières : parlez-moi des meilleurs tutos existants, les choses incontournables à apprendre...
Développement de la page d'accueil des formations
Bonjour à tous, nous sommes actuellement en phase de ruée vers la sortie du site. Afin de rendre la collaboration plus facile, nous avons décidé de créer ce ticket qui liste les choses à faire afin de sortir la version bêta du site
Réorganiser les chapitres
Introduction
Les bases
Créer un shooter spatial
Inspiré de https://ztiromoritz.github.io/pico-8-shooter/
Jeu d'aventure
Inspiré du tutoriel de MBoffin
Techniques avancées
vous pouvez utilisez Alt+Flèche pour naviguer entre les fonctions rapidement
CTRL-F to search for text in the current tab
CTRL-G to repeat the last search again
CTRL-L to jump to a line number
CTRL-UP, DOWN to jump to start or end
ALT-UP, DOWN to navigate to the previous, next function
CTRL-LEFT, RIGHT to jump by word
CTRL-W,E to jump to start or end of current line
CTRL-D to duplicate current line
TAB to indent a selection (shift to un-indent)
CTRL-B to comment / uncomment selected block
Navigate tabs by left-clicking, or with ctrl-tab, shift-ctrl-tab.
quand vous allez faire votre propre jeu, il y aura forcément un peu plus de tatonnements à chaque fois que vous découvrirez une nouvelle commande, vous suarez pas toujours quelle est la manière idéale de programmer tel truc... mais heureusement, la simplicité de pico8 fait que vous aurez toujours un résultat rapidement, et c'est pour ça que c'est un super logiciel pour tester des nouvelles idées de jeux et s'améliorer en programmation.
e=5 dans init puis dans draw :
--bonus
line(0,0,127,0,15)
if (btnp(⬇️)) e-=1
if (btnp(⬆️)) e+=1
gap=(128-8*e)/(e+1)
print("ennemis:",0,5,6)
print(e,32,5,8)
print("ecart:",0,13,6)
print(" (128-8* )/( +1)=",0,13,7)
print(e,52,13,8)
print(e,68,13,8)
print(gap,88,13,15)
for i=1,e do
line(gap*i+8*(i-1),0,gap*i+8*(i-1)+8,0,8)
end
Formation plus théorique sur la programmation, qui ne vise pas un langage en particulier.
Suggestions de contenu :
N'hésitez pas si vous avez des idées à contribuer.
Bonjour, j'ai un problème pour démarre le site sur localhost.
La commande gridsome develop ne démarre pas le serveur sur localhost.
Pour résoudre se souci, c'est assez facile, la commande "Set-ExecutionPolicy Bypass -Scope LocalMachine" dans un terminal ouvert avec les droits administrateur résout le problème.
Cependant cela créer un autre problème que je n'arrive pas à résoudre.
Je ne pense pas que cela est un lien mais je suis sur windows 11.
Faut-il que j'installe une plus vieille version de node.js?
Inspiré par GRM et par le blog de XVW.
Après avoir lu une formation, et s'être arrêté en plein milieu, quand on reviens sur la formation, une pop up en haut s'affiche proposant de reprendre là où vous en étiez. Soit à la bonne section, et au bon sous titre de cette section.
Refaire la formation "Publier son jeu sur Itch.io" pour en faire un seul chapitre, et l'intégrer à une formation "Distribuer son jeu"
$page.section.next
renvoie null
plutôt que l'URL de la première section du chapitre suivant, depuis la commit d'Erika qui a notamment changer les chapter.json
en chapter.md
. Cela se traduit concrètement par l'apparition du bouton "Retour à l'accueil" plutôt que "J'ai compris !" à chaque section qui termine un chapitre.
A priori le bug se situerais dans gridsome.server.js
, et serait peut-être lié à un moment où on assumerait la longueur du nom du fichier, l'extension étant maintenant plus courte cela pourrait briser le résultat.
Où j'en suis :
-> currentChapterId
, tempMap[options.chapter].sectionCount
, tempMap[options.chapter].sectionCount
semblent renvoyer la bonne valeur
-> options.next
dans les deux cas (if sectionCount > currentId
et else if chapterCount > currentChapterId
) semble renvoyer la bonne valeur
-> ${options.course}/${String(currentChapterId + 1).padStart(2, '0')}/01
renvoie la valeur que l'on veut (!!!) mais elle ne se retrouve pas quand on log options.next
update :
-> currentId
ne renvoie pas les dernières sections de chaque chapitre !!!
-> le problème c'est const sectionCount = fs.readdirSync(sectionPath).filter((file) => file.endsWith('.md')).length;
qui compte maintenant chapter.md
en plus des .md des sections (et comptent donc une section de trop).
Fix in 54cb6e0
"Formation" qui présente le site, son fonctionnement et contient un tutoriel complet pour contribuer sur le site.
En plus du guide pour contribuer au contenu du site, il faudrait une page qui explique les règles à suivre pour contribuer au côté technique du site et comment les appliquer.
Je pense pas qu'il y a besoin de montrer au gens comment configurer un éditeur de code (après tout, ils lisent un tutoriel sur comment contribuer au code) mais du moins expliquer que les outils suivants doivent être utilisés afin de respecter les conventions de style du répo:
Les deux sont disponible sous forme d'outil à utiliser directement (par-exemple eslint .
) ou comme extension à installer dans son éditeur de code (ESLint, Stylelint).
Des plugins existent pour les deux pour la plupart des éditeurs, que ce soit les trucs modernes comme VS Code ou Atom ou les trucs avec moins de typing latency comme Emacs ou Vim.
Je recommande de faire installer en extension pour éditeur, ça fait un meilleur workflow avec de l'autofix on save, erreurs affichées en temps réel etc mais de quand même expliquer la possibilité d'installer et d'utiliser manuellement
Également, une troisième extension doit être installée obligatoirement :
Cette extension permet de configurer automatiquement l'éditeur de code par-rapport à des règles (par-exemple, utiliser 4 espaces pour l’indentation, utiliser un certain format de retour à la ligne etc) et donc d'éviter les erreurs "basiques" de style.
Quelques trucs à préciser :
Essayer de passer un maximum du code tailwind qui est utilisé plusieurs fois dans le fichier de config via AddBase.
Actuellement le README du repo est celui de base de Gridsome. Il faudrait en écrire un
Le contenu devrait être assez similaire à ce qui se trouve actuellement dans la formation Comment Contribuer. C'est à dire un guide d'installation du repo, une description qui mentionne qu'est-ce que le projet est etc. On peut prendre pour exemple le README du wiki
Il est possible de voir le problème sur la page contribuer/comment-contribuer/contribuer-au-code.
Statut actuel de l'issue : La formation a été ouverte avec un chapitre sur le pixel art préparé par Nev puis réécrit par moi-même. Actuellement, on recherche un ou une adepte de Krita sachant expliquer les autres aspects du logiciel, comme l'animation et le dessin numérique, et je suis disponible pour la rédaction ou la relecture selon comment vous souhaitez travailler.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.