Archives mensuelles : février 2013

Images du jour

Pas mal de Ghibli et un peu de Vanillaware :

Le New York des Avengers

L’énorme travail graphique sur le film Les Avengers a été grandement aidé par la photographie.

Ainsi, aux cotés des milliers d’assets (modèles 3d), plus de 250,000 images ont été prises pour recréer New York en terme de textures plaquées ou de réflexions (360°).

Bravo aux équipes de ILM, car je ne m’était pas rendu compte que la grande majorité de la ville était en CGI.

httpvh://www.youtube.com/watch?v=p6NNQ3VAb3w

[video] Comment faire un Kisushi

Nés de l’imagination fertile de l’artiste franco-québécois Kikooshi, les Kisushi sont des magnifiques sculptures représentant des poissons imaginaires aux couleurs chatoyantes.

Grâce à la vidéo ci-dessous nous allons entrer dans la tête de l’artiste et voir les secrets de fabrications de ces étonnantes bestioles :

Le rendu pixel parfait

Un affichage net sur les écrans plats (LCD, OLED,…) est tout d’abord affaire de pixels.

Imaginez que vous avez un logo et que vous vouliez en faire un icone pour votre bureau ou votre page web. Et bien, pour que le rendu soit net ou lisible, il ne suffit pas de le réduire sous Photoshop ou Gimp et de l’enregistrer, car le résultat risque d’être illisible car trop flou :

youtube icon size normal

à gauche une réduction bicubique et à droite une prenant compte le rendu souspixel

Pour avoir un rendu net il faudra tenir compte de l’agencement physique des pixels de votre écran : le subpixel rendering (rendu souspixel).

Car pour afficher un point de couleur, votre écran utilise un pixel rouge, vert et bleu ; pour avoir un rendu optimal à l’écran il faudra tenir compte de l’agencement de ces derniers :

lcd pixels

Microsoft a développé un procédé pour que l’affichage des polices de caractères soit optimal en fonction de votre écran : ClearType.

source, image wikipedia

 

Modifier le CSS par site web

2013-02-21_095020

Vous avez peut-être parfois envie de modifier l’affichage d’un site en particulier, une couleur? une taille de texte? des liens?

Et bien vous allez pouvoir surcharger le CSS par site web grâce au plug Stylish sous Firefox. Un peu comme GreaseMonkey le fait en Javascript, vous pourrez ajouter un bout de code lorsque vous irez sur des pages web (que vous définirez).

Un petit exemple : Modifions la couleur des liens pointant vers YouTube sur la tribune Factornews :

.msg a[href*="www.youtu"]:after {content: " youtube";color: #f00;}
body {
    color:#123456 !important;
}
.contenu {
    background:#fefefe !important;
}
.boite {
    background:#eeeeee !important;
    border: none !important;
}
#barre {
    background:#eeeeee !important;
}
#latribune div:nth-child(2n) {
     background:#f5f5f5 !important;
}

Talros : les reliques d’Homeworld

Talros, Daniel Graffenberger, est un artiste très inspiré par le design « cubique » des vaisseaux du jeu Homeworld.

Ses très beaux concept art sont axées sur le design futuriste de tanks, armes et surtout de vaisseaux spatiaux. Si, comme moi, vous aimez ses créations, suivez le sur sa page deviantArt et son compte twitter.

Le dernier niveau de Super Mario Bros 3 en vue subjective

On continue dans les vidéos de remake de Mario en vue subjective, mais l’avantage c’est que l’on monte en gamme.

En effet, le dernier niveau de Super Mario Bros 3 en mode FPS, qui a nécessité 50 jours de rendu, est juste magnifique :

httpvh://www.youtube.com/watch?v=Gf-2Imh6a54#!

Comment cacher les icones « fermer » des onglets Firefox

Rien de plus rageant que de fermer un onglet Firefox parce que l’on a cliqué sur la croix rouge de ce dernier sans le vouloir.

Avec une petite modification dans la configuration, on peut facilement cacher le bouton fermer de l’interface, et ainsi alterner les onglets sans crainte de fermeture inopinée (ou utiliser les raccourcis du clavier).

Bien sûr, il sera toujours possible de les fermer en cliquant avec le bouton du milieu (celui de la molette) :

2013-02-19_083234

1) Il faut pour cela entrer dans la barre d’adresse : about:config et cliquer sur : « Je ferai attention, promis ! »

2013-02-19_083327

2) Rechercher le texte suivant : browser.tabs.closeButtons

2013-02-19_083410

3) Cliquer sur la ligne et entrer la valeur : 2

2013-02-19_083425