Présentation :
Le but
de ce tutoriel sera de vous assister dans la création de votre launcher en VB.Net, j'essaierai de faire ce tuto de façon ordonné et expliqué, histoire de ne pas vous perdre en chemin. :mrgreen:
Prérequis :- Microsoft Visual Basic 2010 Express
- Format factory ( Facultatif mais pratique )
- Un accés FTP - Site Web ( Facultatif, inclus plus d'options )
- Un compte twitter ( Facultatif, inclus plus d'options )
Téléchargements & liens :
Vous pouvez trouver Microsoft Visual Basic 2010 Express
ICIJe vous laisse trouver une serial
Vous pouvez trouver Format Factory
ICIVous pouvez créer un hébergement Web gratuit ( pack 10 MO )
ICIVous pouvez créer un compte twitter
ICISommaire :
1) Nouveau projet, Image de fond, les icônes, le titre du launcher.
2) Le code des boutons "Jouer", "Forum", "Mise à jour","Quitter".
3) Le code de l'Updater ( Mise à jour ).
4) Ajout du Twitter pour les news.
5) Ajouter une musique de Fond.
PARTIE 1
Nouveau projet, Image de fond, les icônes, le titre du launcher.
Premièrement, si ça n'est pas déjà fait, installez Visual Basic puis enregistrer le produit avec la clé fourni dans la partie "téléchargement" de ce tuto.
Commençons ! Ouvrez Visual Basic, la page d'accueil s'affiche ! Allez dans "Fichier" -> "Nouveau Projet"
Une fenêtre s'ouvre alors, sélectionné "Application Windows Form" et donner le nom à votre Projet, moi je le nommerais "Launcher Pokémon Darkness Edition" !
Cliquez sur OK.
Cette fenêtre va alors apparaitre, c'est votre aperçu de votre futur launcher :
A présent customisons le design de tout ça ! Premièrement nous allons mettre donner un titre à la fenêtre ! Pour cela? cliquez sur votre aperçu de fenêtre.
Et en bas à droite, dans le tableau, cherchez la valeur "Text" = Form1.
NE CONFONDEZ PAS AVEC LA VALEUR (Name) = Form1 !Voila, parfais ! Ensuite changeons les icônes du launcher ! Toujours dans le tableau, cherchez la valeur "Icon", cliquez sur les petit "..." a coté de l'image Jaune rouge et bleu et sélectionner votre icône
(une icône est au format .ico, si vous n'en avez pas, télécharger FormatFactory, lien dans la section "téléchargement" de ce tuto, il vous permettra de changer le format de vos images pour en faire des .ico, je ne fais pas de screen de ce logiciel, il est très simple à utiliser et en francais)
Ce n'est pas fini ! Il reste encore une seconde icône à changer et un second titre aussi ! Pour cela suivez le tuto en image ci dessous
, il est très explicite :
Voila parfais ! Retournez dans l'onglet form1.vb à présent ! Nous allons mettre votre image de fond tant attendu !
Cliquez sur la fenètre, puis dans le tableau en bas, a droite, cherchez la valeur "BackgroundImage", et cliquez sur les "..." pour sélectionner votre image !
Pour cela, tuto en image très simple encore une fois !
A présent, à 99% des cas, la taille de votre image n'est pas adapté et .... SA DEVIENT MOCHE :mrgreen: Par de soucis, tonton Eternalis est la, pour régler ça cherchez la
valeur "BackgroundImageLayout" et sélectionner ce qui vous convient le mieux ( voir image ci dessous )
Personnellement, je recommande "Stretch"
Maintenant, vas dans "Fichier"-> "Enregistrer tout"
Voila ! C'est sur ce magnifique fond d'écran que nous complétons la partie Design ! S'il te reste du courage ! Fais péter la partie 2 ! Ow yeah !
PARTIE 2
Le code des boutons "Jouer", "Forum", "Mise à jour","Quitter". Bien pour commencer, nous allons créer ces quatre boutons ! Pour cela allez dans l'onglet "Form1.vb" ( l'apercu de votre projet quoi )
Appuyer sur "Ctrl + Alt + X" ou allez dans "Affichage -> Autres Fenètres-> Boite à outils"
Faite "cliquer-glisser" quatre "button" sur votre projet ! positionnez les comme bon vous semble !
Ensuite, pour leur donner un nom, cliquez sur un des boutons --> Tableau en bas, à droite --> valeur "text" et modifiez le texte du bouton !
Appelez les "Jouer", "Forum", "Mise à jour" et "Quitter"!
Passons maintenant aux choses sérieuse,
Double cliquez sur le bouton "Forum", la fenêtre de code va s'ouvrir :
Inscrivez ceci juste avant le End Sub :
Code: |
System.Diagnostics.Process.Start("LIEN DE VOTRE FORUM")
|
Retournez sur form1.vb ( Apercu projet )
Double-cliquez sur le bouton "Jouer"
Et mettez ce code ci :
Code: |
System.Diagnostics.Process.Start("Nom de votre jeu.exe")
|
C'est fait ? Niquel, tu est un pro !
Et c'est reparti !
Retournez sur form1.vb ( Apercu projet )
double-cliquez sur le bouton "Quitter" et ajoutez juste ce code ci :
Maintenant, vas dans "Fichier"-> "Enregistrer tout"
Voila ! C'en est fini de la partie 2 ! Tu as trop assuré vieux ! :+1:
PARTIE 3
Le code de l'Updater ( Mise à jour )
Très bien, c'est maintenant l'heure de créer votre Updater, accrochez vous a vos chaussettes et c'est parti !
Premièrement double cliquez sur votre bouton "Mise a jour" !
Entrez y ce code entre les lignes "private sub ..." et "End sub"
évidemment remplacer le lien par votre lien du fichier.rgssad
Code: |
If Exists("game.rgssad") Then Kill("game.rgssad") My.Computer.Network.DownloadFile("http://www.votresite.fr/Game.rgssad", "game.rgssad") Else My.Computer.Network.DownloadFile("http://www.votresite.fr/Game.rgssad", "game.rgssad") End If
|
Ensuite, remonter tous en haut de la fenêtre de code, vraiment
tout en haut !
Et ajouter une ligne avec votre touche Insert (la touche Entrée)
et mettez y ceci :
Code: |
Imports System.IO.File
|
Voici ce que vous devez avoir :
Que fais cet updater concrètement ?
Il vérifie si l'archive de votre jeu Game.rgssad existe dans le dossier de l'updater :
-> Si il existe, Game.rgssad sera supprimé et la nouvelle version sera téléchargé.
-> Si il n'existe pas, la nouvelle version Game.rgssad sera téléchargé.
Ce système fonctionne sur n'importe quel extensions de fichiers
Vous pouvez même faire télécharger un A-lire.txt par exemple ou une photo.png, à vous de voir ce qui peut vous être utile !
Les avantages de ce système :
- Aucun lag - freeze
- Adapté à toutes les extensions de fichiers (.txt .mp3 .wav .wmv .rgssad etc etc ...)
- Téléchargement Ultra-Rapide, en moyenne 3 secondes, 6-7 pour les gros projets
Libre a vous d’arrêter ici mais ce serez dommage & peu pratique d'avoir fais cet updater \/
Pour que vos utilisateurs sachent qu'il y a eu une mise a jour, vous devriez continuer la suite de ce tuto avec la partie 4 ci dessous
|
|
\|/
PARTIE 4
Ajout du Twitter pour les news.
Bien, je vous sens a présent motivé pour les news via Twitter ! oopa Premièrement il vous faudrat un compte twitter ! Si cela n'est pas déja fait aller sur le lien fourni dans la section "Liens de ce tuto" !
Ensuite aller sur cette page :
Twitter pour launcherSélectionner "Pour Site Web" -> Widget de profil -> Nom de compte : le votre
Non sans blague ?
Ensuite faite "tester les paramètres", s'il n'y a pas de message affiché, c'est que vous n'avez fait encore aucun tweet mais c'est pas grave
!
Maintenant, faites
copier-coller le script obtenu en cliquant sur "Obtenir le code"
Vous allez ensuite créer un fichier texte sur votre bureau ! Et mettez ca dedans et pensez a ajouter:
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=windows-1252"></HEAD> <BODY><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
COPIEZ COLLER VOTRE SCRIPT TWEETER ICI
</BODY></HTML>
|
C'est fait ? bien, faites enregistrer sous ->
news.html par exemple.
Maintenant mettons ça en ligne !
Allez sur votre FTP/ Accés site web, pour y accéder, je recommande le logiciel "FilleZilla" dont vous pouvez trouver un tuto complet
ICI !
Uploadez donc votre fichier news.html à la racine du site. il sera accessible à l'adresse "http://www.votresite.fr/news.html" !
Passons au chose sérieuse si vous le voulez bien :cheaterisobvious: Maintenant, il vas falloir incorporé ce tweeter dans notre launcher !
Allez sur votre projet Visual Basic, ouvrez le si ce n'est pas déja le cas !
Allez sur votre Boite à Outils (Ctrl+Alt+X) et ajouter un WebBrowser et placez le ou vous le souhaitez !
http://multigaming.alwaysdata.net/tuto/12.png
Cliquez sur ce nouveau WebBrowser, dans le tableau à droite mettez :
URL ->
http://www.votresite.fr/news.htmlScrollBarEnable -> False (Sinon c'est moche)
ScriptErrorS... -> False ou True au choix ! True -> Dis s'il y a une erreur False -> n'avertit pas en cas d'erreur !
Appuyez sur F5 pour tester votre projet et corriger si besoin ma taille du WebBrowser !
Voila c'est fait ?
Niquel ! Maintenant chaque Tweet que vous ferez sera visible sur votre Launcher, utile pour signaler les Mise à Jours n'est ce pas ?
Avant de quitter n'oublier pas d'aller dans "Fichier"-> "Enregistrer tout" Voila c'est fini ! Pour la peine on peut allez faire l'amour à un :censure:
ok, je sors
PARTIE 5
Ajouter une musique de Fond.
Je ne vais pas faire de screen pour mettre une musique de fond, c'est très simple ! Oui, Oui, vraiment !
Premièrement, il te faut une musique de format .wav, si le format ne convient pas, utilisez le logiciel Format Factory fourni dans la section téléchargement de ce tutoriel !
Ok, parfais, renommez votre musique en "music.wav" ! Maintenant, allez sur Visual Basic et ouvrez votre projet !
Sur l'apercu de votre projet (Form1.vb) , double-cliquez sur la fenétre ( barre bleu contenant le titre )
La fenêtre de code s'ouvre alors ! Avant le "End Sub" mettez ces lignes de code :
Code: |
My.Computer.Audio.Play("music.wav", AudioPlayMode.BackgroundLoop)
|
Ensuite, regardons si cela fonctionne !
Allez dans "vos documents" -> "Visual Studio" -> "projects" -> "nom de votre projet" -> "nom de votre projet 2" -> "bin" -> "debug"
Et mettez dans ce dossier votre "music.wav" !
Revenez sur votre projet visual Studio ! Voyons si cela marche, lancons une simulation !
pour cela appuyez sur "F5"
Tadaaa ! Votre musique est la ! oopa pour certain
Pour arrèter la simulation, fermez juste la fenêtre qui est apparu ou profitez-en pour tester le bouton "Quitter"
Avant de quitter n'oublier pas d'aller dans "Fichier"-> "Enregistrer tout" Si vous avez pétez un plomb pendant ce tuto pour X raison et que vous êtes bloqué, ce devrait vous aider à vous détendre :mrgreen:
Je ne suis pas responsable des minutes de vie que vous allez perdre !
Un "Merci" ne tue pas