Tuto realisez votre holoclock pour smartphone.

Tuto realisez votre holoclock pour smartphone.
par Thermo_Nono.
1 – Conventions
Pour commencer, nous allons définir quelques termes et conventions afin de bien nous
comprendre tout au long du tuto.
- le coffre et le tiroir à smartphone.
L'holoclock dispose de deux parties : le coffre et le tiroir à smartphone.
Le coffre est la partie ou seront projetés les hologrammes.
Le tiroir à smartphone est la partie ou nous glisserons le smartphone.
- découpe et pliage
Là c'est très simple :
Les lignes continues sont à découper.
Les pointillés indiquent qu'il faut plier.
- les plis n/n ou b/b
Afin d'être toujours clair sur le sens des plis, nous considérerons deux plis :
en considérant le coté noir comme la face imprimée du carton et le côté blanc
comme le côté vierge.
2 – Réalisation de l'holoclock
La première chose à faire pour réaliser un holoclock est de s'assurer que nous
disposons bien de tout le matériel nécessaire à sa conception :
- un Iphone (pour le moment j'ai réalisé les plans pour l'iphone 4, d'autres smartphones
devraient suivre bientôt ainsi qu'un tuto pour réaliser votre holoclock sur mesure quelques
soient ses dimensions).
- un accès à une imprimante laser (personnellement, je les fais imprimer dans un magasin
de photocopies qui me fourni, du coup, les deux articles suivants)
- une feuille cartonnée taille A4
- un transparent taille A4
- un cutter
- un réglet
- un bâton de colle en stick
- du scotch
- un stylet de nintendo DS (pas indispensable mais pratique pour marquer les plis)
Une fois tout le matériel réuni, il faut télécharger les deux fichiers PDF afin de les
imprimer.
Le premier fichier correspond au corps de l'holoclock et sera à imprimer sur une feuille
cartonnée, le second correspond aux écrans et sera à imprimer sur un transparent. Ces
fichiers peuvent être téléchargés depuis l'onglet 'telechargements' du site web.
Il faut ensuite marquer les plis, ce qui facilitera grandement la suite du montage. Pour ce
faire, utilisez le réglet et le stylet. Si vous n'avez pas de stylet, utilisez n'importe quel bidule
en plastique susceptible de marquer les plis. (notez au passage que le frottement du stylet
sur le réglet risque d’abîmer votre stylet… alors si vous jouez encore avec votre NDS
prenez autre chose).
Découpez aussi deux écrans sur le transparent auxquels vous plierez les languettes
supérieures vers l'arrière et les languettes des côtés vers l'avant.
Afin de vous guider pour le pliage, j'ajouterai bientôt une vidéo sur le site :
http://holoclock.craym.eu/ (en cours de montage). Un récapitulatif du sens des plis est
disponible un peu plus bas.
Plan du sens des plis :
petit rappel :
3 – Développement de l'horloge à projeter.
Une fois votre holoclock monté deux solutions s'offrent à vous :
La solution rapide : Rendez-vous au chapitre suivant (Utilisation de l'holoclock).
La solution personnalisée : L'holoclock fonctionnant grâce à un effet de reflet, il est
indispensable de retourner l'affichage (comme dans un miroir) afin que l'hologramme soit
projeté à l'endroit. Une solution pratique et efficace qui a aussi l'avantage de fonctionner
quelque soit le système d'exploitation est le JavaScript.
Je vous joins le bout de code qui vous permettra de récupérer la date et l'heure :
function date_heure(id)
{
date = new Date;
annee = date.getFullYear();
moi = date.getMonth();
mois = new Array('Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout',
'Septembre', 'Octobre', 'Novembre', 'Decembre');
j = date.getDate();
jour = date.getDay();
jours = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
h = date.getHours();
if(h<10)
{
h = "0"+h;
}
m = date.getMinutes();
if(m<10)
{
m = "0"+m;
}
s = date.getSeconds();
if(s<10)
{
s = "0"+s;
}
resultat2 = h+':'+m+':'+s;
document.getElementById(id).innerHTML = resultat;
setTimeout('date_heure("'+id+'");','1000');
return resultat2;
}
ainsi que le bout de code qui vous permettra de l'afficher à l'envers :
<canvas id="date_heure" width="500" height="150"></canvas>
<script type="text/javascript">
var txthour = document.getElementById("txtsize");
var canvas = document.getElementById('date_heure');
var context = canvas.getContext('2d');
// translate context to center of canvas
context.translate(canvas.width / 2, canvas.height / 1.5);
// flip context horizontally
context.scale(-1, 1);
context.font = '40pt Radioland';
context.textAlign = 'center';
setInterval(function(){
context.fillStyle = 'black';
context.fillRect(-250, -100, 500, 150);
context.fillStyle = 'rgb(0,250,0)';
context.font = '40pt Radioland';
context.fillText(date_heure('date_heure'), 0, -20);
context.fillStyle = 'white';
context.font = '20pt Slkscr';
context.fillText(jours[jour]+' '+j+' '+mois[moi]+' '+annee, 0, 0);
}, 1000);
</script>
Vous pourrez ensuite rendre accessible votre page web sur votre réseau local (le serveur
doit rester allumer, on préférera donc la prochaine solution), ou trouver un hébergeur (en
tapant "hébergement web gratuit" sur votre moteur de recherche préféré).
3 – Utilisation de l'holoclock
Ouvrez l'explorateur internet de votre mobile, rendez vous à l'URL :
HTTP://HOLOCLOCK.CRAYM.EU/
choisissez votre fond d'écran dans le menu déroulant, positionnez l'horloge inversée et le
fond d'écran de manière à ce que ceux-ci occupent tout l'écran de votre smartphone,
glissez le dans l'holoclock et profitez d'une horloge originale qui étonnera vos amis.