Level Design Un site de Game &amp; Level Design par Brett Videlier. https://www.brett-videlier.fr/level-design.feed 2024-05-02T09:36:08Z Joomla! 1.5 - Open Source Content Management Cosmicrew 2010-08-28T00:00:00Z 2010-08-28T00:00:00Z https://www.brett-videlier.fr/level-design/2-niveaux/19-cosmicrew.html Sinclair videlierbrett@free.fr <p>Je vais maintenant aborder mon travail de <strong>level designer</strong> sur <strong>Cosmicrew</strong>, sans rentrer dans le détail. <br /> Celui-ci peut se découper en deux phases :<br /> <br /> D'abord du <strong>level design "graphique"</strong> sous <strong>photoshop</strong>.<br /> Il existe alors plusieurs écoles, soit vous dessinez votre niveau en fonction du <strong>gameplay</strong>, soit vous composez votre <strong>gameplay</strong> en fonction de votre niveau, soit vous faites quelque chose à mi-chemin entre les deux.<br /> <br /> L’image <strong>PNG</strong> obtenue est alors importée dans le moteur de jeu de <strong>Little Wolds</strong>, qui va générer une carte de hauteurs à partir des niveaux de gris. Ainsi le noir est transformé en roche, et le blanc en espace. Les roches sont texturées automatiquement.</p> <p style="text-align: center;"><strong> </strong><strong><span style="font-size: xx-large;"> </span></strong></p> <p style="text-align: center;"><img src="img/Cosmicrew/Comparatif1.jpg" border="0" alt="Carte en Niveau de gris " width="350" height="350" style="border: 0pt none;" /><strong><img src="img/Cosmicrew/fleche.png" border="0" alt="flèche rouge" width="133" height="349" style="border: 0pt none;" /></strong><strong><img src="img/Cosmicrew/Comparatif2.jpg" border="0" alt="Résultat final après incorporation dans le moteur" width="350" height="352" style="border: 0pt none;" /></strong></p> <p>Ensuite l'utilisation du moteur de jeu pour le <strong>level design</strong> "<strong>gameplay</strong>".  Mon objectif est de placer tous les <strong>assets</strong> (ou éléments de <strong>gameplay</strong>), tels que les monstres, les Kosmos (monnaie du jeu), les trésors, les passages secrets, le temps supplémentaires, les trous noirs (qui aspireront les vaisseaux vers le début), le carburant (pour les vaisseaux), les bonbonnes d'oxygène (pour les cosmonautes), les clefs à molettes (pour réparer les vaisseaux) et bien entendu les points de départ et d'arrivée. <br /> <br /></p> <p>Je vais maintenant aborder mon travail de <strong>level designer</strong> sur <strong>Cosmicrew</strong>, sans rentrer dans le détail. <br /> Celui-ci peut se découper en deux phases :<br /> <br /> D'abord du <strong>level design "graphique"</strong> sous <strong>photoshop</strong>.<br /> Il existe alors plusieurs écoles, soit vous dessinez votre niveau en fonction du <strong>gameplay</strong>, soit vous composez votre <strong>gameplay</strong> en fonction de votre niveau, soit vous faites quelque chose à mi-chemin entre les deux.<br /> <br /> L’image <strong>PNG</strong> obtenue est alors importée dans le moteur de jeu de <strong>Little Wolds</strong>, qui va générer une carte de hauteurs à partir des niveaux de gris. Ainsi le noir est transformé en roche, et le blanc en espace. Les roches sont texturées automatiquement.</p> <p style="text-align: center;"><strong> </strong><strong><span style="font-size: xx-large;"> </span></strong></p> <p style="text-align: center;"><img src="img/Cosmicrew/Comparatif1.jpg" border="0" alt="Carte en Niveau de gris " width="350" height="350" style="border: 0pt none;" /><strong><img src="img/Cosmicrew/fleche.png" border="0" alt="flèche rouge" width="133" height="349" style="border: 0pt none;" /></strong><strong><img src="img/Cosmicrew/Comparatif2.jpg" border="0" alt="Résultat final après incorporation dans le moteur" width="350" height="352" style="border: 0pt none;" /></strong></p> <p>Ensuite l'utilisation du moteur de jeu pour le <strong>level design</strong> "<strong>gameplay</strong>".  Mon objectif est de placer tous les <strong>assets</strong> (ou éléments de <strong>gameplay</strong>), tels que les monstres, les Kosmos (monnaie du jeu), les trésors, les passages secrets, le temps supplémentaires, les trous noirs (qui aspireront les vaisseaux vers le début), le carburant (pour les vaisseaux), les bonbonnes d'oxygène (pour les cosmonautes), les clefs à molettes (pour réparer les vaisseaux) et bien entendu les points de départ et d'arrivée. <br /> <br /></p> Seminary présentation 2010-08-26T11:27:32Z 2010-08-26T11:27:32Z https://www.brett-videlier.fr/level-design/2-niveaux/23-seminary-presentation.html Sinclair videlierbrett@free.fr <p>Voici une rapide présentation de la carte "<strong>Seminary</strong>", créée sous l'<strong>éditeur de niveaux</strong> de <strong>Splinter Cell : Chaos Theory</strong>.<span style="color: #ff0000;"><br /></span></p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;"><span style="font-family: verdana,geneva;">Briefing de mission :</span></span></span></h2> <h2><span style="font-family: verdana,geneva;"> </span></h2> <p><span style="font-family: verdana,geneva;"><em>8 Mars 2008, 3h30 <br /> Quelque part dans les Balkans.<br /><br /> Centre de recherche d’Arklay.</em></span></p> <p><span style="font-family: verdana,geneva;"><em>Sam, ici le Colonel Irving Lambert.<strong><br /> </strong> </em></span><span style="font-family: verdana,geneva;"><em> Suite à la surveillance prolongée de Nikolaï Dimitrievitch Grinko<em>, nos</em></em></span><span style="font-family: verdana,geneva;"><em> informateurs semblent rapporter d’étranges activités liées au centre de recherche Arklay. Notre ancien camarade des Spetnaz, s’est reconverti dans le terrorisme, en particulier le marché des armes bactériologiques. Il aurait récemment rejoint les armées Nord Coréenne et Chinoise. <br /><br /> D’après les communications interceptées par Echelon, plusieurs appels téléphoniques réguliers cryptés, auraient été passés au centre ces derniers temps. De là à imaginer que le centre abriterait un laboratoire secret, il n’y a qu’un pas. </em></span><span style="font-family: verdana,geneva;"><em> </em></span><span style="font-family: verdana,geneva;"><em><br /> Sam, ta mission est simple, tu devras infiltrer la zone et vérifier si oui ou non, le centre est lié à ces activités terroristes. Ramène tous les documents compromettants(fouille le bureau du directeur), ainsi que des souches de virus (fouille les installations sous-terraines, il y a surement un laboratoire).<br /> Les gardiens(<strong>Mercenaires</strong>) font leurs rondes toute la nuit, soit très vigilant. Bonne chance.</em></span></p> <p><span style="font-family: verdana,geneva;"><em> </em></span><span style="font-family: verdana,geneva;"> </span><span style="font-family: verdana,geneva;"><em>Tu auras donc 3 objectifs :<br /> 1 – Trouver et Ouvrir l’accès au laboratoire secret (<strong>Hacking</strong>)<br /> </em></span><span style="font-family: verdana,geneva;"><em>2 – Faire exploser les catacombes et galeries menant au laboratoire secret (<strong>Sabotage</strong>)<br /></em></span><span style="font-family: verdana,geneva;"><em>3– Trouver des documents incriminant l'organisation dans le bureau du directeur (<strong>Hacking</strong>)</em></span></p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;">Premier Teaser :</span></span></h2> <p> </p> <p style="text-align: center;"> <object width="640" height="505" data="http://www.youtube.com/v/a-nqVvXDeko&amp;hl=fr_FR&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash"> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="src" value="http://www.youtube.com/v/a-nqVvXDeko&amp;hl=fr_FR&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /> <param name="allowfullscreen" value="true" /> </object> </p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;">Captures d'écran :</span></span></h2> <p><img src="img/Seminary/Capture/40.jpg" border="0" alt="capture 1 Seminary" title="capture 1 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/5.jpg" border="0" alt="capture 2 Seminary" title="capture 2 Seminary" width="450" height="307" style="border: 0pt none;" /><br /><img src="img/Seminary/Capture/60.jpg" border="0" alt="capture 3 Seminary" title="capture 3 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/61.jpg" border="0" alt="capture 4 Seminary" title="capture 4 Seminary" width="450" height="307" style="border: 0pt none;" /><br /><img src="img/Seminary/Capture/62.jpg" border="0" alt="capture 5 Seminary" title="capture 5 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/63.jpg" border="0" alt="capture 6 Seminary" title="capture 6 Seminary" width="450" height="307" style="border: 0pt none;" /></p> <p>Voici une rapide présentation de la carte "<strong>Seminary</strong>", créée sous l'<strong>éditeur de niveaux</strong> de <strong>Splinter Cell : Chaos Theory</strong>.<span style="color: #ff0000;"><br /></span></p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;"><span style="font-family: verdana,geneva;">Briefing de mission :</span></span></span></h2> <h2><span style="font-family: verdana,geneva;"> </span></h2> <p><span style="font-family: verdana,geneva;"><em>8 Mars 2008, 3h30 <br /> Quelque part dans les Balkans.<br /><br /> Centre de recherche d’Arklay.</em></span></p> <p><span style="font-family: verdana,geneva;"><em>Sam, ici le Colonel Irving Lambert.<strong><br /> </strong> </em></span><span style="font-family: verdana,geneva;"><em> Suite à la surveillance prolongée de Nikolaï Dimitrievitch Grinko<em>, nos</em></em></span><span style="font-family: verdana,geneva;"><em> informateurs semblent rapporter d’étranges activités liées au centre de recherche Arklay. Notre ancien camarade des Spetnaz, s’est reconverti dans le terrorisme, en particulier le marché des armes bactériologiques. Il aurait récemment rejoint les armées Nord Coréenne et Chinoise. <br /><br /> D’après les communications interceptées par Echelon, plusieurs appels téléphoniques réguliers cryptés, auraient été passés au centre ces derniers temps. De là à imaginer que le centre abriterait un laboratoire secret, il n’y a qu’un pas. </em></span><span style="font-family: verdana,geneva;"><em> </em></span><span style="font-family: verdana,geneva;"><em><br /> Sam, ta mission est simple, tu devras infiltrer la zone et vérifier si oui ou non, le centre est lié à ces activités terroristes. Ramène tous les documents compromettants(fouille le bureau du directeur), ainsi que des souches de virus (fouille les installations sous-terraines, il y a surement un laboratoire).<br /> Les gardiens(<strong>Mercenaires</strong>) font leurs rondes toute la nuit, soit très vigilant. Bonne chance.</em></span></p> <p><span style="font-family: verdana,geneva;"><em> </em></span><span style="font-family: verdana,geneva;"> </span><span style="font-family: verdana,geneva;"><em>Tu auras donc 3 objectifs :<br /> 1 – Trouver et Ouvrir l’accès au laboratoire secret (<strong>Hacking</strong>)<br /> </em></span><span style="font-family: verdana,geneva;"><em>2 – Faire exploser les catacombes et galeries menant au laboratoire secret (<strong>Sabotage</strong>)<br /></em></span><span style="font-family: verdana,geneva;"><em>3– Trouver des documents incriminant l'organisation dans le bureau du directeur (<strong>Hacking</strong>)</em></span></p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;">Premier Teaser :</span></span></h2> <p> </p> <p style="text-align: center;"> <object width="640" height="505" data="http://www.youtube.com/v/a-nqVvXDeko&amp;hl=fr_FR&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash"> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="src" value="http://www.youtube.com/v/a-nqVvXDeko&amp;hl=fr_FR&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /> <param name="allowfullscreen" value="true" /> </object> </p> <h2><span style="text-decoration: underline;"><span style="color: #3366ff;">Captures d'écran :</span></span></h2> <p><img src="img/Seminary/Capture/40.jpg" border="0" alt="capture 1 Seminary" title="capture 1 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/5.jpg" border="0" alt="capture 2 Seminary" title="capture 2 Seminary" width="450" height="307" style="border: 0pt none;" /><br /><img src="img/Seminary/Capture/60.jpg" border="0" alt="capture 3 Seminary" title="capture 3 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/61.jpg" border="0" alt="capture 4 Seminary" title="capture 4 Seminary" width="450" height="307" style="border: 0pt none;" /><br /><img src="img/Seminary/Capture/62.jpg" border="0" alt="capture 5 Seminary" title="capture 5 Seminary" width="450" height="307" style="border: 0pt none;" /><img src="img/Seminary/Capture/63.jpg" border="0" alt="capture 6 Seminary" title="capture 6 Seminary" width="450" height="307" style="border: 0pt none;" /></p> Luna 2010-08-06T20:39:13Z 2010-08-06T20:39:13Z https://www.brett-videlier.fr/level-design/2-niveaux/21-luna.html Sinclair videlierbrett@free.fr <p>Je vais maintenant vous parler (ou plutôt conter ?<img src="plugins/editors/tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif" border="0" alt="Coquin" title="Coquin" />) mon travail de <strong>Level designer</strong> sur <strong>Luna</strong>. Un des quatre projets de fin d'année <strong>Gamagora</strong>.<br /><a href="http://www.luna-lejeu.fr" target="_blank" rel="nofollow"><strong>Luna</strong></a> est un jeu de plateforme réflexion, dans lequel le héros, Jules, doit récupérer les morceaux d’échelles disséminés dans chaque niveau.<br /><br /> La mécanique du jeu est relativement simple, chaque niveau est composé de blocs sur lesquels évolue notre personnage. <br />Le bloc vert devient orange lorsque l'on a marché dessus, le bloc orange lui devient rouge, et le bloc rouge lui disparait. Les blocs gris sont indestructibles et ne change pas d'état. <br /><br /></p> <p>Prenons le niveau 4 du monde 2 "Les plateaux", que je qualifierais de niveau simple et efficace. Ce niveau devait être un tutoriel de l'utilisation de la paille dans le jeu.<br />La paille permet de figer un bloc. Cette outil ne peut être utilisé qu'une fois par niveau. Il faut donc judicieusement l'utiliser.<br /><br />La première chose qui vous frappera quand vous regarderez la capture du niveau (ci-dessous), c'est ce bloc rouge en plein milieu. Le bloc à pailleté est grossièrement mis en évidence. Le joueur devant récupérer les échelles en haut à gauche et en bas à droite, puis se rendre sur le bloc de sortie (avec la lune doré) en haut à droite.<br />Le parcours du joueur l'amène logiquement à passer plusieurs fois sur ce fameux bloc rouge. Hors une fois que le joueur à marcher sur le bloc rouge, celui-ci est détruit. La seule solution consiste donc à pailleter ce bloc, afin de le rendre solide, une évidence même.</p> <p><img src="img/Luna/Screenshot1_4.jpg" border="0" alt="Capture d'écran de Luna, niveau 4 de la région 1" title="Capture d'écran de Luna, niveau 4 de la région 1" width="767" style="border: 0pt none;" /><br /><br /></p> <p>Je vais maintenant vous parler (ou plutôt conter ?<img src="plugins/editors/tinymce/jscripts/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif" border="0" alt="Coquin" title="Coquin" />) mon travail de <strong>Level designer</strong> sur <strong>Luna</strong>. Un des quatre projets de fin d'année <strong>Gamagora</strong>.<br /><a href="http://www.luna-lejeu.fr" target="_blank" rel="nofollow"><strong>Luna</strong></a> est un jeu de plateforme réflexion, dans lequel le héros, Jules, doit récupérer les morceaux d’échelles disséminés dans chaque niveau.<br /><br /> La mécanique du jeu est relativement simple, chaque niveau est composé de blocs sur lesquels évolue notre personnage. <br />Le bloc vert devient orange lorsque l'on a marché dessus, le bloc orange lui devient rouge, et le bloc rouge lui disparait. Les blocs gris sont indestructibles et ne change pas d'état. <br /><br /></p> <p>Prenons le niveau 4 du monde 2 "Les plateaux", que je qualifierais de niveau simple et efficace. Ce niveau devait être un tutoriel de l'utilisation de la paille dans le jeu.<br />La paille permet de figer un bloc. Cette outil ne peut être utilisé qu'une fois par niveau. Il faut donc judicieusement l'utiliser.<br /><br />La première chose qui vous frappera quand vous regarderez la capture du niveau (ci-dessous), c'est ce bloc rouge en plein milieu. Le bloc à pailleté est grossièrement mis en évidence. Le joueur devant récupérer les échelles en haut à gauche et en bas à droite, puis se rendre sur le bloc de sortie (avec la lune doré) en haut à droite.<br />Le parcours du joueur l'amène logiquement à passer plusieurs fois sur ce fameux bloc rouge. Hors une fois que le joueur à marcher sur le bloc rouge, celui-ci est détruit. La seule solution consiste donc à pailleter ce bloc, afin de le rendre solide, une évidence même.</p> <p><img src="img/Luna/Screenshot1_4.jpg" border="0" alt="Capture d'écran de Luna, niveau 4 de la région 1" title="Capture d'écran de Luna, niveau 4 de la région 1" width="767" style="border: 0pt none;" /><br /><br /></p> Seminary Partie 2 : le travail effectué 2010-04-01T08:59:56Z 2010-04-01T08:59:56Z https://www.brett-videlier.fr/level-design/2-niveaux/5-seminary.html Sinclair videlierbrett@free.fr <p>Voici un document de Level Design réalisé lors de le création de la carte "Seminary", sous l'éditeur de niveaux de Splinter Cell : Chaos Theory.<br /><span style="color: #ff0000;">Attention : la page peut être longue à charger, à cause de la taille importante du document.<br /><br /></span></p> <p style="text-align: center;"><img src="img/Seminary/Imgref/Chassagnes.jpg" border="0" alt="Image satellite d'un séminaire" width="385" height="364" style="border: 0pt none;" /></p> <h2><span style="text-decoration: underline;"><span style="color: #ff0000;"><span style="color: #0000ff;">Synopsis</span></span></span></h2> <h1><span style="color: #ff0000;"> </span></h1> <p><span style="font-family: verdana,geneva;"><strong>Mission :</strong> Arklay’s biological weapons facility. (Centre de recherche en arme biologique d’Arklay)</span></p> <p><span style="font-family: verdana,geneva;"><em>Le bâtiment fut construit à la fin du 19ème siècle par une confrérie religieuse Italienne, fondée par Giordano Bruno. La zone a été choisie, car elle était située à proximité de l'une des rares anciennes chapelles catholiques gothiques de la région. Le séminaire a été construit afin de former une nouvelle génération de prêtres pour l'</em></span><em>Évangélisation</em><span style="font-family: verdana,geneva;"><em> de la région, ainsi que plus officieusement : favoriser l’expansion du mouvement pro-scientifique soutenu par la confrérie. <br /> De 1914 à 1945, le bâtiment se</em><em>rvit d’infirmerie pour les blessés de la Grande Guerre.<br /> Les anciennes catacombes furent utilisées pour fabriquer des armes chimiques et beaucoup de malades furent utilisés comme cobaye sur des expériences étranges. Une mystérieuse organisation semble être à l’origine de tout ça. Après la guerre le bâtiment fut placé sous l’autorité de l’État, l’affaire classée, il fût récemment racheté par un riche donateur.<br /> Aujourd’hui le bâtiment sert officiellement de centre de recherche international, profitant des compétences de quelques uns des meilleurs chercheurs européens. Les fonds de financement viendraient d’une riche société pharmaceutique. Y aurait-il un rapport entre la mystérieuse organisation religieuse et cette compagnie ? <br /><br /> D’après les plans disponibles, il semblerait qu’une nouvelle aile ait été créée pour le réfectoire des employés, des sorties de secours et des ascenseurs rajoutés. L’intérieur est presque entièrement rénové, afin de suivre les nouvelles normes et moderniser le tout. Cependant les photos satellite d’échelon et les plans récupérés ne collent pas exactement. En outres, on décèle la signature thermique de deux gardiens. On a aussi pu vérifier qu’ils se relèvent entre 3 et 4 heures chaque nuit.<br /></em><br /> </span></p> <p>Voici un document de Level Design réalisé lors de le création de la carte "Seminary", sous l'éditeur de niveaux de Splinter Cell : Chaos Theory.<br /><span style="color: #ff0000;">Attention : la page peut être longue à charger, à cause de la taille importante du document.<br /><br /></span></p> <p style="text-align: center;"><img src="img/Seminary/Imgref/Chassagnes.jpg" border="0" alt="Image satellite d'un séminaire" width="385" height="364" style="border: 0pt none;" /></p> <h2><span style="text-decoration: underline;"><span style="color: #ff0000;"><span style="color: #0000ff;">Synopsis</span></span></span></h2> <h1><span style="color: #ff0000;"> </span></h1> <p><span style="font-family: verdana,geneva;"><strong>Mission :</strong> Arklay’s biological weapons facility. (Centre de recherche en arme biologique d’Arklay)</span></p> <p><span style="font-family: verdana,geneva;"><em>Le bâtiment fut construit à la fin du 19ème siècle par une confrérie religieuse Italienne, fondée par Giordano Bruno. La zone a été choisie, car elle était située à proximité de l'une des rares anciennes chapelles catholiques gothiques de la région. Le séminaire a été construit afin de former une nouvelle génération de prêtres pour l'</em></span><em>Évangélisation</em><span style="font-family: verdana,geneva;"><em> de la région, ainsi que plus officieusement : favoriser l’expansion du mouvement pro-scientifique soutenu par la confrérie. <br /> De 1914 à 1945, le bâtiment se</em><em>rvit d’infirmerie pour les blessés de la Grande Guerre.<br /> Les anciennes catacombes furent utilisées pour fabriquer des armes chimiques et beaucoup de malades furent utilisés comme cobaye sur des expériences étranges. Une mystérieuse organisation semble être à l’origine de tout ça. Après la guerre le bâtiment fut placé sous l’autorité de l’État, l’affaire classée, il fût récemment racheté par un riche donateur.<br /> Aujourd’hui le bâtiment sert officiellement de centre de recherche international, profitant des compétences de quelques uns des meilleurs chercheurs européens. Les fonds de financement viendraient d’une riche société pharmaceutique. Y aurait-il un rapport entre la mystérieuse organisation religieuse et cette compagnie ? <br /><br /> D’après les plans disponibles, il semblerait qu’une nouvelle aile ait été créée pour le réfectoire des employés, des sorties de secours et des ascenseurs rajoutés. L’intérieur est presque entièrement rénové, afin de suivre les nouvelles normes et moderniser le tout. Cependant les photos satellite d’échelon et les plans récupérés ne collent pas exactement. En outres, on décèle la signature thermique de deux gardiens. On a aussi pu vérifier qu’ils se relèvent entre 3 et 4 heures chaque nuit.<br /></em><br /> </span></p>