Chargement…
Bienvenue sur mon cyberfolio :)


   Ce site n'est pas bien grand mais ça n'empêche une petite présentation de ce qu'il est et de ce qu'on y trouve :
Dans la partie «Graphisme» sont entreposés tous les dessins que je fais que ce soit en cours ou chez moi dont certains sont arrangés sous Photoshop. Si je connais un tant soit peu Photoshop, c'est dû au fait que je suis en BAC PRO Industries Graphiques.
Ensuite la «Programmation» c'est ce qui me tient à coeur depuis 2006, donc je trifouille quelques trucs notamment le javascript comme démontre ce site mais sinon c'est le C que j'aime vraiment.
La «M.A.O.» (Musique Assisté par Ordinateur) ça… ça reste du loisir hein, rien de bien sérieux (comme les deux premières rubriques finalement ^^).


Sur ce, bonne visite ;-)


Mr21


--- Les 5 dernières nouveautés publiées sur le site :
Voici ma galerie, j'y stocke mes dessins et quelques créas faites sous Photoshop.

Tous les dessins sont classés par catégories dans le menu «Graphisme» en haut il n'est cependant pas indispensable de l'utiliser car vous pouvez zapper facilement avec les miniatures d'en dessous.



↴ Lien permanent pour acceder directement à cette galerie
Une Lamborghini Reventon, fait le 1er decembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Ma une Ferrari Enzo, fait le 6 juin 2009
Agrandir l'image | Lien permanent | En savoir plus
Mon iPod 80go, fait le 1er juillet 2009
Agrandir l'image | Lien permanent | En savoir plus
Terminator (autoportrait), fait le 28 juillet 2009
Agrandir l'image | Lien permanent | En savoir plus
Infecté n°6, fait le 18 septembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Natalie Portman, fait le 12 octobre 2009
Agrandir l'image | Lien permanent | En savoir plus
Vue sur cour depuis le CDI, fait le 29 septembre 2009
Agrandir l'image | Lien permanent | En savoir plus
La salle de permanence, fait le 25 septembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Un cours de maths, fait le 17 septembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Le stylo Bic 4 couleurs de Greg, fait le 8 decembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Le Stabilo jaune de Denis, fait le 10 decembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Le paquet de Lucky Strike de Denis, fait le 12 octobre 2009
Agrandir l'image | Lien permanent | En savoir plus
Une dame d'Echecs, fait le 11 decembre 2009
Agrandir l'image | Lien permanent | En savoir plus
T-800 (autoportrait), fait le 27 décembre 2009
Agrandir l'image | Lien permanent | En savoir plus
Ma passion première ?
La «Programmation», j'y passe un nombre d'heures incalculable…

Dans le menu au dessus se trouve que ce qui en vaut vraiment la peine, c'est pour ça qu'il n'y a pas grand chose encore. «Jeux-vidéos», ne vous attendez pas y trouver des trucs qualité Left 4 Dead ou Call of Duty hein ;) c'est juste un mini jeu en 2/3D (qui n'est même pas terminé qui plus est).
Dans la partie «Javascript» se trouvent plein de petits scripts sympas que vous pourrez facilement réutiliser si ça vous branche.


↴ Lien permanent

Qu'est ce que Tank-U ?
Tank-U (prononcé thank you) est avant tout un grand projet personnel (grand pour moi en tout cas).
Ça sera un jeu multi-joueurs en ligne (codé en C avec la SFML) ou chaque participant aura pour but de démolir tous les autres, pour cela chacun possèdera un tank équipé de canon, sulfateuse, lance-flammes, missiles à tête chercheuse, mines, ...

Si vous souhaitez suivre de plus près le développement du jeu rendez-vous ici => k3v1n5.eu
(Le site des k3v1n5 réunit une petite équipe de jeunes développeurs dont je fais partis).


↴ Lien permanent

Captures d'écran et vidéos

Téléchargements et codes sources
Tank-U 0.15
Windows (8.1Mo)

(téléchargements : 20)
Tank-U 0.14
Linux (6.0Mo)

(téléchargements : 17)
à venir ;-)
↴ Lien permanent

Contrôles
Comment contrôler le tank :
  • Déplacement du tank : Q S D Z
  • Changement de l'arme secondaire : X C
  • Tir avec l'arme secondaire : A
  • Tir avec le canon rotatif : Clique gauche
  • Tir avec la mitrailleuse primaire : Clique droit
  • Ouvrir, fermer le pose-mines et larguer une mine : V
  • Rechargement : R
  • Marquage d'un tank ennemi pour les missiles à tête chercheuse : Espace + Clique droit
  • Déplacement manuel de la caméra : Espace + Clique gauche
  • Afficher le menu latéral : Tab
