"Cube" 3D 3x3x7 à LED sur Arduino - partie 2 : Premier modèle

Déçu du rendu avec les LED disponibles sur le prototype, et vu que je pouvais aller plus loin, j'ai investi dans des LED 5mm bleues.

Objectif

  • Les bonnes LED et mieux alignées et orientées
  • La guirlande pourra être rétractée pour occuper moins de place
  • de fait, les jonctions entre les étages seront souples, mais tendues une fois ouvert
  • La partie electronique sera en bas (pas besoin de poid et ports plus accessibles)
  • EDIT : la partie électronique sera en faite en haut : La guirlande pourrait être utilisée dans un sens comme dans l'autre, mais avoir la partie large en haut rendra mieux

Matériel

  • 1 Arduino Nano ou équivalent (ici de marque Izokee)
  • 100 LED (63 pour 7 étages, 91 pour 9)
  • 9 résistances, ce coup-ci le jus passera par les colonnes
  • quelques cables pour faciliter les branchements
  • un cul de peinture noire en bombe ou en pot
  • EDIT : une batterie "de secours" USB pour alimenter le tout

J'ai pris 2 modèles de LED bleues 5mm, 120° pour voir ce qui correspondrait le mieux :

  • têtes plates, 800 mcd, 3,2 V à 25 mA (20 avec l'Arduino) (bleues sur la photo)
  • têtes rondes, 200 mcd, entre 3,2 et 3,4 V à 20 mA (blanches sur la photo)s

J'ignore directement les 1500 mcd et plus ; le but étant d'avoir des points lumineux sans être aveuglé.

Et ici, les LED bleues sont parfaites, diffuses, elles font un beau point et sont visibles même de jour, sans éblouir.

Assemblage

Avec des bouts de planches et 2 demi-tasseaux je découpe les pièces qui me semblent nécessaires à l'aide de mes croquis clairs et limpides

collage, ponçage et premiers trous des éléments haut et bas.

Arrivé de dernière minute : la batterie USB, pour briller en extérieur.

Une petite touche de peinture et les éléments sont prêts à être assemblés.

Ce coup-ci je me suis fait un gabarit pour la matrice des étages afin de positionner les LED équitablement.

Pour les colonnes, j'ai utilisé des brins de cuivre d'un cable Hi-Fi, par 3 (pas comme sur la photo).

Une centaine de soudures plus tard, je peux ajouter la carte et effectuer les branchements.

Je suis très mauvais en soudure (niveau collège en techno). du coup c'est du paté par endroit, mais on me dit dans l'oreillette, qu'on s'en bat les couilles, parce qu'une fois assemblé :

Ouverture de la guirlande/lampion 3D :

Côté code, je défini l'ordre des colonnes. Ici du fond vers l'avant, de gauche à droite.
const char colonne[] = {5, 6, 10, 4, 8, 7, 9, 2, 3};
Les étages, de haut en bas. Les A6, A7 n'éclairent pas mes derniers niveaux, j'ai donc utiliser les D0 et D1.
const char etage[] = {A1, A2, A3, A5, A4, 0, 1};
J'ai simplement repris le code du proto en modifiant les pins pour vérifier le bon fonctionnement.

Dans le noir :

Le résultat est beaucoup mieux. A suivre, la partie code !

 

Partie 1 : Le prototype
Partie 2 : Le premier modèle (vous êtes ici)
Partie 3 : Le code (à venir)

"Cube" 3D 3x3x7 à LED sur Arduino - partie 1 : Prototype

Pour prendre en main cette carte, j'ai glané quelques idées, je cherchais juste un truc sympa à réaliser. Et si comme moi vous avez vu des démos de cubes 8x8x8 et plus, comme celles-ci :

C'est parfaitement stylé et inutile !

De nombreux tutoriels proposent la création de ces cubes en 2, 3 et 4^3 avec ce modèle de carte ou équivalent, comme ici ou . Un nombre plus élevé de LED peut être géré, mais inclue la gestion de pièces supplémentaires et une plus grosse expérience. Exemple en 8x8x8.

Objectif

L'idée est de faire un premier jet sans moyen, à suspendre comme un lampion.
avec 20 pins, je soustrais le nombre de colonnes pour obtenir le nombre d'étages possible : 9 colonnes, 11 étages ; 12 colonnes, 8 étages ; 16 colonnes, 4 étages.
Je souhaite quand même garder de la place pour un futur bouton ou autre. Aussi, il devra être plus grand qu'une enceinte PC : en effet, la plupart des modèles produit sont "de bureau" et font cheap au final

3x3 est idéal pour moi. A 20mA par LED et par étage, je ne dépasse théoriquement pas les 190mA. Pour d'avantage il faudra peut-être procéder à un affichage LED à LED/groupées ou d'une alimentation externe.
J'ai donc opté pour un format atypique, un Parallélépipède 3x3x7 que je trouve plus intéressant à exploiter qu'un 4x4x4

Matériel

  • Le nouveau joujou : 1 Arduino Uno
  • et déja sous la main : du fil souple et rigide
  • 7 résistances, une par étage
  • 3x3x7 leds pourraves
  • deux bouts de carton

Assemblage

L'assemblage des étages se fait un peu à l'oeil, à l'aide de tiges presque droites.
Pas grand chose à ajouter, tous les tutos vus plus haut expliquent globalement la même chose, si ce n'est qu'ils se contentent souvent des pattes des LED.

Ici, les étages sont simplement entrecrochés pour pouvoir être démontés ou en ajouter. L'écart entre les LED est de 6 cm. Normalement les colonnes devaient finir par des poids, pour tendre l'ensemble de la structure, d'où l'aspect lendemain de cuite.

Vient la partie code. Pour simplement tester, voici un petit code qui va allumer une à une les LED, une fois les étages et colonnes définis.

const int colonnes = 9;
const int etages = 7;
const char colonne[] = {A2, A1, A0, 6, 7, 10, 5, 8, 9};
const char etage[] = {2, 3, 4, 0, 1, A4, A5};

void to_led (int num = 5) {  // milieu par defaut
	for (int t = 0; t < colonnes; t++) {
		digitalWrite(colonne[t], LOW);
		}
	digitalWrite(num, HIGH);
	};

void to_etage (int num = 0) {
	for (int t = 0; t < etages; t++) {
		digitalWrite(etage[t], HIGH);
		}
	digitalWrite(num, LOW);
	};

void setup () {
	for (int t = 0; t < etages; t++) {
		pinMode(etage[t], OUTPUT);
		digitalWrite(etage[t], HIGH);
		}
	for (int t = 0; t < colonnes; t++) {
		pinMode(colonne[t], INPUT);
		digitalWrite(colonne[t], LOW);
		}
	}

void loop () {
	for (int t = 0; t < etages; t++) {
		to_etage(etage[t]);
		for (int u = 0; u < colonnes; u++) {
			to_led(colonne[u]);
			delay(40);
			}
		}
	}

Et voila ! C'est bien de la daube... la caméra plus la faible luminosité des LED, il faut se concentrer pour les voir, mais ça donne un aperçu et surtout, ça fonctionne.

A suivre, le premier modèle !

 

Partie 1 : Le prototype (vous êtes ici)
Partie 2 : Le premier modèle
Partie 3 : Le code (à venir)

Petite animation Mario Kart en JS

Pour égayer un classement ou pour voir un peu plus loin.

HTML


<a class="perso" title="10"><img src="prono/22.gif" /><span><b>1<sup>er</sup></b> pseudo<br /><b>10 points</b></span></a>
<a class="perso" title="20"><img src="prono/10.gif" /><span><b>2<sup>ème</sup></b> pseudo<br /><b>20 points</b></span></a>
<a class="perso" title="30"><img src="prono/9.gif" /><span><b>3<sup>ème</sup></b> pseudo<br /><b>30 points</b></span></a>
<a class="perso" title="40"><img src="prono/7.gif" /><span><b>4<sup>ème</sup></b> pseudo<br /><b>40 points</b></span></a>
<a class="perso" title="50"><img src="prono/6.gif" /><span><b>5<sup>ème</sup></b> pseudo<br /><b>50 points</b></span></a>
<a class="perso" title="60"><img src="prono/5.gif" /><span><b>6<sup>ème</sup></b> pseudo<br /><b>60 points</b></span></a>
<a class="perso" title="70"><img src="prono/4.gif" /><span><b>7<sup>ème</sup></b> pseudo<br /><b>70 points</b></span></a>
<a class="perso" title="80"><img src="prono/3.gif" /><span><b>8<sup>ème</sup></b> pseudo<br /><b>80 points</b></span></a>
<a class="perso" title="90"><img src="prono/2.gif" /><span><b>9<sup>ème</sup></b> pseudo<br /><b>90 points</b></span></a>
<a class="perso" title="100"><img src="prono/1.gif" /><span><b>10<sup>ème</sup></b> pseudo<br /><b>10 points</b></span></a>
<div id="route"></div>

CSS


#route {
	background-image: url('prono/0a.gif');
	background-size: contain;
	}
