vendredi 22 février 2013

TUTO - Le Pixel Art



Avant tout, j'aimerais remercier Ulis celle avec qui j'ai presque tout appris et sans qui ce tuto n'existerais pas ! Après, je suis désolé, mais je ne pense pas finir les autres cours, néanmoins, ici vous trouverais les bon chapitre pour commencer, bonne lecture !
*************************************

Le Pixel Art par Skaaz♠ 1 : Préface & définition

Définition du Pixel Art

Le pixel art qu'est-ce que c'est ? Il existe plusieurs définitions du pixel art, mais je vais vous donner la mienne.
Le pixel art est une image crée entièrement par son auteur, c'est-à-dire qu'elle a été traitée pixel par pixel. Aucun outil du genre dégradé, brush, brosse, pinceau... ne doivent être utilisés, nous devons nous contenter d'utiliser le crayon, le pot de peinture et bien sûr la gomme !

Préface

Désolé, une erreur est survenue. Veuillez essayer d'actualiser la page.
Du commercial à l'indépendant, nous retrouvons les créations professionnelles et amateurs des pixel artistes. Depuis quelques années, le pixel art est malheureusement de moins en moins utilisé dans l'industrie du jeu vidéo, certes !


(Source : Aëdemphia par Sylvain Dolisi)

Mais attention, les créations 3D ne sont pas plus belles ou moins jolies que celle en pixel art nuance. Dans le pixel art, il existe aussi le pixel art isométrique, une façon originale de changer de la 2D de base. Une dernière chose, je ne garantis pas qu'après avoir lu tous ces cours vous en sortiez un artiste en la matière, loin de là cette idée de vos esprits jeunes âmes innocentes, je suis moi-même débutant dans ce domaine, mais veux vous apporter de l'aide; vous débutants qui débutez !

Bref j'en fini par ces quelques mots, commençons notre aventure dans le monde des pixels !

Le Pixel Art par Skaaz♠ 2 : Les outils

Puisque Graphicsale est payant, nous allons procéder avec mon logiciel préféré, un logiciel mythique, le fameux Paint ! Oui oui, je parle bien du petit programme situer dans vos PC aux fins fonds du dossier accessoires.


(Source : Windows XP par Microsoft)

Alors, étudions tout d'abord le peu d'outils nécessaires au pixel art. Le crayon, celui-ci permet de générer un pixel de la couleur définie dans la palette. Le pot de peinture, celui vous permet de remplir une zone définie. La gomme qui permet donc d'effacer des pixels. La pipette qui permet de prendre une couleur déjà utilisé dans la création.
Et enfin, la loupe qui est l'outil de plus important dans le pixel art car celui permet donc de zoomer pour beaucoup mieux travailler et dé-zoomer pour mieux apercevoir la création sans grossissement.

Voilà, vous connaissez maintenant les outils principaux du pixel artiste débutant !

Le Pixel Art par Skaaz♠ 3 : Le LineArt

Oui ! Nous allons enfin commencer à faire du pixel art !
Le lineart, la première étape dans le pixelart, elle permet de faire des traits beaux et réguliers.


(Source : Super Mario par Nintendo)

C'est une étape très importante (très importante oui) dans le pixel art. Quelques pixels en représente une masse dans la réalité suivant l'échelle. Cette étape est fondamentale dans la réussite de votre création en pixel art, et je n'abuse pas.

Décrantage

Le décrantage est la simple façon de supprimer les pixels inutiles, déformants qui font des gros pâtés sur votre création.

Petite étape simple à comprendre hein ? Alors passons !

Droites

Le lineart est fait de droites est de courbes nous allons commencer par travailler sur les droites. Le tracé des traits doit être défini et les pixels réguliers, je n'ai pas grand-chose à dire dessus donc voilà une image qui pourra éclairer mon explication.


Courbes
Pour les courbes, le principe est exactement le même, des pixels réguliers et définis pour un joli line.

Bien sûr que soit pour les traits ou les courbes, le décrantage est nécessaire, il est même, je dirait obligatoire !