Il y a aussi un descriptif du tank ici
↴ Lien permanent

Remerciements
Merci aux k3v1n5 :D
Ainsi qu'a Laurent Gomila pour la SFML :)



↴ Lien permanent
Diaporama
   Voici l'un de mes meilleurs script !
C'est celui que j'utilise (par deux fois) dans la section «Graphisme» tout d'abord expliquons comment intéragissent les deux diaporamas qui y sont présent :

   Le premier est le plus grand celui qui affiche les diapos avec des images/liens/etc., le second est celui qui s'occupe d'afficher les miniatures en bas.
Les diaporamas possedent deux boutons sur chaque côtés qui font défiler les diapos, sur celui du bas ses boutons font défiler les diapos 5 par 5.
Là ou que c'est pratique c'est qu'il y a une fonction qui permet de positionner le diaporama sur l'une de ses diapos bien précise, c'est exactement ce qui se passe quand on clique sur une des miniatures du diaporama du bas.

Comment faire pareil ?
  • premièrement il faut linker 3 fichiers :
  • Ensuite il faut paramètrer notre diaporama :
    var Diaporama = new Array();
    Diaporama[Id] = new diaporamaClass(
    	Id,
    	nbDiaposTotal,
    	diapoStart,
    	nbDiapoDefilement,
    	diaporamaWidth, diaporamaHeight,
    	diapoWidth, diapoHeight,
    	espaceEntreDiapo,
    	opaciteMin,
    	couleurFondDiapo,
    	BordureDiapoTaille, BordureDiapoCouleur,
    	boutonWidth, boutonHeight,
    	nbPxBtnEnfonce,
    	nbFramesDeplacementDiapo,
    	nbFramesFadeIn,
    	nbFramesFadeOut
    );
    
    • Id : ce nombre doit être le même que celui qui est entre crochets.
    • nbDiaposTotal : le nombre de diapos que contient ce diaporama.
    • diapoStart : sur quelle diapo commence t-on.
    • nbDiapoDefilement : combien de diapos les boutons font défiler à chaque clique.
    • diaporamaWidth / diaporamaHeight : dimensions du diaporama.
    • diapoWidth / diapoHeight : dimensions des diapos.
    • espaceEntreDiapo : .
    • opaciteMin : à quelle transparence se trouve les diapos qui ne sont pas en surbrillance ([0;100]).
    • couleurFondDiapo : la couleur du fond des diapos.
    • BordureDiapoTaille : la taille de la bordure des diapos.
    • BordureDiapoCouleur : la couleur de la bordure des diapos.
    • boutonWidth / boutonHeight : dimensions des boutons.
    • nbPxBtnEnfonce : de combien de pixels les boutons doivent s'enfoncer à leurs cliques.
    • nbFramesDeplacementDiapo : nombre de frames pour le déplacement des diapos.
    • nbFramesFadeIn : nombre de frames pour que la diapo s'éclaircisse.
    • nbFramesFadeOut : nombre de frames pour que l'ancienne diapo s'assombrisse.

  • Il faut encore mettre le diaporama dans le HTML :
    <div id="diaporamaGlobal">
       <div class="diaporama" id="diaporama_0">
          <div class="diaporama_diapo" id="diaporama_0_diapo_0">
             1e diapo
          </div>
          <div class="diaporama_diapo" id="diaporama_0_diapo_1">
             2e diapo
          </div>
          <div class="diaporama_diapo" id="diaporama_0_diapo_2">
             3e diapo
          </div>
       </div>
    </div>
    

  • Dernière étape, l'initialisation :
    <script type="text/javascript">
    	var i;
    	for(i = 0; i < Diaporama.length; i++) Diaporama[i].diaporamaInitialisation();
    </script>
    
    Ce code doit être placé tout à la fin de la page (ou en tout cas derrière le diaporama HTML).

Pour plus de code il suffit de regarder la source d'ici bien sur.


↴ Lien permanent
DoubleImage
DoubleImage est un script dont la facilité d'utilisation est inversement proportionnel à son utilité ^^ bref il permet d'afficher deux images l'une sur l'autre dont la première se découvre au passage de la souris.
Voici une démo pour mieux comprendre.

Dans la démo se trouve 4 exemples avec différents paramètres de quoi comprendre facilement ;)


↴ Lien permanent
MenuDeroulant
Pour ce script je doute qu'il y ai besoin d'une démo, ce n'est autre que le menu déroulant que j'utilise ici en haut, c'est une très bonne démo pour plusieurs raisons :
  • Il y a des sous-menus.
  • Le menu n'est pas fixe, la largeur minumum est de 1024px et sinon il s'élargit selon la fenêtre, la plupart du temps les menus déroulants sont fixes. ;)