.perso {
	position: absolute;
	}
.perso>img {
	width: 100%;
	}
.perso:hover span, .perso:focus span{
	transform: scale(1) rotate(0); 
	opacity: 1;	 
	}
.perso span {
	position: absolute;
	color: rgb(255,255,255);
	background: rgba(0,0,0,.8);
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
	transform: scale(0) rotate(-12deg);
	transition: all .25s;
	opacity: 0;
	z-index: 101;
	}

JS


var taille, pixels, posX, posY, liste, i;
var obj = document.getElementById("route");
var perso = document.getElementsByClassName('perso');
inforesize();
window.onresize = inforesize;
setInterval(frame, 33); // 33 ms = ~ 30 frames / seconde

function init_ () { // positionne
	liste = new Array ();
	for (i = 0; i < perso.length; i++) {
		var v = pixels / 100 * perso[i].getAttribute('title');
		perso[i].style.left = (posX + v)+'px';
		perso[i].style.top = (posY)+'px';
		liste[i] = new Array (
			(posX + v),
			posY,
			(posX + v),
			posY
			);
		}
	}
	
function inforesize () { // redimensionne
	taille = obj.clientWidth;
	pixels = Math.round(taille * 0.75);
	posX = obj.offsetLeft;
	obj.style.height = obj.style.marginTop = taille * 0.05;
	for (i = 0; i < perso.length; i++) {
		perso[i].style.width = taille * 0.05;
		perso[i].getElementsByTagName('span')[0].style.marginTop = taille * 0.05 * 1.5;
		perso[i].getElementsByTagName('span')[0].style.marginLeft = -taille * 0.05 * 1.5;
		}
	posY = obj.offsetTop - (taille * (0.05 / 4));
	init_();
	}

