Du nouveau dans mon tuto

 J'ai ajouté deux chapitres dans mon tuto sur FuncSug : Comment ajouter des images et comment gérer les clicks, à travers un petit jeu : Dialogue avec un avatar. 

C'est un petit exercice qui permet de voir ce qu'on peut faire avec FuncSug.

Prochainement, je parlerai des valeurs, comment intégrer du code JavaScript directement au milieu de FuncSug, oui oui c'est possible, vous verrez ! 😃

Enfin, avec toutes ces nouveautés, nous pourrons faire ensemble un petit jeu d'élevage et une petite histoire interactive comme celle que j'ai faite pour une démo du langage. 

J'espère vous avoir donné envie d'aller jeter un œil sur mon tuto.😁

Si vous n'êtes pas développeur.e, je ne vous oublie pas ! Vous pourrez tester et jouer avec mes petits jeux que je mettrai en ligne au fur et à mesure. 

A Bientôt dans un prochain article 👋

Mon expérience de développeuse FuncSug.

 

Bonjour 😃

Depuis quelques mois déjà, je vous parle d'un nouveau langage de programmation FuncSug.

Tout en apprenant ce langage sur le site de l'auteur, j'ai eu l'idée de partager mon expérience et de créer un tuto de mon apprentissage. Pourquoi ? D'abord parce que je me dis que rien de tel qu'un tuto de débutante pour s'adresser aux débutant(e)s. En effet, quand on maitrise un langage, on passe facilement des étapes qui nous semblent évidentes et qui sont cruciales pour la compréhension quand on débute. Et encore... Je suis sûre de quand même louper des étapes dans mon tuto...

La seconde raison est que autant partager mon expérience si ça peut donner envie et aider d'autres développeur(e)s autodidactes comme moi, ou celles et ceux qui galèrent avec le DOM, les événements et tout ça.

J'ai un diplôme du CNAM, le certificat professionnel développement WEB de niveau BAC / BAC +1 peut-être 🤨. Bref un niveau basique 😏. Alors autant vous dire que faire un jeu même un Memory en JavaScript... C'est galère... 😣

Mon mari, développeur avec un master, connait bien ce problème et il voyait bien que je galérais... Et là, 🤯 a émergé un nouveau langage. 

Bon là, j'accélère mais il faut remonter un peu dans le temps.

Durant mon stage, au département CEDRIC du CNAM,  nous avons rencontré des chercheurs dont le créateur d'un nouveau langage : SugarCubesJS.  (A ne pas confondre avec sugarCube js pour Twine)

Nous avons de suite adhéré à ce nouveau concept de programmation. J'ai fait un début de tuto, des petits programmes en SugarCubeJS : 

J'ai créé une notice du langage au fur et à mesure de mon apprentissage, un manuel et un petit tuto. 

J'ai réussi à développer des programmes : Un casse briques, un quizz musical,  deux animations : "les minis sweets", "le mini monde". 

Vraiment c'était sympas et je me suis régalée à faire des petits programmes 🤩 mais plus j'avançais et plus les complications s'enchainaient... Je pense que mon niveau en informatique n'était pas assez poussé car je galérais. Regardez le code de mon programme des "touches musicales" : Il beugue sur les appareils à écran tactiles et je n'ai pas, à mon avis, les compétences requises pour résoudre ce problème. Vous pouvez y jouer aussi.

C'est là que mon mari a eu l'idée de son langage FuncSug. Ce langage qui est inspiré de sugarCubes avec des facilités  pour les développeur(e)s débutant(e)s me tire une belle épine du pied et me fait faire un bon en avant de pas mal d'années d'études... Ben oui quoi ! Regardez mes petits programmes que j'ai réussi à faire du haut de mon CP dévelo Web 😃.

Le mini quizz

Le nombre mystère

Si vous êtes intéressé(e) n'hésitez pas à poser vos questions, partager vos petits programmes sur le GitHub de l'auteur, en anglais certes mais fait par un francophone. Vous pouvez aussi partager sur mon GitHub 😄 ou encore faire une petite remarque ici.😊

Suite dans un prochain chapitre 👩‍💻

Memory : Plus de thèmes

 J'ai enfin mis en ligne le jeu de memory avec différents thèmes. 

On peut choisir de retourner de 2 à 6 cartes identiques parmi 2 à 9 cartes. 🙂  

D'autres thèmes sont à venir...

                             

Enfin un tuto pour apprendre FuncSug !

 

Bonjour, je suis en train de créer un tuto en français de la version originale qui est en Anglais, afin de rendre plus accessible l'apprentissage de ce langage aux francophones allergiques à l'anglais. 

Bien que développer demande une certaine maitrise de la langue de Shakespeare, je vous facilite la tâche en créant ce tuto qui est le reflet de mon apprentissage de ce langage. 

Il s'adresse aux développeurs débutants qui connaissent le HTML, et le JavaScripts. 

En route vers le tuto !

Histoire interactive avec FuncSug et JS

 

Je contribue à développer une petite histoire interactive avec le développeur de FuncSug. Je me suis occupée du graphisme et des sons. Bon un peu d'indulgence, je suis autodidacte.😏 

Vivre l'aventure. 

A l'issue de cette petite story, le développeur souhaite inclure un mini jeu pour montrer que c'est possible de faire une histoire interactive avec des petits jeux à l'intérieur. On s'approche de plus en plus d'une jeu d'aventure avec une histoire à choix multiple avec des activités. C'est justement ce que je souhaite faire par la suite. 😊 

J'ai donc repris le code de son memory et l'ai adapté pour pouvoir faire mon memory. Cela à été plus simple que je ne pensais et surtout, beaucoup plus simple qu'un memory en pure javascript. Je m'y étais collée et j'ai abandonné car je suis débutante en programmation et un memory ce n'est pas du tout évident à faire. 

Je suis donc heureuse de vous présenter mon premier memory fini et qui marche. Vive FuncSug quand on a des difficultés avec les évènements du DOM et notamment "event listener" où le code n'est pas dans le même ordre que son exécution . 

Avec FuncSug, l'ordre d'exécution suit bien l'ordre du code et encore mieux, l'ordre du scénario. En cas de bug, on s'y retrouve plus facilement... Quand le développeur aura travaillé ses messages d'erreurs... Mais ce langage est à son tout début et en phase d'écriture et de test alors, soyons indulgent 😉

 Jouer au memory😃

Un memory pas comme les autres.

 

 

 

Bonjour,

J'ai participé à l'élaboration d'un nouveau jeu fait avec le langage FuncSug.

C'est un memory pas comme les autres. En effet, il faut retourner 2, 3, 4... jusqu'à 6 cartes qui doivent être identiques. 

Cela permet de corser le jeu et de varier par rapport aux autres memory que l'on connait bien. 

Bien sûr, plus le nombre de cartes identiques à trouver est grand, plus grande est la difficulté.

Bon jeu.

 

Histoire interactive

Cette petite histoire interactive est un exemple pour illustrer un prochain article d'histoire interactive en ligne, codée avec FuncSug. 

Si vous ne savez pas coder, vous pouvez très bien faire une petite histoire interactive avec juste du HTML et du CSS.

Vu la taille de cette histoire, c'est jouable mais le souci est la répétition et le risque d'oublier des branches. J'ai fait un petit bout pour vous donner une idée.