bbxdesign

CSS + WordPress + Web Design

new york
bd couleur css firefox Flash google gratuit ie6 interface iphone javascript jeu musique navigateur new york photo photoshop vidéo w3c wordpress

New York vu du ciel à 360°

Je suis grand fan de ce genre de photos : des plans panoramiques à 360° de New York.

C’est intéractif, c’est fluide, et la qualité visuelle est au rendez-vous. Ca rappelle le Quicktime Virtual Reality mais en 20 fois mieux. Je me demande vraiment quel dispositif est utilisé pour prendre de telles photos.

new-york-aerien-01

new-york-aerien-02

new-york-aerien-03

new-york-aerien-04

new-york-aerien-05

Faites clic droit > Planet View. Vous verrez, c’est surprenant. :-)

Commenter »

La distance en couleurs : triptrop NYC

triptrop-nyc

Un gars de Brooklyn voulait savoir jusqu’où il pouvait aller en 15 minutes en partant de chez lui. Et puis en 30min, 1h, 2h…
triptrop NYC est une carte colorée de New York où les distances sont représentées par une couleur, rouge pour le plus proche, violet pour le plus éloigné, et tout l’éventail de couleurs entre les deux. Les trajets se font par métro.

Imaginons que je veuille aller du Guggenheim au Flatiron. Ca me prendrait environ 30 min.

distance-coloree

Encore une belle utilisation de l’API de Google Maps. Il y a d’ailleurs des infos locales disponibles. A quand la même chose pour Paris ?

2 commentaires »

Une carte sans horizon de Manhattan

Here & There propose une carte particulière de Manhattan :

  • ce qui est proche est en 3D
  • ce qui est en loin est en 2D

L’évolution 3D vers 2D se fait progressivement, sur une courbe visuelle. On me dit qu’un GPS serait une super idée. En effet!

En regardant Uptown

carte-2d-3d-uptown

En regardant Downtown

carte-2d-3d-downtown

Qui a dit “Où est mon skate ?” ?

* Kottke

1 commentaire »

La géographie du buzz

Elizabeth Currid et Sarah Williams ont établi une carte de densité d’évènements culturels (musique, cinéma, théâtre…) à New York et à Los Angeles. Ils ont utilisé des photos prises lors de soirées où bon nombre de créatifs se réunissent. Le moins que l’on puisse dire, c’est que la corrélation géographique entre les différents domaines culturels est extrêmement forte. C’est sans doute le cas pour pleins d’autres villes, non ?

geographie-buzz

Commenter »

NYC 09 : vidéo de notre voyage à New York

Avec un ami, nous sommes allés à New York fin janvier. Après avoir vu la vidéo “This Is Japan!”, j’ai eu envie de faire la même chose, même si je suis un photographe totalement amateur. J’ai donc pris énormément de photos (1602 en tout) pour avoir assez de photos correctes et réaliser cette vidéo.


NYC 09 from Jeremy Thomas on Vimeo.

Processus de fabrication

La musique

Tout est parti du morceau: LCD Soundsystem – Someone Great. J’ai eu tout de suite l’idée d’utiliser cette chanson, avant même d’acheter l’appareil photo (un Canon EOS 1000D). James Murphy représente musicalement l’esprit de New York. Je pouvais difficilement utiliser un autre artiste, et un autre album.

La synchronisation

A partir de là, j’ai calculé le BPM pour que les photos soient synchronisées avec la musique. J’ai utilisé MixMeister BPM Analyzer pour trouver que le morceau était à 113 BPM. Cela équivaut à 0,53 secondes (60/113) environ. Il faut donc que chaque photo apparaisse pendant ce temps exactement.

Une vidéo est divisé en un certain nombre d’images/sec (en général 25 ou 30 images/sec). Donc 0,53 sec correspond environ à 15 images si la vidéo est en 30 images/sec. Mais en réalité, ça donne 0,50 img/sec et non pas 0,53. Il me fallait donc me rapprocher un maximum de ce nombre pour que le décalage ne soit pas visible au fil du temps.

J’ai fait des calculs. J’ai multiplié la ratio 60/113 par plusieurs valeurs d’images/sec, en commençant par 10 jusqu’à 40. J’ai remarqué qu’un des résultats se rapprochait d’un nombre entier: en 32 img/sec, 0,53 sec correspond quasiment à 17 images. J’ai donc fait ma vidéo en 32 img/sec, où chaque photo apparaissait pendant 17 images. Il n’y alors aucun décalage visible avec le son.

Les photos

En 113 BPM, pour un morceau de 6min 30sec, il me faut 735 photos. J’ai trié, redimensionné et recadré les photos en enlevant notamment celles qui étaient mauvaises (surtout celles prises de nuit).

Le montage

En utilisant After Effects, j’ai mis à la suite les 735 photos. J’ai malheureusement dû le faire à la main parce que je n’ai pas réussi à automatiser cette tâche bien laborieuse. Si vous savez comment le faire, dites-le moi parce que je ne le referrai plus!

Le rendu

J’ai eu des problèmes de synchronisation au rendu que je n’avais pas dans After Effects. Je n’ai toujours pas compris d’où ça venait. Au final, j’ai encodé en Xvid pour un fichier de 374mo.

Je déteste faire de la vidéo parce qu’un simple changement dans le fichier source doit être suivi d’un rendu d’une dizaine de minutes. Niveau productivité, c’est très différent du web.

J’espère que vous apprécierez cette vidéo autant que j’ai aimé la réaliser.

3 commentaires »