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 :
[31/01/10] MAO => Hyper Resonant 3, mis à jour, le mp3 dure 2:30 à présent
[03/01/10] MAO => Hyper Resonant 3
[03/01/10] Graphisme => Encore un autoportrait de moi en mode T-800 :P
[03/01/10] Programmation => 3 javascripts sympas
[03/01/10] Mise en ligne de mon cyberfolio \o/
[03/01/10] MAO => Hyper Resonant 3
[03/01/10] Graphisme => Encore un autoportrait de moi en mode T-800 :P
[03/01/10] Programmation => 3 javascripts sympas
[03/01/10] Mise en ligne de mon cyberfolio \o/
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
Agrandir l'image | Lien permanent | En savoir plus



Terminator (autoportrait), fait le 28 juillet 2009
Agrandir l'image | Lien permanent | En savoir plus
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
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
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
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
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
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
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
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
Une vidéo illustrant les missiles à tête chercheuse
à venir ;-)
↴ Lien permanent
Accès rapide aux sources :
(téléchargements : 16)
Comment contrôler le tank :
↴ 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 ?
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).
↴ 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 ;)
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. ;)
-
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).
↴ 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
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
facebook.com/tortorini
thomastortorini@gmail.com
youtube.com/tortorini
twitter.com/tortorini
Mr21 sur TetrisFriends
21 sur EchecsOnline
↴ Lien permanent
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. :-)
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
