funnylity' s wallpaper

Tutoriel: les bases de la 3D isométrique

2011-07-12T14:38:00.002+02:00

Un bon petit tuto qui vous apprendra les bases de la 3D iso :)

http://adf.ly/24gom

Tuto Photoshop : scène 3D abstraite

2010-12-30T22:21:00.001+01:00

Tutorial en anglais assez sympa.

ICI

Tutoriel PHP: se promener dans un paysage 2D

2010-12-03T07:09:00.004+01:00

Aujourd'hui, je change un peu mes habitudes en écrivant moi-même un petit tutoriel en PHP.

Attention, pour le réaliser, vous devrez bien sûr déjà bien maîtriser le langage. Pour cela, il y a des cours très bien faits ici.

Dans ce tutorial, nous allons donc réaliser une petite carte, comme on pourrait en trouver sur un site de jeu de rôle par navigateur.

Nous verrons ensuite comment nous y déplacer.

1) Création des images.

Dans notre exemple, nous irons au plus simples: il y aura deux sortes de configuration de terrain: de l'herbe et du béton. Ouvrez donc n'importe quel éditeur d'image et réalisez deux carrés de 3X3cm à 72 dpi. Un sera vert et l'autre gris. Enregistrez les en PNG dans un sous-dossier de votre "site".

Bon après, vous pouvez vous amuser à dessiner des fleurs ou la texture du béton, moi je vous explique le principe.

2) Base de données

Nos images sont prêtes et vous êtes devant votre éditeur de code, nous pouvons commencer. Mais avant cela, vous devez comprendre la manière dont nous allons afficher la carte.

Avant d'afficher quoi que ce soit, nous devons savoir où nous nous trouvons. Et en informatique, pour modéliser un système spatial, que ce soit en 2D ou en 3D, il n'y à pas 36000 solutions: cela se résume en deux lettres.

X et Y.

Nous allons d'abord devoir dire au serveur à quelles coordonnées se trouve la camera, afin qu'il sache quelle partie de la carte nous envoyer. Créons donc une nouvelle table qui contiendras les informations sur la camera. Cette table contiendras 4 champs: ID (en primaire et auto-incrémentation), X, Y et Name.

C'est fait? Bon, ajoutez manuellement une entrée qui se présentera de la sorte:

ID: 1

X:10

Y:10

Name: Camera

Le serveur saura donc que pour le moment, la camera se trouve en X10 Y10.

Il va maintenant falloir créer une nouvelle table qui, elle, contiendras les données de la carte en elle même:

-ID

-X

-Y

-Type (savoir quel genre de terrain on a affaire)

-Url (ici, nous mettrons l'image à afficher, donc du vert pour de l'herbe et du gris pour le béton)

Voilà ensuite vous remplissez quelques cases aux alentours des coordonnées de la caméra.