Conclusion

Pour par exemple un character réussi, il vous faut obligatoirement utiliser le décrantage et le lineart !

Et donc en conclusion, si vous ne maîtrisez pas cette étape, vous ne ferais jamais de création potable... et je n’abuse pas.

Voilà, c’est terminé pour le lineart !

TUTO - Initiation au PhP



bonjour a tous et a toutes, je vous poste donc ce tutoriel facile a prendre en main et parus sur le site developez.com

comprendre concrètement ce qu'est le php et comment il fonctionne dans une vulgarisation accessible même au plus néophytes d'entre nous et en français c'est possible ?

et bien oui ! outre le site du zéro proposant lui aussi ce type de tuto avec qcm entre chaque sections, vous trouverez dans ce pdf très léger mais au contenus vraiment utile, des exercices, des exemples et des bouts de codes très bien expliquer...


PHP Le tutoriel pour grands débutants pressés

pour ceux qui s'intéressent au php5 c'est par ici :

Cours de PHP 5

enfin un excellent site pour comprendre et apprendre la POO :

apprendre-php.com

ce site possède également tout ce qu'il faut pour apprendre et comprendre le php dans sa très large généralité

un autre site (ils sont légions c'est vrai ^^) que j'aime bien :
phpdebutant

vous avez vous aussi de bonnes adresses de tutos utiles ? n'hésitez pas a posté vos liens a la suite de ce poste

TUTO - Making of character





Hello, tout d'abord, si vous lisez ce making of sachez avant tout que vous ne pourrez pas vous nommé "Pixel-Artiste", vous acquiererez plutôt le concept et l'idée du charamaking. Bref Commençons !


  • Pour la première image, commencez par repérer et créer les formes du futur costume de votre chablon, pour ma par, j'utilise des couleurs bien flashs pour ne pas me perdre et ce chablon (de Despain) qui est, je trouve, magnifique !
  • Pour la deuxième image, créez votre palette de couleurs, si vous n'avez jamais fait ça alors voici un petit quelque chose qui vous aidera sûrement ( forum.rpgcreative.net/viewtopic.php?f=41...amp;p=339890#p339890 )
    Ensuite, remplacer les couleurs initiales par les vôtres si ce n'est déjà fait.
  • Pour la troisième image, incrustez simplement les contours de votre personnage, avec une couleur bien foncé que l'on puisse faire une bonne coupure avec le reste du jeu.
  • Pour la quatrième image, établissez une première couche de lumière et d'ombre sur votre personnages avec des couleurs assez contrasté mais pas trop car...
  • Pour la cinquième image, mettez maintenant la dernière couche de shading, reflets, ombres & lumières encore plus contrastées en rajoutant d'autres couleurs... Ici, c'est aussi le moment de chercher les pixels perdu, c'est à dire, les erreurs.

TUTO - Installation et découverte sur script

source : http://www.openrpg.fr/forums/82-tutoriels/9383-tuto-video-installation-et-decouverte-sur-script

Bonjour a tous et a toutes,

voici donc comme promis en ensemble de tutos vidéos dédiés a CMJ.
nous allons dans ces deux premiers tutos aborder les questions concernant l’installation et le paramétrage du script.
le premier est en deux parties, voici la première, la seconde arriveras demain dans la soirée...

voici l'ensemble des tutos qui vont vous être proposer :

- Installation et couverte (2 parties) :
partie 1 installation => voir
partie 2 résolution des problème rencontrés a l'installation => voir

- Créer une carte :
nous aborderons les outils et tous ce qu'il vous faut savoir pour créer une carte.

- Créer ajouter des objets, des sorts, des pnj

- Créer des quêtes

- Les Métiers et la création d'objets dédiés

- Créer et importer ses propres tilesets, personnages, animations etc

- Utiliser Tiled dans CMJ

voila donc le programme certes chargé que je me propose de vous faire découvrir...

TUTO - Configurer un serveur multi-joueur pour CREERMONJEU (http://www.openrpg.fr)

source : http://www.openrpg.fr

Pré-requis: 
- Un vieux PC (vous en avez bien un qui traine au fond du garage non??).
Si ce n'est pas le cas je vous conseille wda-fr.org/, c'est une association sur Paris qui vend des PC de récup à des prix très bas (autour de 20€) et qui seront amplement suffisant pour notre petit serveur. Ce PC va devoir resté allumé 24h/24 alors prenez en un silencieux de préférence (surtout si il est sous votre lit ^^) et pas trop gourmand en énergie.

- Installer de préférence Windows XP dessus, si vous êtes novice en matière de réseau vous serez sans doute plus à l'aise avec XP qu'avec un autre OS

- Le script Monrpg, bien sur, disponible ici: www.openrpg.fr/telechargement/creer-mon-jeu-mon-rpg

Ok, si vous avez tout ça, on commence!

 

Etape 1: Configuration en local
1) Récupérer le dossier node du script et le copier sur le bureau de votre serveur.
2) Télécharger et installer Nodejs nodejs.org/ sur votre serveur
3) Copier le fichier node.exe du dossier C:\Program Files\nodejs et le coller dans le dossier node sur le bureau
4) Ouvrir le bloc note et copier la ligne suivante -> node app.js
5) Enregistrer ce fichier sous le nom start.bat (attention que ca ne fasse pas start.bat.txt) et le copier dans le dossier node du bureau
6) Copier le fichier cmd.exe du dossier C:\WINDOWS\system32 et le coller dans le dossier node sur le bureau
7) Double cliquez sur start.bat du dossier node
Une console devrait s'ouvrir avec marqué:
C:\quelque\chose>node app.js
info - socket.io started
Houraaaa, votre serveur est fonctionnel..... en local uniquement
Si votre jeu est déjà hébergé sur internet, il va aussi falloir le configurer pour que tout le monde puisse y accéder depuis le monde entier!!

 

