Ciné-méninges

Installez-vous et choisissez :

Sans JavaScript il n'y aura pas de cinéma !

Yakakliké, ça démarre (presque) tout de suite. Merci de ne pas semer du pop-corn partout :-)

Cette liste sera bien sûr tenue à jour…

Des explications

Une page quelconque du blog choisit (ou non) un de ces fonds au hasard mais ne l'affiche pas tout de suite, ceci pour laisser à la page le temps de se charger complètement. Ensuite la page choisit, toujours au hasard, un autre fond puis un autre puis… Le titre du fond en cours d'affichage se lit en bas à gauche de la fenêtre du navigateur.

En survolant le fond animé ou l'étiquette en bas à gauche, vous connaîtrez les articles d'où proviennent les photos utilisées. Cet article vous donnera la liste de tous les articles utilisés pour tous les fonds.

Il y a une toute petite icône en haut à gauche de l'écran : un bout de pellicule. Blanche elle indique que le fond n'est pas encore actif, blanche avec des petits bateaux qu'il l'est, grise qu'il n'y en aura pas pour cette page.

Cette icône est aussi un menu. Vous pouvez tirer un fond au hasard (option  Oui ), vous pouvez au contraire supprimer le fond pour cette page (option  Non ) ou pour toutes les pages s'ils vous agacent (option  Jamais ). Le menu contient enfin un lien vers le présent article (option  Catalogue ).

Les pages où se promène un autobus (listes d'articles) ne choisissent pas de fond animé, ceci parce que le bus consomme déjà de la puissance de calcul. Mais vous pouvez passer outre, à vos risques et périls !

Des nouvelles

Avril 2013

Accès à liste des ingrédients d'un fond et mise à jour du présent article.

17 novembre 2010

Les fonds se succèdent aléatoirement sur une même page.

Début novembre 2010

Réorganisation de l'article.

16 septembre 2010

Ajout de  Salamandre et Valois , ajout du menu.

4 septembre 2010

Ajout de trois animations :  Rayons négatifs ,  Bibliothèque N&B ,  Les pieds au mur .

2 septembre 2010

Première publication de cet article.

Comments

[Anna]

J'adore. Je préfère toujours ta chimère, cela dit.

[WvS]

Hééé... il y en a pour tous les goûts ! La chimère est la seule animation racontant un embryon d'histoire, il y a peut-être un rapport ?


Les autres sont davantage des exercices de style, des explorations techniques ; leur complexité, leur temps de mise au point, n'est pas en rapport avec le nombre de pixels concernés ni même avec
la taille du fichier. Je raconterai peut-être tout ça un jour, mais je ne sais trop par quel bout m'y prendre ! :-)

[christina]

pas spectaculaire dites-vous... mais on peut pas la louper !
merci, c'était bien le cache (d'habitude y avait pas besoin)

[WvS]

Héhé... elle est assez sournoise !


Cache : c'est peut-être parce que j'ai revu le système. Jusque là, un nouveau fond=du nouveau JS (+ un nouveau .gif, bien sûr). Maintenant un nouveau fond=une nouvelle classe de CSS (plus simple
et plus flexible). Je ne connais pas les détails, mais je crois que les 'lois de mise en cache' ne sont pas les mêmes pour JS et CSS, au moins sur les blogs OB.

[christina]

où qu'elle est la noire et blanche, panne au démarrage ??

[WvS]

Non non, seulement elle n'est pas très spectaculaire. Avez-vous vidé votre cache ?

[christina]

je m'en doutais, c'est de la folie... mais le résultat est là, impec !

[WvS]

De la folie, c'est possible... Impec : tant mieux !

[christina]

Le plombier, trop mignon... la bibliothèque, très très belle... vous vous surpassez ! Un nouveau tous les jours et vous nous coincerez encore plus longtemps - c'est comme un aquarium, on reste
scotché.
(et pendant que le plombier descend, le br monte, hi hi :))

[WvS]

Hé bien non : contrairement au plombier, le BR reste identique depuis quatre jours consécutifs, c'est très rare !


La bibliothèque est assez spectaculaire mais a demandé beaucoup moins de travail que le plombier, sous ses airs de gag rapide. Fabriquer la première demande, en gros, de superposer le négatif au
positif puis de dévoiler progressivement le négatif. Comme la cinématique du dévoilement est simple (des zones rectangulaires) je n'ai eu qu'à utiliser une possibilité de mon soft à faire des
gifs animés, puis fabriquer cinq séquences d'apparition et cinq séquences de disparition et assembler ces dix épisodes. Le résultat contient un peu plus de 600 images mais ne pèse que 54Ko.


Le plombier se compose aussi de quatre séquences principales : descente des jambes, descente de la tête, agiter un bras puis l'autre et de deux petites séquences pour l'apparition et la
disparition du personnage. Mais là j'ai dû fabriquer les images une à une, à la main (et il y en a plus de 200 !), repérer les pixels inchangés d'une image à l'autre (pour alléger le fichier
autant que possible), caler chaque séquence par rapport à la bibliothèque pour que le plombier atterrisse bien sur un rayon et ne sautille pas d'une séquence à l'autre, etc. Le fichier contient à
peu près 450 images (25% de moins que la bibliothèque) mais pèse plus de 420Ko !


Je crois donc que le prochain film sera encore une transformation de la bibliothèque :-)

[rififi]

ah ben non, pentacentième ça ferait 0,500

d'après ce site (http://users.hol.gr/~helen/index.files/chiffresgrecs.htm) c'est pentehekatonième

[WvS]

Alors va pour pentehekatonième... Cinq-centième est moins piégeux, tout de même :-)

[rififi]

ok
au fait, joyeux penkatième :-) (penkatonième ?)

[WvS]

penta-centième ?? J'y crois pas trop .....

[rififi]

haha ! très bon le plombier :-D

et l'autobus, il est où ?

[WvS]

L'autobus est un cas particulier, il se promène en haut des pages répertoriant les articles : tables des matières, liste complète, archives et autres...