Comment faire des jeux en ligne

Comment faire des jeux en ligne

Trois parties:Concevoir le jeuUtilisation StencylConstruire en utilisant deux

Jamais joué un jeu en ligne et pensé: «Je souhaite que je pourrais faire un de ceux-ci, je ai quelques bonnes idées"? Vous l'habitude d'avoir à apprendre à coder en ActionScript 3, la langue que les pouvoirs de Flash. Merci à certains programmes de construction de jeu, cependant, l'expérience de codage est une exigence du passé. Vous pouvez créer des jeux amusants et profondes par la manipulation d'objets et de la logique, sans jamais toucher une ligne de code.

Partie 1 de 3: Concevoir le jeu
1
Écrivez une description de base. Inclure caractéristiques et ce que vous voulez le joueur à accomplir. Il est bon d'avoir un schéma de base de ce que vous voulez faire avec votre jeu écrit de telle sorte que vous pouvez vous y référer pendant que vous travaillez sur elle.
  • Voir ce guide pour plus de détails sur la rédaction d'un document de game design.
2
Dessiner des esquisses. Dessinez un schéma de base de ce que vous voulez que les écrans pour ressembler. Celles-ci ne doit pas être très détaillée, mais vous devriez au moins avoir une idée sur l'endroit où les différents éléments seront placés sur l'écran. Ceux-ci seront incroyablement utile plus tard, quand vous commencez à construire l'interface pour votre jeu.
3
Choisissez une méthode pour créer votre jeu. Traditionnellement, vous devez apprendre à coder en ActionScript 3 pour créer des jeux flash. Alors que vous pouvez toujours le faire, il ya des programmes disponibles qui peuvent faire de la création de jeu beaucoup plus facile à apprendre que nécessite aucune expérience de codage. Certaines des options les plus populaires pour faire des jeux comprennent:
  • Stencyl - Ce est un outil récent qui vous permet de créer des jeux en utilisant des objets et des scripts logiques. Ces jeux peuvent ensuite être convertis en projets Flash et téléchargés sur un site Web qui supporte les jeux en flash.
  • Construct 2 - Comme flash vieillit, il a commencé à être remplacé par d'autres moyens de créer des jeux. Une des façons les plus récents pour créer un jeu en ligne est d'utiliser HTML5. Normalement, cela nécessite beaucoup de connaissances de codage, mais construire 2 vous permet de créer des jeux en utilisant des objets et des scripts, tout comme Stencyl.
  • Flash Builder - Ce est la méthode traditionnelle pour créer des jeux Flash. Cela nécessite une bonne quantité de connaissances ActionScript, mais ce est une des langues les plus faciles à apprendre les rudiments de. Flash Builder coûte de l'argent, mais vous pouvez utiliser le programme FlashDevelop open-source pour obtenir la plupart de la même fonctionnalité.