function posrand (ob1, ob2, ecart) { // déplacement random (actuelle, origine, ecart)
	var t = Math.round(Math.random() * (ob1+3 - ob1-1) + ob1-1);
	if (t > ob2 + ecart)
		t--;
	else if (t < ob2 - ecart)
		t++;
	return t;
	}

function frame () {
	for (i = 0; i < perso.length; i++) {liste[i][2] = posrand(liste[i][2], liste[i][0], 20); //x
		perso[i].style.left = liste[i][2]+'px';
		liste[i][3] = posrand(liste[i][3], liste[i][1], 5);	//y
		perso[i].style.top = liste[i][3]+'px';
		perso[i].style.zIndex = liste[i][3];
		}
	}

Télécharger l'archive (zip)

Script simple robinet à Bitcoins

Quelques étapes pour mettre en place votre faucet ou robinet à Bitcoins
Commencer par extraire le contenu de l'archive et modifier le fichier conf.php notamment admin_mdp

Le site peut être rendu inaccessible le temps de la mise en place avec open et ?acces_regie pour passer
Adapter la mémoire d'APC s'il est activé, et renseigner les données SMTP pour utiliser la validation des comptes par mail.


Accéder à l'administration en passant par la page /admin.php?pass=test
avec test pour le mot de passe administrateur par defaut