Je vais en quelques lignes essayer d'expliquer le fonctionnement du truc :
  • Donc tout d'abord il faut linker ces 3 fichiers :
  • On prépare nos menus déroulants :
    var menuDeroulant = new Array();
    menuDeroulant[id] = new menuDeroulantClass(
    	id,
    	x,
    	y,
    	height,
    	opacite,
    	nbFrames,
    	nbMsResteOuvert
    );
    
    • ID : ce nombre doit être le même que celui qui est entre crochets.
    • X : la position X du menu, sauf si le menu est un sous-menu ce nombre devrait rester à 0.
    • Y : idem que X mais pour l'autre axe.
    • Height : c'est la hauteur du menu.
    • Opacite : la transparence du menu, de 0 à 100.
    • nbFrames : ce nombre correspond à la vitesse du script (10 c'est cool).
    • nbMsResteOuvert : ça c'est le nombre de milisecondes que reste ouvert le menu quand la souris en sort.

  • Ensuite il faut mettre les menus dans le HTML :
    <div class="menuLien_menuDeroulant_Conteneur">
    	<a href="" class="menuLien"
    		onmouseover="menuDeroulant[=>id<=].menuDeroulant_lienMouseOver();"
    		onmouseout="menuDeroulant[=>id<=].menuDeroulant_lienMouseOut();"
    		onclick="return false;"
    	>Lien de test</a>
    	
    	<div class="menuDeroulant_Conteneur">
    		<div class="menuDeroulant" id="menuDeroulant_=>id<="
    			onmouseover="menuDeroulant[=>id<=].menuDeroulant_menuMouseOver();"
    			onmouseout="menuDeroulant[=>id<=].menuDeroulant_menuMouseOut();"
    		>
    			<a href="" onclick="return false;">Menu de test</a>
    		</div>
    	</div>
    </div>
    
    En remplacant bien sur les "=>id<=" par le véritable id du menu.

  • Et finalement l'Initialisation des menus :
    <script type="text/javascript">
    	var i;
    	for(i = 0; i < menuDeroulant.length; i++) menuDeroulant[i].menuDeroulantInitialisation();
    </script>
    
    Ce code doit être placé tout à la fin de la page (ou en tout cas derrière les menus HTML).

Voilà, bon finalement si l'utilisation de ce script n'est toujours pas très clair il vous est possible de regarder la source de cette page hein :D


↴ Lien permanent
   Alors la «M.A.O.» (Musique Assistée par Ordinateur) plus précisément Fruity Loop est la première chose à laquelle je me suis interessé sur ordinateur (après paint quand j'étais en primaire), et paradoxalement c'est le domaine informatique dans lequel je suis le moins doué...
   Peu importe, je m'éclate quand même à faire des .mp3 (oui je dis ".mp3" car je n'ose pas appeller ça "musique" :P) que je met à la disposition de tout le monde ici. \o/

Pour lire les mp3 directement sur le site, j'utilise le plugin QuickTime, si vous ne l'avez pas vous pouvez toujours télécharger directement les fichiers (mp3) ou alors installez le logiciel.

↴ Lien permanent
k3v1n5.eu
Alors ça c'est notre site, oui "notre" car je fais partie d'une petite équipe de jeunes développeurs ou je ne sais quoi qui s'appelle «k3v1n5».

facebook.com/tortorini
Je n'y expose pas trop ma vie, mais ça me permet de rester en contact avec tout le monde, sinon je m'en sert aussi pour montrer aux gens ce qui se trouve dans la partie «Graphisme».
Vous pouvez sans même me connaître m'ajouter, ça ne pose aucun problème. :-)

thomastortorini@gmail.com
Ça c'est mon e-mail, oui, même pas peur du spam :-P

youtube.com/tortorini
Ce n'est pas le service que j'utilise le plus, mais en ce moment je m'en sert pour publier des captures vidéos de Tank-U.

twitter.com/tortorini
En fait je n'utilise pas vraiment twitter, c'était juste pour me réserver le nom.

Mr21 sur TetrisFriends
Oui donc ça, c'est le jeu qui m'est complètement contre-productif, mais bon… j'adore, j'ai acquis un bon niveau hein ! (je ne sais pas trop si c'est utile dans la vie de tous les jours par contre).

21 sur EchecsOnline
Je suis aussi un passionné d'Echecs, je ne suis cependant pas un grand maître mais j'me défend (un peu).


↴ Lien permanent