{"id":2891,"date":"2015-09-19T15:58:27","date_gmt":"2015-09-19T15:58:27","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=2891"},"modified":"2018-07-26T21:45:33","modified_gmt":"2018-07-26T21:45:33","slug":"flowlab-creer-de-petits-jeux-en-2d-sans-programmer-en-ligne","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2891","title":{"rendered":"Flowlab: cr\u00e9er de petits jeux en 2D sans programmer, en ligne"},"content":{"rendered":"<p>J&#8217;avais commencer ce blog par un logiciel pour cr\u00e9er un jeu sans programmer, je reviens en quelque sorte aux sources. Flowlab se propose de cr\u00e9er de petits jeux en html5, sans programmer et avec pour seule limite votre imagination. Si la promesse est simple, il faudra en fait se creuser un peu les m\u00e9ninges pour arriver \u00e0 ses fins et r\u00e9gler correctement les comportements des objets. Bref, on apprend un peu de la logique du code avec un r\u00e9sultat imm\u00e9diat comme celui-ci. Notez que je ne me suis pas foul\u00e9 et que e n&#8217;ai r\u00e9alis\u00e9 que le tutoriel.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/www.flowlab.io\/game\/embed\/251368\" width=\"320\" height=\"335\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe> <!--more--><\/p>\n<p>Et pour se faire, une interface relativement simple \u00e0 comprendre. Le plus complexe ne sera pas la construction mais les r\u00e9glages. On se contente en fait de disposer des blocs qui constitueront soit les \u00e9l\u00e9ments fixes soit les \u00e9l\u00e9ments mobiles. Tout est absolument r\u00e9glable et on peu donc personnaliser \u00e0 l&#8217;infini.<\/p>\n<p>Chaque sprite ou \u00e9l\u00e9ment est \u00e9ditable et modifiable dans une interface encore une fois relativement simple.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-edition-sprite.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2893\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-edition-sprite-300x169.png\" alt=\"flowlab edition sprite\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-edition-sprite-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-edition-sprite-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-edition-sprite.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Le service propose quelques sprites assez classiques mais ils sont modifiables ce qui permet d&#8217;en cr\u00e9er de nouveaux et il est m\u00eame possible d&#8217;en ajouter de nouveaux en les uploadant. Pour les tr\u00e8s gros objets, si vous en pr\u00e9voyez il faut combiner plusieurs sprites.<\/p>\n<p>Les objets sont \u00e0 d\u00e9poser sur l&#8217;air de jeu par simple clic. Si vous \u00eates amen\u00e9s \u00e0 r\u00e9utiliser le m\u00eame symbole de multiples fois par exemple pour cr\u00e9er le sol ou des murs, il suffira de les cloner et de les d\u00e9poser en masse. Chaque objet cr\u00e9\u00e9 est int\u00e9gr\u00e9 \u00e0 la biblioth\u00e8que et peut \u00eatre s\u00e9lectionner rapidement.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabajout-pice.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2895\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabajout-pice-300x169.png\" alt=\"flowlabajout pice\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabajout-pice-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabajout-pice-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabajout-pice.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Une fois les \u00e9l\u00e9ments en place, si certains ne vous conviennent pas, ils sont totalement modifiables \u00e0 nouveau par un menu apparaissant au clic permettant de le cloner, de l&#8217;\u00e9diter \u00e0 nouveau, de l&#8217;enlever \u00e9ventuellement.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-menu-piece.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2894\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-menu-piece-300x169.png\" alt=\"flowlab menu piece\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-menu-piece-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-menu-piece-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlab-menu-piece.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Quand votre travail est termin\u00e9, il faudra \u00e9tablir les r\u00e8gles de comportement des objets et de l&#8217;aire de jeu. La gravit\u00e9 est r\u00e9glable permettant ainsi de constituer autant des jeux type super mario que des jeux ne n\u00e9cessitant aucune gravit\u00e9. L\u00e0 encore, le service propose des comportements pr\u00e9d\u00e9finis en fonction des objets mais il est tout \u00e0 fait possible de cr\u00e9er ses propres comportements ou de modifier ceux existants. L&#8217;interface est encore une fois assez simple, les actions sont repr\u00e9sent\u00e9es par un syst\u00e8me de lien d\u00e9finissant les rapports de cause \u00e0 effet.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabcomportement.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2896\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabcomportement-300x169.png\" alt=\"flowlabcomportement\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabcomportement-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabcomportement-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabcomportement.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Enfin de nombreuses options permettent de jouer sur diff\u00e9rents plans, de modifier l&#8217;aire de jeu etc&#8230;.<\/p>\n<p>L\u00e0 encore, la limite ne sera que votre imagination. Une fois votre jeu termin\u00e9 il peut \u00eatre test\u00e9 imm\u00e9diatement dans le syst\u00e8me puis simplement partag\u00e9. L&#8217;interface propose pour chacun de vos jeux une url, un code d&#8217;int\u00e9gration pour votre site web ou encore un partage direct sur facebook.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabjeu.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2897\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabjeu-300x169.png\" alt=\"flowlabjeu\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabjeu-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabjeu-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/flowlabjeu.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Au final, le service fait bien ce qu&#8217;il promet de faire et relativement simplement. Le type de jeux est \u00e0 inventer car vous pouvez faire tout ce que vous souhaitez. Le service est gratuit mais vous serez limit\u00e9 \u00e0 la cr\u00e9ation de trois jeux. Il faudra pour en cr\u00e9er d&#8217;autres supprimer un jeu de fa\u00e7on \u00e0 ne pas d\u00e9passer ce nombre.<\/p>\n<p>Lien: <a href=\"https:\/\/flowlab.io\" target=\"_blank\" rel=\"noopener\">Flowlab<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>J&#8217;avais commencer ce blog par un logiciel pour cr\u00e9er un jeu sans programmer, je reviens en quelque sorte aux sources. Flowlab se propose&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2891\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Flowlab: cr\u00e9er de petits jeux en 2D sans programmer, en ligne<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,53],"tags":[],"class_list":["post-2891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation","category-creer-des-jeux"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2891"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2891"}],"version-history":[{"count":4,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2891\/revisions"}],"predecessor-version":[{"id":7520,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2891\/revisions\/7520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/2893"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}