Archive pour May, 2008

Elephants Dream & Big Buck Bunny, les premiers films d’animation open source 30 May 2008 à 12:49 am par myrmex

Tout d’abord, il y eut “Elephants Dream”, le premier film d’animation entièrement réalisé avec des logiciels open source.

Elephants Dream, premier film d'animation open source

Elephants Dream est un court métrage en images de synthèse réalisé dans le cadre du projet Orange (Orange Movie Project). Sa particularité est d’avoir été réalisé quasi exclusivement avec des logiciels libres, dans le but d’évaluer leurs capacités dans le milieu du cinéma professionnel. Le film ainsi que l’ensemble des fichiers source et matériaux ayant servis à sa réalisation sont disponibles sous licence Creative Commons.

Le Projet Orange a débuté en septembre 2005, lancé par une équipe de passionnés dans le but de créer un film d’animation en 3D avec le logiciel libre Blender. Le défi est double : tout d’abord réaliser un court métrage, mais aussi prouver les possibilités des logiciels libres de création graphique. L’équipe de créateurs se compose non seulement de modélisateurs venus des quatre coins du monde, mais aussi de développeurs de Blender.

En effet, Ton Roosendaal, qui est à l’origine de Blender et de la Blender Foundation, est le producteur et réalisateur de l’animation. Le logiciel connaît ainsi de nombreuses améliorations grâce à ce projet.

Ce projet a un coût de 18 500 € par minute, qu’il faut relativiser avec les coûts d’une telle réalisation : 30 000 € la minute pour une production en Inde et jusqu’à 200 000 € pour une grande production. Le rendu a été réalisé en 125 jours avec 240 serveurs bi-processeur.

Les instigateurs de ce projet étant des passionnés de l’open source, le court métrage a été mis à disposition sur Internet via BitTorrent depuis le 18 mai 2006, sous licence Creative Commons « CC Attribution ». Une version appelée DVD, extended edition est également disponible à l’achat (35 €) depuis début avril 2006 ; elle contient des compléments comme le Making Of, ou encore tous les fichiers source des modèles 3D du film ainsi que le support des 35 langues pour les sous-titres.

Et l’histoire ?… Elephants Dream est une petite histoire mettant en scène deux personnages, Emo et Proog, dans un monde étrange.

En effet, ce dernier est modelé par les pensées des deux personnages. Proog, l’aîné, est émerveillé par ce monde et ses mystères; Emo, de son côté, est lassé de son environnement. On assiste donc à une confrontation entre ces deux visions, que l’on peut élargir à une opposition entre la nature et la technologie et rattacher au dualisme. Cette confrontation prend toute son ampleur dans la scène finale, ou Emo « crée » un titan dans l’intention de tuer Proog. Ce titan, de par sa nature chimérique et destructrice, peut être apparenté à la technologie citée plus haut.

Le court métrage est sorti le 26 mars 2006 au cinéma Ketelhuis à Amsterdam (Pays-Bas).

Source de l’article : Wikipedia - Elephants Dream

Site Officiel : Elephants Dream
Site Version Francaise 1 : Elephants Dream VF 1
Site Version Francaise 2 : Elephants Dream VF 2

Puis, aujourd’hui, il y a Big Buck Bunny

big buck bunny, film d\'animation open source

Big Buck Bunny s’inscrit dans la lignée directe du court-métrage Elephants Dream. Orchestré une nouvelle fois par la Fondation Blender sous le nom de Projet Pêche, il vise à produire un court-métrage exclusivement avec des logiciels libres dont principalement Blender. Le film ainsi que l’ensemble des fichiers source et matériaux ayant servi à sa réalisation seront également disponibles sous licence Creative Commons Paternité.

Ce film à eu un coût de production de 150 000 euros et une durée de réalisation de 6 mois (rendu compris), qui a débuté le 1er octobre 2007 a été diffusé pour une première le 10 avril 2008 au cinéma Studio K d’Amsterdam.

Le rendu final du film fût un “don” de Sun Microsystems d’un temps de calcul de 50 000 heures sur des stations Solaris.

