{"id":3353,"date":"2024-05-13T22:42:19","date_gmt":"2024-05-13T20:42:19","guid":{"rendered":"https:\/\/www.rienadire.fr\/wordpress\/?p=3353"},"modified":"2025-10-19T09:51:56","modified_gmt":"2025-10-19T07:51:56","slug":"moiki-aventure-interactives-et-lance-de-des","status":"publish","type":"post","link":"https:\/\/www.rienadire.fr\/wordpress\/2024\/05\/13\/moiki-aventure-interactives-et-lance-de-des\/","title":{"rendered":"Moiki &#8211; aventure interactives et lanc\u00e9 de d\u00e8s"},"content":{"rendered":"\n<p>Aujourd&rsquo;hui, je voulais partager comment j&rsquo;ai utilis\u00e9 la plateforme Moiki pour cr\u00e9er un petit jeu d&rsquo;aventure interactif, \u00ab\u00a0Le Complot du Roi des Mers\u00a0\u00bb. C&rsquo;est une enqu\u00eate sur un bateau pirate o\u00f9 les joueurs doivent d\u00e9couvrir qui a tu\u00e9 le capitaine. Pour ajouter un peu de hasard et de suspense, j&rsquo;ai int\u00e9gr\u00e9 un m\u00e9canisme de lancer de d\u00e9s, comme dans les jeux de r\u00f4le. Je vais vous expliquer comment j&rsquo;ai fait, \u00e9tape par \u00e9tape.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Introduction \u00e0 Moiki<\/h3>\n\n\n\n<p><a href=\"http:\/\/moiki.fr\" data-type=\"link\" data-id=\"moiki.fr\">Moiki<\/a> est une plateforme en ligne vraiment sympa pour cr\u00e9er des fictions interactives. Elle permet de concevoir des histoires complexes avec des choix multiples qui influencent l&rsquo;intrigue. C&rsquo;est parfait pour ceux qui veulent donner vie \u00e0 des aventures immersives. Tr\u00e8s facile \u00e0 prendre en main, le mode expert permet de g\u00e9rer des \u00e9v\u00e9nements et des routines pour aller encore plus loin dans les m\u00e9caniques de jeux. L&rsquo;utilisation de ce mode est obligatoire pour appliquer le syst\u00e8me que je pr\u00e9sente ci-dessous.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Cr\u00e9er une Variable de D\u00e9<\/h3>\n\n\n\n<p>Pour commencer, j&rsquo;ai cr\u00e9\u00e9 une variable repr\u00e9sentant un d\u00e9 \u00e0 20 faces, qu&rsquo;on appelle un d20. Au d\u00e9part j&rsquo;\u00e9tais partis sur une variable num\u00e9rique mais j&rsquo;ai trouv\u00e9 cela plus complexe \u00e0 g\u00e9rer que d&rsquo;utiliser une variable textuelle. Ce n&rsquo;est donc pas v\u00e9ritablement un d20 qui est impl\u00e9ment\u00e9. Voici comment j&rsquo;ai proc\u00e9d\u00e9 :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Cr\u00e9er la variable d20 :<\/strong>\n<ul class=\"wp-block-list\">\n<li>Je suis all\u00e9 dans l&rsquo;\u00e9diteur de Moiki et j&rsquo;ai cr\u00e9\u00e9 une nouvelle variable de type texte que j&rsquo;ai nomm\u00e9e \u00ab\u00a0d20\u00a0\u00bb.<\/li>\n\n\n\n<li>Ensuite, j&rsquo;ai ajout\u00e9 toutes les valeurs possibles du d\u00e9, en ajustant le nombre de r\u00e9p\u00e9titions pour \u00e9quilibrer les probabilit\u00e9s. Par exemple, il y a plus de chances d&rsquo;obtenir une \u00ab\u00a0r\u00e9ussite\u00a0\u00bb qu&rsquo;un \u00ab\u00a0\u00e9chec critique\u00a0\u00bb.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a148250224d5&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-14-30-1024x480.png\" alt=\"\" class=\"wp-image-3354\" srcset=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-14-30-1024x480.png 1024w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-14-30-550x258.png 550w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-14-30-768x360.png 768w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-14-30.png 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Configurer la Routine de Lancer de D\u00e9<\/h3>\n\n\n\n<p>Ensuite, j&rsquo;ai configur\u00e9 une routine pour g\u00e9rer le lancer de d\u00e9. Cette routine affiche un texte al\u00e9atoire, joue un son de lancer de d\u00e9, puis g\u00e9n\u00e8re un r\u00e9sultat al\u00e9atoire pour la variable \u00ab\u00a0d20\u00a0\u00bb.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Configurer la routine :<\/strong>\n<ul class=\"wp-block-list\">\n<li>J&rsquo;ai cr\u00e9\u00e9 une nouvelle routine intitul\u00e9e \u00ab\u00a0lancer un d20\u00a0\u00bb.<\/li>\n\n\n\n<li>J&rsquo;ai ajout\u00e9 une action pour modifier la valeur de \u00ab\u00a0d20\u00a0\u00bb en la rendant al\u00e9atoire.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a14825022b5b&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-13-33-1024x480.png\" alt=\"\" class=\"wp-image-3356\" srcset=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-13-33-1024x480.png 1024w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-13-33-550x258.png 550w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-13-33-768x360.png 768w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-13-33.png 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : D\u00e9finir les Sorties en Fonction du R\u00e9sultat<\/h3>\n\n\n\n<p>Maintenant, j&rsquo;ai d\u00e9fini les diff\u00e9rentes sorties possibles de ma routine en fonction du r\u00e9sultat du d\u00e9. Les sorties peuvent \u00eatre un \u00e9chec critique, un \u00e9chec, une r\u00e9ussite, ou une r\u00e9ussite critique.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>D\u00e9finir les sorties :<\/strong>\n<ul class=\"wp-block-list\">\n<li>J&rsquo;ai associ\u00e9 chaque valeur de \u00ab\u00a0d20\u00a0\u00bb \u00e0 une s\u00e9quence sp\u00e9cifique correspondant \u00e0 un \u00e9chec critique, un \u00e9chec, une r\u00e9ussite ou une r\u00e9ussite critique.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a148250230ae&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-12-45-1024x480.png\" alt=\"\" class=\"wp-image-3355\" srcset=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-12-45-1024x480.png 1024w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-12-45-550x258.png 550w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-12-45-768x360.png 768w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-12-45.png 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 4 : Int\u00e9grer la Routine dans le Sc\u00e9nario<\/h3>\n\n\n\n<p>Enfin, j&rsquo;ai int\u00e9gr\u00e9 la routine de lancer de d\u00e9 dans mon sc\u00e9nario. Chaque fois qu&rsquo;une \u00e9preuve physique ou un \u00e9v\u00e9nement al\u00e9atoire est n\u00e9cessaire, je fais passer la s\u00e9quence par cette routine.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Int\u00e9grer la routine :<\/strong>\n<ul class=\"wp-block-list\">\n<li>Lorsqu&rsquo;un test de comp\u00e9tence est n\u00e9cessaire (par exemple, tenir la barre pendant une temp\u00eate), je passe par la routine \u00ab\u00a0lancer un d20\u00a0\u00bb.<\/li>\n\n\n\n<li>J&rsquo;associe ensuite les s\u00e9quences de r\u00e9ussite ou d&rsquo;\u00e9chec en fonction du r\u00e9sultat du d\u00e9.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a148250235d8&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-16-01-1024x480.png\" alt=\"\" class=\"wp-image-3357\" srcset=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-16-01-1024x480.png 1024w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-16-01-550x258.png 550w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-16-01-768x360.png 768w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2024\/05\/Capture-decran-du-2024-05-13-22-16-01.png 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>Voil\u00e0 comment j&rsquo;ai cr\u00e9\u00e9 un jeu d&rsquo;aventure interactif avec des \u00e9l\u00e9ments de hasard en utilisant une simulation de d\u00e8s sur Moiki. \u00ab\u00a0Le Complot du Roi des Mers\u00a0\u00bb permet aux joueurs de vivre une aventure immersive o\u00f9 leurs comp\u00e9tences et la chance influencent le d\u00e9roulement de l&rsquo;histoire. Si vous avez envie de cr\u00e9er votre propre jeu, je vous encourage \u00e0 essayer Moiki. C&rsquo;est vraiment amusant et les possibilit\u00e9s sont infinies.<\/p>\n\n\n\n<p>Le r\u00e9sultat est testable ici : <a href=\"https:\/\/moiki.fr\/social-club\/cleguyadec\/complot-du-roi-des-mers\">https:\/\/moiki.fr\/social-club\/cleguyadec\/complot-du-roi-des-mers<\/a><\/p>\n\n\n\n<p>J&rsquo;esp\u00e8re que cet article vous a \u00e9t\u00e9 utile. N&rsquo;h\u00e9sitez pas \u00e0 partager vos cr\u00e9ations et \u00e0 explorer les fonctionnalit\u00e9s de Moiki pour cr\u00e9er des histoires encore plus dynamiques et interactives. Bon jeu \u00e0 tous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&rsquo;hui, je voulais partager comment j&rsquo;ai utilis\u00e9 la plateforme Moiki pour cr\u00e9er un petit jeu d&rsquo;aventure interactif, \u00ab\u00a0Le Complot du Roi des Mers\u00a0\u00bb. C&rsquo;est une enqu\u00eate sur un bateau pirate o\u00f9 les joueurs doivent d\u00e9couvrir qui a tu\u00e9 le capitaine. Pour ajouter un peu de hasard et de suspense, j&rsquo;ai int\u00e9gr\u00e9 un m\u00e9canisme de lancer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3,318,9],"tags":[319,322],"class_list":["post-3353","post","type-post","status-publish","format-standard","hentry","category-actualite","category-fiction-interactive","category-tutoriaux","tag-fiction-interactive","tag-moiki"],"_links":{"self":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/3353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=3353"}],"version-history":[{"count":2,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/3353\/revisions"}],"predecessor-version":[{"id":3360,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/3353\/revisions\/3360"}],"wp:attachment":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=3353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/categories?post=3353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/tags?post=3353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}