(Vous pouvez aussi réfléchir à un code tout fait qui va vous remplir des zones de cartes directement, j'y viendrai si vous avez trop de difficulté).

Affichage de la map:

Il n'y à plus qu'à afficher !

Nous allons construire la carte en prenant la camera pour centre, et en affichant 5 cases à la ronde. Pour cela nous utiliserons deux boucles for imbriquées l'une dans l'autre. Une se chargera d'afficher les X et l'autre les Y.

Bon ca peut vous sembler incompréhensible, donc retenez ceci: la carte va s'afficher un peu à la manière d'une imprimante papier qui sort une feuille: on affiche la rangée, on va à la ligne, on affiche celle du dessous et ainsi de suite.

Voici le code pour ceux qui n'auraient pas encore compris:

for($y=$position_joueur['Y']-5;$y<=$position_joueur['Y']+5;$y++) { //première boucle for, celle qui vas à la ligne

for($x=$position_joueur['X']-5;$x<=$position_joueur['X']+5;$x++) { //deuxième boucle: celle qui "imprime"

$query = mysql_query("SELECT * FROM coord_map WHERE X='".$x."' AND Y='".$y."'");

$result = mysql_fetch_array($query);

(<)img src="http://www.blogger.com/pictures/map/water/%3C?%20echo%20$result['Url'];?%3E" width="60" height="60" /> // pensez bien à modifier la balise image, j'ai du mettre un (<) pour pas faire planter le blog

}

Voilà Voilà, si tout va bien, votre carte se construira, ensuite pour s'y déplacer, vous n'avez plus qu'à ajouter 4 boutons directionnels qui feront bouger la position de la caméra =)

Bon c'est mon premier tuto, donc soyez indulgents si vous ne comprenez pas certains passage, ou que cela manque de précision, n'hésitez pas à me le signaler pour que je détaille et/ou corrige!

A bientôt.

Tuto: Poster retro avec photoshop

2010-12-03T02:15:00.003+01:00

Un petit tuto en français très sympathique: c'est sur tutsps (cliquez pour lire le tuto)

Typographie 3D (Illustrator + Photoshop + C4D)

2010-10-15T08:52:00.003+02:00

Réalisez cette effet de typo en 3D avec ce tutoriel (en anglais) -> ICI

Tuto photoshop: Créer un îcone de téléchargement

2010-10-12T18:13:00.002+02:00

Réalisez cet îcone dans photoshop, Tuto en Français !! C'est ICI

Tuto Photoshop: Ambiance lumineuse autours d'un personnage

2010-10-12T18:06:00.003+02:00

Un tutoriel intéressant et assez tendance: ICI (anglais)

[PS] Tuto: Space Art

2010-10-04T16:17:00.003+02:00

Réalisez une scène de Space Art, à partir d'un petit croquis.

(Tuto en anglais)

ICI

[PS] Tutoriel: Portrait en fumée

2010-10-04T16:11:00.002+02:00

Réalisez ce portrait en fumée grâce à ce tutoriel. (Anglais)

ICI

Tutoriel Photoshop: Iles flottantes

2010-06-05T00:51:00.004+02:00

Un petit tuto qui n'est pas sans rappeler les montagnes flottantes d'Avatar: ICI

PublicWall

2010-05-15T17:30:00.004+02:00

PublicWall est un site communautaire libre et sans inscriptions.
Vous pouvez y poster ce que vous voulez et regarder les gens le commenter.
Cela peut être des gens qui sont déjà sur publicwall et qui voient votre publication s'afficher dans les posts récents du "wall", mais cela peut très bien être aussi des gens de votre site, car vous pouvez exportez vos publications, soit par lien direct, soit par une balise "object" (un peu comme youtube quoi )

Exemple: un post au hasard que j'ai importé sur le site
alt : Publicwall

Voilà l'adresse est http://publicwall.o-n.fr

Tuto: TUTO - Déformation temporelle Photoshop

2010-01-09T23:51:00.003+01:00

Un petit tuto bien sympathique et qui rend assez bien:

ICI

Transformer une photo en dessin

2010-01-09T23:44:00.000+01:00

Tuto: Effet de vieille photo

2010-01-08T03:38:00.002+01:00

Logiciel utilisé: Photoshop CSx

Lien: http://alfoart.com/old_room.html

Tuto: Effet de buée sur Photoshop

2010-01-06T01:53:00.001+01:00

Un petit tutoriel écrit bien sympa mais en anglais: ICI

Perte de poids sur photoshop

2010-01-06T01:47:00.001+01:00

Pour ceux ou celles qui n'arrivent pas à tenir leur régime IRL :p

Tuto: Changer la couleur des yeux dans photoshop

2010-01-06T01:17:00.002+01:00

Le tutorial du jour:

Tuto: Faire une goutte d'eau dans photoshop

2010-01-04T21:39:00.002+01:00

Un tutorial en français assez bien expliqué afin de réaliser une goutte d'eau sur photoshop.

News pour 2010

2010-01-04T18:04:00.002+01:00

Chers lecteurs,

Tout d'abord bonne année à tous!

Nous voici en 2010 et j'ai décidé de reprendre ce blog en main: En me baladant sur Analytics l'autre jour, j'ai remarqué que même a l'état d'épave numérique abandonnée depuis des mois dans les méandres du web, ce blog recevais quand même +- 50 visites par jour, dont surtout des amateurs de tutoriaux photoshop et de l'article de résolution du bug de hexagon.

C'est donc qu'il a du potentiel.

C'est pourquoi, certains l'auront peut être déjà remarqué, j'ai effectué un vrai nettoyage de printemps niveau mise en page (bon ok c'est un des thèmes par défauts, mais j'ai pensé sauter le graphisme pour me concentrer sur le contenu), de nouveaux articles sont déjà parus (et ont déjà été trouvés sur google, à ma grande surprise).

Voici les nouveautés qui viendront s'intégrer au site et le programme pour 2010:

-Une sélection de tutoriaux piochés sur les différents diffuseur de video streaming (youtube, dailymotion, etc..)

-Des fonds d'écrans (ils seront pour la plupart "home made" donc en principe exclusifs)

-Des Ressources photos (également prises par moi même)

-...

En espérant que l'année soie prospère pour ce blog, à bientôt :D

Téléchargement de ressources 3D Bryce 5

2010-01-04T17:54:00.004+01:00

Aujourd'hui, je me tourne vers la 3D en vous présentant un petit blog que j'ai créé sur lequel vous pourrez télécharger des ressources 3D pour le programme Bryce 5.5 et Bryce 6. D'autres objets et textures viendront s'ajouter par la suite dans des formats plus standardisés tel que le .obj.

En attendant je vous laisse découvrir, tout y est gratuit !

http://brycedll.blogspot.com/

Photo: Arbrisseau

2010-01-04T17:48:00.003+01:00

Une photo d'assez bonne qualité pour vos créations ou à utiliser en fond d'écran
Auteur: Moi même, vous pouvez donc en faire tout ce que vous voulez.

Download Arbrisseau.jpg for free on uploading.com

Changer la couleur des cheveux dans Photoshop:

2010-01-03T13:25:00.002+01:00

Changing Your Hair Color Using Photoshop
/!\ = Tuto en anglais

Peindre des cheveux dans photoshop: Une autre vidéo

2010-01-03T13:23:00.003+01:00

Voilà, comme cette recherche aboutis souvent sur mon blog, en voici une autre ;)

Portrait de Marilyn Monroe au paintball

2010-01-03T13:11:00.002+01:00

Portrait de Marilyn Monroe au paintball - Buzz

Tuto: Planète sur Photoshop

2010-01-03T12:57:00.003+01:00