Source de l’article - Wikipedia - Big Buck Bunny

Site Officiel : Big Buck Bunny
Téléchargement fichier AVI (271 MO): Big Buck Bunny

> Easy CSS Progress Bar, menu pas à pas par myrmex 29 May 2008 a 2:53 am et a Aucun commentaire

Kollermedia est un blog tenu par un jeune autrichien, Jürgen Koller. Je parlerai de son dernier script, Easy CSS Progress Bar… mais je vous invite à fouiller les pages de son site…

menu pas a pas

Easy CSS Progress Bar est un script qui permet l’affichage d’étapes… comme sur les sites de réservation… à l’étape 1, on renseigne villes et dates de départ et d’arrivée, à l’étape 2, on renseigne les coordonnées, etc.

Avec ce script, vous créez autant d’étapes que vous le souhaitez, il n’y a aucune limite. Seul l’ajout d’un fichier CSS est nécessaire.. tout le reste se passe coté code HTML… il faudra simplement gérer des listes à puces de type “ul” “/ul” les “sous tag” “li”, “/li”.

Comme souvent, on ne peut plus simple… et donc efficace !

Site Internet : Kollermedia
Licence : Gratuit

> SearchDocs, moteur de recherche de documents par myrmex 28 May 2008 a 1:36 am et a Aucun commentaire

SearchDocs est un moteur de recherche qui se concentre sur les sites de publication et partage de documents suivants :

partage de documents gratuits

Techniquement, SearchDocs n’est ni plus, ni moins qu’un moteur de recherche personnalisé conçu avec “Google Custom Search Engine “. CSE permet de développer des moteurs de recherche personnalisés qui sont paramétrés soit sur une liste de sites choisis, soit sur l’ensemble du web.

Site Internet : SearchDocs
Licence : Gratuit

> Menu accordéon horizontal javascript (1ko) par myrmex 27 May 2008 a 1:23 am et a 2 Commentaires

Le blog Web Development Blog de Michael Leigeber est une mine d’or… les scripts proposés sont de toutes petites tailles et proposent des fonctionnalités que l’on croyait uniquement possible avec les Framework (MooTools etc.)… d’autres articles seront à venir de ce blog…

Mais aujourd’hui, je focalise cet article autour de son script qui permet d’afficher un menu accordéon horizontal . L’auteur, Michael Leigeber, avait vu un menu semblable sur la page d’accueil du site mootools et il a reproduit cette fonctionnalité à travers un script aussi léger que possible. Mission accomplie, le script pèse 1 ko !

Le script s’adapte automatiquement au nombre d’éléments à insérer dans le menu accordéon et à la dimension du menu accordéon.

menu accordeon

Pour insérer ce menu sur vos pages web, 3 opérations sont nécessaires :

  • Ajouter le fichier slidemenu.js dans le “Head”, “/Head”
  • Ajouter la ligne onload=”slideMenu.build(’sm’,200,10,10,1)” dans le “body”
  • Ajouter un liste à puces avec “id=”sm” class=”sm”" dans le tag “ul”

Rien de bien complexe et la beauté de votre menu ne dépendra plus que de la qualité de vos images… Et l’auteur autorise l’utilisation de son script aussi bien dans projets personnels que professionnels.

Site Internet : Web Development Blog
Licence : Gratuit

> Icones e-commerce gratuites par myrmex 26 May 2008 a 1:52 am et a 3 Commentaires

StarFish met à votre disposition un set de 32 icones (au format SVG) destiné à “habiller” vos projet d’e-commerce.

icones gratuites ecommerce

Un jeu d’icones superbes qu’il est possible de modifier ou à utiliser en l’état.

Site Internet : StarFish
Licence : Gratuit

> Editeur CSS gratuit par myrmex 23 May 2008 a 2:11 am et a 1 Commentaire

Vous développez des sites internet… un petit éditeur wysiwyg certes classique mais qui permet de visualiser, simultanément l’aspect de votre site internet sous Firefox et sous Internet Explorer pourrait vous intéressez ?