Partie 2 de 3: Utilisation Stencyl
1
Téléchargez et installez Stencyl. Stencyl est un programme de création de jeu qui ne nécessite aucune connaissance de codage. Au lieu de cela, vous pouvez utiliser une variété d'outils logiques pour manipuler des objets dans le jeu.
  • Stencyl peut être utilisé gratuitement si vous voulez seulement pour publier votre jeu en ligne. La version gratuite aura un logo Stencyl apparaît au début. Si vous obtenez la version payante, vous pouvez publier à d'autres plates-formes.
  • 2
    Créer votre nouveau jeu. Lorsque vous démarrez Stencyl, vous verrez une liste de vos jeux. Il y aura plusieurs jeux exemple sur la liste que vous pouvez regarder pour voir comment ils fonctionnent. Pour commencer à travailler sur votre propre jeu, cliquez sur la case avec la ligne pointillée intitulée «Cliquez ici pour créer un nouveau jeu".
    3
    Sélectionnez un kit. Il existe plusieurs kits qui contiennent des actifs et des objets prédéfinis qui peuvent vous aider à obtenir votre jeu rapidement opérationnel. Sélectionnez un kit si vous le souhaitez, ou sélectionnez "Game Blank" si vous prévoyez de faire votre propre.
    • Vous pouvez télécharger des kits qui par d'autres utilisateurs en ligne.


    4
    Entrez vos informations de jeu. Avant de commencer la création de votre jeu, vous devrez entrer quelques éléments d'information.
  • Nom - Ce est le nom de votre jeu. Vous pouvez le modifier ultérieurement à ce que vous souhaitez.
  • Taille de l'écran - Ce est la taille de votre écran de jeu, et est très importante car elle aura une incidence sur l'art que vous utilisez. Puisque les gens seront très probablement jouer à votre jeu au sein de leur navigateur Web, la taille de l'écran ne doit pas être très grand. Essayez Largeur: 640 px Hauteur: 480 px. Ce est une bonne taille pour commencer avec.
  • 5
    Familiarisez-vous avec la mise en page. Lorsque vous chargez d'abord votre nouveau jeu, vous serez dirigé vers le tableau de bord. Ce est là que vous pouvez voir toutes les scènes pour votre jeu et accéder aux ressources. Vous pouvez également modifier vos paramètres de jeu à partir d'ici. Vous passerez la plupart de votre temps de travail dans le tableau de bord.
  • Scènes - Ce est la fenêtre principale du tableau de bord, et montre le jeu réel et tous les actifs. Votre jeu sera une collection de scènes.
  • Ressources - Ce est la liste de tous les objets et les actifs dans votre jeu. il comprend des acteurs, des origines, des polices, des scènes, la logique, les sons, et tilesets. Les ressources sont organisées dans un arbre sur le côté gauche de l'écran.
  • Paramètres - Le jeu et les options Paramètres vous permettent de régler la manière dont les mécanismes de fonctionnement de votre jeu, y compris les contrôles, la gravité, collisions, les écrans de chargement, et plus encore.
  • 6
    Personnaliser un acteur. Un acteur est un objet qui se déplace ou peut être en interaction avec dans le jeu (joueur, ennemi, portes, etc.). Vous devrez créer un acteur pour chaque objet dans votre jeu. Pour créer un acteur, cliquez sur l'option "Types d'acteurs" dans le menu Ressources. Sélectionnez l'acteur que vous voulez dans la liste (la liste est déterminée par le kit que vous avez choisi).
  • Attribuer l'acteur à un groupe (Player, Enemy). Cela aidera à déterminer les propriétés de collision de l'acteur. Sélectionnez votre acteur pour ouvrir l'éditeur Acteur. Cliquez sur l'onglet Propriétés, puis choisir le groupe approprié dans le menu déroulant.
  • Ajouter comportements (saut, piétinement, marche). Les comportements sont ce que permet votre acteur pour effectuer des actions. Cliquez sur l'onglet Comportements, puis cliquez sur le bouton "+ Ajouter Comportement" dans le coin inférieur gauche. Sélectionnez un comportement (comme "Walking") dans la liste, puis cliquez sur "Choisir".
  • Réglez les commandes. Si vous créez un personnage du joueur, alors vous aurez probablement envie de permettre au joueur de déplacer. Lorsque vous ajoutez le comportement de marche, vous serez redirigé vers la marche attributs écran. Vous pouvez utiliser les menus déroulants pour choisir quelles touches seront déplacer l'acteur gauche et à droite. Vous pouvez attribuer des animations ainsi si le kit que vous utilisez contient aucune.
  • Vous pouvez ajouter plusieurs comportements pour personnaliser ce qu'un acteur peut faire.
  • 7
    Créer une scène. La scène est ce que le joueur voit en jouant le jeu. Ce est le fond, ainsi que les objets et acteurs qui sont visibles. Pour créer une nouvelle scène, cliquez sur l'option Scènes dans l'arborescence des ressources, puis cliquez sur la boîte en pointillés. Donnez un nom à continuer votre nouvelle scène.
  • Contexte - Votre scène sera de taille automatiquement, donc vous ne avez pas besoin de se inquiéter à ce sujet pour le moment. Vous pouvez choisir d'utiliser une couleur d'arrière-plan, ce qui aura des tuiles placées sur elle. Vous pouvez choisir parmi une couleur unie ou un dégradé. Cliquez sur "Créer" lorsque vous avez terminé. Cela va ouvrir le concepteur de scène.
  • Placer le carreau - Le tileset inclus dans votre kit seront chargés sur le côté droit de la fenêtre. Cliquez sur l'outil Crayon dans le menu de gauche, puis cliquez sur la tuile que vous voulez utiliser. Vous pouvez ensuite placer la tuile sur votre scène. Cliquez et faites glisser la souris pour placer plusieurs tuiles.
  • Déposer acteurs - Cliquez sur l'onglet Acteurs dessus de votre tileset de passer à vos acteurs disponibles. Vous devez les avoir créé précédemment pour qu'ils apparaissent dans cette liste. Cliquez sur l'acteur que vous voulez placer, puis cliquez sur la scène où vous souhaitez qu'il apparaisse. Si vous maintenez ? Maj, l'acteur se aligner sur la grille.
  • Ajout de gravité - Cliquez sur l'onglet «Physique» en haut de la fenêtre, puis entrez une valeur dans le "Gravity (Vertical)" domaine. Entrer 85 simulera gravité du monde réel.
  • 8
    Testez le jeu. Après avoir créé une scène et placé certains acteurs, vous pouvez tester le jeu sur. Cliquez sur le bouton "Game Test" en haut de l'écran pour jouer ce que vous avez à ce jour. Vous pouvez utiliser les touches que vous définissez lors de la création de vos acteurs pour contrôler votre personnage du joueur.
  • Retrouvez tous les aspects qui ne fonctionnent pas, et essayer de les corriger. Par exemple, sont les ennemis se comportent correctement? Pouvez-vous vaincre vos ennemis? Y at-il des plates-formes qui sont sont inaccessibles ou gouffres qui ne peuvent pas être franchies? Retour à la zone concernée de votre éditeur de jeu pour fixer l'un des problèmes que vous trouvez. Cela peut prendre un peu de temps, mais le résultat final sera un beaucoup plus amusant et jeu jouable.
  • 9
    Ajouter plus. Maintenant que vous avez un travail, première scène jouable, il est temps de commencer à construire l'ensemble du jeu. Ajouter plus de niveaux et défis, et de garder tester vos ajouts pour se assurer qu'ils sont amusants et fonctionne correctement.
    10
    Site Verrouiller votre jeu. Si vous allez à télécharger le jeu à un site qui héberge des jeux Flash, ou les télécharger sur votre propre site, vous aurez probablement envie de permettre «Site de verrouillage". Cela permettra d'éviter votre jeu d'être joué, si ce ne est pas sur la liste des sites autorisés.
  • Ouvrez "Paramètres du jeu" de votre "Ressources" arbre. Sélectionnez la section "Loader". Entrez les sites que vous souhaitez autoriser dans le champ "Verrouillage du site", séparés par une virgule, sans espace. Par exemple, newgrounds.com, kongregate.com.
  • Alors que sur cet écran, entrez votre page d'accueil dans le champ «Votre Home Page", si vous en avez un. Cela vous permettra de joueurs qui jouent le jeu à se relier à votre site.
  • 11
    Exporter le jeu au format Flash. Une fois que vous êtes satisfait de votre jeu, vous pouvez l'exporter dans le format Flash. Cela vous permettra de télécharger le jeu à un site qui héberge des jeux Flash, ou pour votre propre site. Cliquez Publier sélectionner Toile puis cliquez sur Flash. Enregistrez le fichier à un endroit facile à trouver sur votre ordinateur.
    12
    Publier le jeu. Une fois que vous avez votre Flash (.swf), vous pouvez le télécharger à l'hôte de votre choix. Il existe une variété de sites en ligne qui hébergent jeux Flash, et certains peuvent même vous permettre de faire de l'argent de revenus publicitaires avec votre jeu. Vous pouvez également télécharger votre jeu à votre propre site web, mais vous aurez envie de vous assurer que vous avez la bande passante pour répondre aux joueurs si le jeu devient populaire.
  • Voir ce guide pour le téléchargement de votre jeu à votre propre site web.
  • Si vous voulez télécharger votre jeu à un site comme Newgrounds ou Kongregate, vous devrez créer un compte et ensuite passer par le processus de téléchargement pour le site. Les termes et conditions varient d'un site à.
  • Si vous souhaitez publier votre jeu au Stencyl Arcade, vous pouvez le faire à partir du programme Stencyl. Cliquez Publier sélectionner Stencyl puis cliquez sur Arcade. Le jeu sera téléchargé automatiquement, donc assurez-vous que vous êtes heureux avec le nom avant de faire cela. Stencyl Arcade a une limite de taille de fichier de 8 MB.






  • Partie 3 de 3: Utilisation Construire 2
    1
    Téléchargez et installez Construire deux. Ce programme vous permet de créer des jeux HTML5 avec très peu de codage. Vous devrez assigner des variables, mais tout cela est fait dans les menus sans codage réelle requise.
  • Construire 2 est gratuit, mais certaines fonctionnalités sont limitées, sauf si vous mettez à niveau. La version gratuite ne peut pas publier à d'autres plates-formes que HTML5.
  • 2
    Créez un nouveau projet. Quand vous commencez à construire deux, vous serez accueillis avec un menu Bienvenue. Cliquez sur le lien "Nouveau projet" pour commencer un nouveau jeu. Il ya aussi quelques exemples inclus que vous pouvez utiliser pour voir comment les jeux de base sont créés.
    • Lorsque vous créez un nouveau projet, vous recevrez une liste de modèles. Pour votre premier projet, vous aurez probablement envie de commencer avec un projet vide. Cela vous permettra d'obtenir un coup de les bases sans modèles se mettre en travers.
    3
    Réglez vos paramètres de projet. Dans la partie gauche de la fenêtre de projet, vous verrez une série d'articles dans le cadre Propriétés. Vous pouvez utiliser cette option pour définir la taille de votre écran et entrer dans votre jeu et informations sur la société.
    4
    Insérez un fond. Double-cliquez sur la mise en page. Sélectionnez "background carrelée" de la section générale. Cliquez sur votre mise en page de placer l'arrière-plan. Cela va ouvrir l'éditeur de fond. Vous devrez créer votre propre logiciel de retouche d'image à l'aide, ou le télécharger textures à partir d'une variété d'emplacements en ligne.
  • Ensemble de fond de la taille du modèle. Pour cela, sélectionnez l'objet de fond et changer la taille dans la fenêtre Propriétés.
  • Changer le nom de la couche et le verrouiller. Vous voulez verrouiller la couche pour éviter de déplacer accidentellement tout en plaçant d'autres objets. Cliquez sur l'onglet "Calques" sur le côté droit de l'écran. Sélectionnez le calque, puis cliquez sur l'icône Crayon. Nommez le calque "Background", puis cliquez sur le bouton "cadenas" pour verrouiller l'arrière-plan.
  • 5
    Créez un nouveau calque. Dans l'onglet Calques, cliquez sur le bouton "+" pour créer un nouveau calque. Renommez-le "Main". Ce sera la couche que la plupart de vos objets du jeu résident sur. Assurez-vous que la couche principale est sélectionné avant de poursuivre.
    6
    Ajouter les entrées pour votre jeu. Dans Construct 2, vos entrées devront être ajoutée comme des objets à votre jeu. Ils sont invisibles, et permettront clavier et la souris l'utilisation au long du projet.
  • Double-cliquez sur votre mise en page et sélectionnez "Souris" de la section d'entrée. Faites de même pour insérer l'objet "Clavier".
  • 7
    Ajouter des objets. Il est temps de commencer à ajouter des objets de jeu à votre disposition. Double-cliquez sur la mise en page et sélectionnez "Sprite" de la section générale. Utilisez la ligne de mire de choisir où vous souhaitez placer le sprite. L'éditeur d'image se ouvre, vous permettant de charger soit un sprite existante ou en créer un nouveau.
  • Lorsque vous sélectionnez les sprites sur votre mise en page, les propriétés du sprite seront charger dans le cadre de gauche. Changer le nom du sprite de sorte que vous pouvez identifier et de s'y référer plus facile.
  • 8
    Ajouter comportements à vos objets. Pour ajouter un comportement, cliquez sur l'objet que vous souhaitez ajouter un comportement complet pour le sélectionner. Cliquez sur le lien "Ajouter / modifier" dans la section Comportements du cadre Propriétés. Une liste de comportements disponibles se affiche.
  • Les comportements sont des morceaux pré-configurés de la logique qui vous permettent d'ajouter rapidement des fonctionnalités à vos objets. Vous pouvez choisir parmi une grande variété de comportements prédéfinis qui peuvent exécuter un large éventail de fonctions. Par exemple, pour rendre le sol solide, donnez-lui le comportement "Solid". Pour déplacer le personnage-joueur dans huit directions, donnez-lui le comportement "8 de mouvement de direction".


  • 9
    Modifier les propriétés de comportement. Vous pouvez modifier les comportements existants pour personnaliser le la façon dont vos objets travaillent. Vous pouvez modifier les valeurs pour changer la vitesse, la direction et d'autres propriétés.
    10
    Comprendre comment fonctionnent les événements. Les événements sont une liste de conditions, et sont ce que conduire le jeu. Si les conditions sont remplies, l'événement se produit. Si les conditions ne sont pas remplies, l'événement ne se produit pas. La feuille d'événement est généralement exécuté environ 60 fois par seconde. Chaque fois qu'il se exécute est appelé un "tick".
    11
    Créer un événement. Double-cliquez dans la feuille de l'événement vide. Une liste des objets disponibles se affiche. Sélectionnez l'objet que vous souhaitez créer un événement pour, ou vous pouvez créer un événement système.
  • Sélectionnez lorsque l'action se produit. Après avoir sélectionné l'objet, vous serez invité à sélectionner lorsque l'événement devrait se produire. Ceci peut être basé sur d'autres événements ou à certains moments. «Chaque tick" est toujours.
  • Ajouter une action. Vous serez invité à sélectionner un de vos objets. Choisissez parmi une liste d'actions. Par exemple, si vous faites un top-down shooter, et que vous voulez le caractère du joueur à toujours être à la recherche à la souris, vous souhaitez créer un "Set angle vers la position« action sur chaque tick réglé sur l'objet Player. Quand on vous demande les coordonnées, entrez "mouse.x" pour X et "mouse.y" pour Y. Cela permet de garder le vaisseau du joueur toujours pointé vers le curseur.
  • 12
    Ajouter plus d'événements et les comportements. Ce sont l'épine dorsale de votre jeu. Ajout et peaufiner les comportements et les événements vous aidera à faire un jeu unique et amusant que les gens seront réclament à jouer. Expérimentez avec différents événements pour essayer d'obtenir le jeu exact que vous voulez.
    13
    Ajouter certaines variables. Il existe deux types de variables dans Construct 2: variables d'instance et les variables globales. Ils vous permettent de définir des valeurs personnalisées pour vos objets et jeu, tels que la santé, les délais, les scores, et plus encore.
  • Les variables d'instance - Les variables d'instance sont variables affectées à des objets uniques. Ils sont utilisés pour des choses comme ennemi et lecteur santé. Vous pouvez ajouter des variables d'instance après avoir sélectionné un objet en cliquant sur le lien "Ajouter / modifier" dans la section Variables de la fenêtre Propriétés. Donnez la variable un nom qui peut être visé à un événement, ainsi que d'une valeur initiale.
  • Variables globales - Les variables globales sont variables affectées à l'ensemble du jeu. Ils sont utilisés pour des choses telles que le score du joueur. Pour créer une variable globale, ouvrez la feuille de l'événement et à droite; cliquez sur un espace vide. Cliquez sur "Ajouter variable globale", lui donner un nom qui peut être visé à un événement, puis entrez une valeur initiale.
  • 14
    Créer une interface. Lors de la création d'une interface, il est généralement préférable de le faire sur un nouveau calque. Ce est parce que l'interface se déplace rarement ou modifications, il est donc bon d'avoir sur un calque verrouillé. Dans le cadre des propriétés de la nouvelle couche, réglez "Parallax" à 0. Cela permet de garder la couche de défiler lorsque l'écran fait.
  • Utilisez les zones de texte et des variables pour créer votre interface. Vous pouvez définir vos zones de texte pour afficher reste la santé, score, des munitions ou toute autre chose que le joueur aurait besoin de voir sur une base régulière.
  • 15
    Testez et révisez votre jeu. Maintenant que vous avez quelques objets sur l'écran avec les événements et les comportements, vous pouvez commencer à tester et ajouter du contenu. Cliquez sur le bouton "Play" en haut de l'écran pour construire et tester le jeu. Prenez note de tout ce qui n'a pas fonctionné, et essayer de le réparer afin que votre jeu sera jouable et amusant.
    16
    Exporter le jeu. Si vous êtes satisfait de votre jeu, vous pouvez l'exporter afin qu'il puisse être téléchargé sur un site Web et joué par ne importe qui. Pour exporter le jeu, cliquez sur le Un Fichier menu et sélectionnez Exportation. Enregistrez le projet à un emplacement que vous pouvez facilement localiser.
  • 17
    Publier le jeu. Il existe plusieurs sites qui vous permettent de télécharger des jeux HTML5 pour les autres à jouer. Vous pouvez également ajouter le jeu à votre propre site web. Voir ce guide pour plus de détails sur le téléchargement du jeu à votre propre site web.




  • » » Comment faire des jeux en ligne