Etape 2: Ouverture des ports
Alors la ça va se compliquer un peu dans le sens ou tout le monde a des box différentes, des config différentes etc...
D'une manière générale il va falloir ouvrir des ports.

1) Rendez-vous sur la page d'accueil de config de votre box, en général c'est 192.168.1.1 (à taper dans le navigateur)
2) Trouver l'onglet concernant les ports (sur la Livebox c'est "Serveurs LAN")
3) Créer une nouvelle entrée et configurer comme ceci:
Nom: N'importe
Accès activé: Oui
Du port: 8787
Au port: 8787
Protocole: TCP
Adresse IP locale: l'ip de votre serveur
-> Note pour connaitre l'ip de votre serveur: Démarrer/exécuter/cmd puis dans la console taper ipconfig/all et chercher la mention Adresse IP: XXX.XXX.XXX.XXX
4) Refaire comme 3) en remplacant Protocole TCP par UDP

Houraaaa, la communication entre votre serveur et le net est maintenant possible!
On a fait le plus dur, reste à configurer le fichier du jeu pour lui dire de s'adresser à votre serveur!

 

Etape 3: Les finitions
1) Récupérer votre adresse ip (par exemple ici: www.mon-ip.com/)
2) Ouvrir le fichier url.php présent dans votre jeu dans le dossier modules/global/config
3) Copier l'adresse donnée par le site et la coller ici: $config['websocket_user']='XXX.XXX.XXX.XXX'; en remplaçant, bien sur les X par l'adresse.

Et voila, tout est pret! Vous avez fini de configurer votre propre serveur multi-joueur compatible monrpg!

Attention cependant si vous faites des tests chez vous avec votre PC et que vous êtes connecté à la même box que celle du serveur (celle qu'on a configurer étape 2). Ca ne marchera pas. Il faut obligatoirement faire des tests ailleurs (chez des potes par exemple) ou alors passer par un smartphone si vous en avez un ou bien encore passer par un VPN. Mais il ne faut pas que l'addresse ip de votre pc soit la même que celle du serveur sinon vous testerez dans le vide (je parle en connaissance de cause :'()

Allez Enjoy et bon jeu!