L'administration est simple
- La liste des inscrits et l'édition des variables
- L'état de la caisse : Les satoshis générés, les dépenses et les gains
- Les demandes de withdraw
- Des statistiques avec le trafic par heure et par jour
- La gestion des publicités
- Et gérer la mémoire

Il n'y a plus qu'à essayer et commencer à parier !

Il est possible de changer les devises en entrant dans le code
De même pour ajouter un captcha. Il y a une base à intégrer en fonction du service
Il est très simple de créer d'autres modules en complément ou principal type vidéo, galerie, playlist, jeux...

 

Télécharger sur

satoshibox | pastecoin | bitcoinfilebox | en direct

Démo utilisateur | administrateur
 

 



script simple faucet / robinet à bitcoins original
PHP, JS - HTML, CSS
Créez votre faucet en partageant vos revenus publicitaires !
 

- simple et rapide pour l'utilisateur : une adresse bitcoin et un mail
- inscription confirmable par mail
- Multilangue anglais, français
- simple anti-adblock
- système d'affiliation
- backend simple
- léger et sans base de donnée

modules inclus :

- paris : permet de parier à partir ses satoshis avec 1 chance sur 2 jusqu'à 1024
- actualité RSS : Afficher les flux de plusieurs sites
- citations : des phrases spirituelles en français et en anglais

Administration :

- gestion de la mémoire
- détails des utilisateurs
- supervision des sommes genérées
- statistiques journalières et heure par heure
- demandes de virement
- édition des encards publicitaires ou modules

Configuration :

- satoshis par defaut
- durée entre deux claims
- plusieurs pramètres
- durée en entre deux paris
- mise maximum
- contrôle de la caisse
- montant du withdraw
- satoshis de bienvenue
- satoshis de parrainage
- liens de referal
- nom et adresse du site
- informations mail
- fermer le site temporairement
- ouvrir les inscriptions
- masquer les publicités
- confirmer les inscription par mail
- session par cookies
- mode APCu
- ajouter des modules

ajouter plus de langues :

utiliser comme base avec "en" le code langue :
lang_en.php, faq_en.php et mod_phrases_en.php

J'en fait des caisses hein ? mais c'est juste un faucet PHP
Pour les nanani nanana, voyez avec Paul

 

Télécharger sur

satoshibox | pastecoin | bitcoinfilebox | en direct

Démo utilisateur | administrateur

 

Fonctions PHP utiles #3 (multilangue)

function lng ($t, $v=array(), $u=array(), $c=0) {
	global $langue;
	while ($c < count($v)) {
		$u[$c] = '$'.$c++;
		}
	return str_replace($u, $v, $langue[$t]);
	}


function avecS ($w) {
	return $w > 1 ? 's' : false;
	}


$langue = array(	// français
	'exemple_1' => '$0 a mangé $1 plat$2, sans en laisser une miette.',
	'exemple_2' => 'Exemple sans variable.'
	);

/*$langue = array(	// english
	'exemple_1' => '$0 has eaten $1 dishe$2, without leaving a crumb.',
	'exemple_2' => 'example without variable'
	);*/


echo lng('exemple_1', array('Mathias', 2, avecS(2)));
// retourne : Mathias a mangé 2 plats, sans en laisser une miette.

echo lng('exemple_2');
// retourne : Exemple sans variable.