Alors CSSVista est pour vous. Son fonctionnement est très simple : il suffit de taper l’url de la page à éditer (url, fichier local) et vous aurez l’affichage de la page avec dans la partie supérieure le rendu sous IE, dans la partie inferieure, le rendu sous Firefox.

editeur css

Vous pourrez bien évidemment éditer la (ou les, s’il y a plusieurs feuilles de style) feuille de style associée à la page et effectuer les changements qui seront visualisables instantanément dans les deux navigateurs et ce, en temps réel.

Toutefois, il faut savoir que CSSVista n’est disponible que pour Windows et requière le Framework .Net.

Si vous utilisez le systeme d’exploitation Windows et si vous êtes amené a souvent développer des interfaces HTML/CSS, CSSVista vous simplifiera la vie et vous fera gagner beaucoup de temps.

Site Internet : CSSVista
Licence : Gratuit

> Axeraider70’s, impressionnantes brosses Photoshop par myrmex 22 May 2008 a 3:49 am et a Aucun commentaire

Xavier Durand-Hollis ,alias Axeraider70, a créé différentes collections de magnifiques brosses Photoshop. Ces brosses photoshop sont de style abstrait. Toutes les brosses sont sous Licence Commons Creative 3.0 et vous pouvez librement les utiliser pour vos travaux non commerciaux.

brosse photoshop

Axeraider70 a egalement placé un tutorial pour inserrer ces brosses dans Photshop.

Un excellent et magnifique travail.

Site Internet : Axeraider70
Licence : Creative Commons 3.0

> FgCharting, diagrammes “HTML” par myrmex 21 May 2008 a 1:49 am et a 2 Commentaires

FgCharting est un plug in jQuery qui permet de créer des diagrammes depuis des données contenues dans des tableaux HTML standards (”table”, “/table”). FgCharting, pour afficher le diagramme, s’appuie sur le tag “canvas” (voir article - Utililser le tag “canvas” avec Internet Explorer).

diagramme plug in jquery

En utilisant FgCharting, vous pourrez afficher des diagrammes de type :

  • ligne
  • camember
  • secteur
  • barre
  • etc…

Cette solution s’avère très simple à mettre en oeuvre. Il suffit d’ajouter le fichier “fgCharting.jQuery.js” et de créer un tableau en respectant la nomenclature de FgCharting.

Site Internet : FgCharting
Licence : GPL

> Illustrations au format SVG par myrmex 20 May 2008 a 1:48 am et a 2 Commentaires

Jean Cartier, dans un article datant du 22 mai 2007, offre à la communauté (domaine public) un ensemble d’illustrations au format SVG, réalisées sous InkScape, qui se veulent être des illustrations/icones du type de celles que l’on trouve dans MicroSoft Visio (c) ™ ou 01-Informatique.

C’est en réalité 2 versions de la même bibliothèque qui sont téléchargeables : la version 1 qui présente des icones “grisées” et la version 2 qui présente les icones “colorisées”.

icones svg

Cette bibliothèque a déjà fait l’objet d’illustration notamment pour le magazine Linux Magazine (numéro de février 2008, page 38).

Site Internet : Jean Cartier Blog
Licence : Domaine Public

> Utililser le tag “canvas” avec Internet Explorer par myrmex 19 May 2008 a 12:10 am et a 2 Commentaires

Les navigateurs Firefox, Safari et Opéra 9 savent gérer le tag “canvas” pour permettre le dessin en 2D sur une page web. ExplorerCanvas apporte la même fonctionnalité à Internet Explorer.

Pour l’utiliser, les développeurs de site Web doivent simplement inclure le fichier “excanvas.js” avec un petit test pour verifier si le navigateur de l’internaute est Internet Explorer dans leurs pages Web existantes. Les fichiers d’exemple montrent et expliquent très bien quelle est la procédure.

Pour se familiariser avec le tag “canvas” (documentation en français) : Centre de développement Mozilla

Site Internet : ExplorerCanvas
Licence : Apache License 2.0