Vendredi, mai 20 2016

Un générateur de Scanlines hardware

Dans le cadre de la réalisation du bartop, celui-ci étant quasiment terminé, et après les premiers essais de jeux, ce que je craignais s'est révélé être très prégnant…
Utiliser un écran LCD, c'est vraiment le mal pour le jeux vidéo dit « rétro ».

  • Les pixels carrés affichés sur un tel moniteur, dénaturent les images du jeux.

indievsretro.pngAlors peut-être que ça ne dérange pas les jeunes joueurs où les gens habitués aux productions récentes aux look dit « rétro », mais qui ne ressemblent en rien à du rétro, car non, les pixels ne sont pas carrés, sur une Télévision cathodique, ils sont ronds, et le rendu est alors très différent ! Les graphismes des jeux d'époques ont d'ailleurs été développés sur des écrans cathodiques dans leur résolution native afin d'optimiser le graphisme en jouant sur le « mélange » des couleurs rendu par le pixel rond. Les développeurs indies l'ont peut-être oublié, ou simplement n'ont-il vu des jeux d'époque que via un émulateur sur un écran d'ordinateur ?
Dans le cas du bartop, d'accord on pourrait activer et triturer pendant des plombes des tas de filtres logiciels, que de toute manière la configuration matérielle ne supporterait pas, tant ils peuvent se révéler gourmand en ressource CPU et donc trop lourd…

L'alternative d'un filtre matériel parait alors ici bien plus adéquate !

Alors ça s’achète tout fait, par exemple un SLG3000, où alors un RetroVGA 2 sous licence CC-BY-SA, du coup bien plus intéressant…
Car on va pouvoir tester ce que ça donne avant d'envisager un achat où une fabrication maison !

Prototype :

  • J'ai donc téléchargé le schéma de Bruno Freita et après avoir récupéré quelques composants glanés par-ci par-la sur de vieilles cartes électroniques (oui, faut jamais jeter !), j'ai câblé le circuit sur une plaque à trou :

img_0283.jpg img_0285.jpg

Essais :

img_0281.jpg

  • Voilà c'est tout simple, il suffit d’intercaler le circuit entre la sortie de la carte graphique de l'ordinateur et l'entrée de l'écran LCD 4/3 (un écran 16/9 ?? non non non… tu sors !), et de configurer l'ordinateur pour qu'il affiche impérativement une résolution de 640x480.

Et voici le résultat avant/après activation des scanlines :

img_0276.jpg img_0275.jpg
L'effet est vraiment bluffant et apporte une véritable plus-value dans le rendu graphique des jeux.
Solution adoptée !

Le circuit :

  • Ayant besoin de plusieurs exemplaire du circuit, j'ai finalement décidé de le construire moi-même.

Et une fois n'est pas coutume, j'ai fait mes propres modifications par rapport au design d'origine.
En effet, le circuit imprimé de Bruno Freita est prévu pour deux prises VGA femelles.
Or cela implique d'utiliser deux câbles VGA, pour entrer et sortir du circuit… C'est dommage, d'autant que ça rallonge considérablement le câblage, avec les pertes de qualités du signal que cela peut engendrer.

  • J'ai donc complètement refait le design, en remplaçant une des prises VGA femelles par une prise mâle, en supprimant les diodes Schottky inutiles selon moi, et en ajoutant des condensateurs de découplage sur les circuit intégrés, choses trop souvent oubliée (ou méconnue ?).

GeneScanlinesStructurel.png

  • Le projet Kicad est dispo en annexe du billet[1], voici quelques captures d'écrans pour info :

GeneScanline.png
GeneScanlineSerigraphie.png GeneScanlineCuivreDessus.png GeneScanlineCuivreDessous.png

  • Notez bien que sur la droite le contour du design n'englobe pas complètement la fiche HD15M, il s'agit d'une erreur esthétique dont je me suis rendu compte trop tard et qui est toujours présente dans projet Kicad, libre à chacun de le modifier.

Avec :

- R1 et R2 = 100 kΩ
- C1 et C2 = 100 µF
- U1 = 74HC74
- U2 = 74HC125
- RV1, RV2 et RV3 = 1kΩ (à l'utilisation, je dirais que 500 Ω serait suffisant)
- VGA1 = D-SUB15 F
- VGA2 = D-SUB15 M
- SW1, SW2, SW3 et SW4 = Switch inverseur


Fabrication :

J'aurais voulu tirer le circuit imprimé double face moi-même, mais j'ai réalisé que des trous métallisés seraient indispensables au niveau des prises VGA pour assurer la continuité du circuit entre les deux faces, sinon il aurait fallu mettre en place un tas de via, et je n'en avais ni l'envie ni l'énergie.

  • Coincé, car autant c'est possible pour les autres composants, autant pour ces prises là, il est impossible de réaliser des soudures du côté des composants, j'ai donc fait appel à Seeedstudio pour réaliser le circuit…

Le site a beaucoup évolué et l'envoi de fichier Gerber est vraiment plus clair et facile qu'avant !

  • J'ai commandé quelques composants manquants, via Ebay avec les bon mots clef[2], et une fois la totalité reçue, j'ai pu fabriquer le circuit :

dsc01376.jpg dsc01382.jpg
dsc01385.jpg dsc01387.jpg

dsc01388.jpg

  • Les 3 potentiomètres de réglage de l'intensité des scanlines sont facultatifs, il est possible de mettre un fil à la place (de fait les scanlines sont donc au maximum, ce qui est parfait).

dsc01378.jpg dsc01390.jpg

Utilisation :

dsc01403.jpg

  • Une fois connecté entre l'ordinateur et l'écran, il suffit d'utiliser le switch ON/OFF pour activer les scanlines.
  • EVEN/ODD sert à basculer sur les lignes paires ou impaires.
  • WITDH est là pour le choix entre deux grosseurs de lignes, les plus fines sont les plus adéquates selon moi.
  • Et enfin VSYNC est à utiliser si les scanlines n'apparaissent pas dans la résolution choisie.

Car il faut au mieux configurer l'ordinateur pour afficher 640x480, ce qui donne le meilleur rendu, mais il est possible d'utiliser 800x600, voire 1024x768, qui nécessite alors de basculer VSYNC.

Remarque importante, il faut absolument utiliser un câble VGA qui possède bien 15 pin (et non 14, la pin 9 absente, comme on en voit encore parfois), car le circuit prend son alimentation sur la pin 9, tension 5 Volt délivrée par la carte graphique de l'ordinateur.


Boîtier imprimé 3D :

  • J'ai dessiné et imprimé un boîtier pour le circuit, mais à l'heure ou j'écris ces lignes, il n'est pas encore prêt et nécessite des retouches pour être correct.

Je mettrais donc ce billet à jour en temps voulu…

Ressources :

- http://www.mmmonkey.co.uk/scanlines-do-it-yourself/
- http://www.brunofreitas.com/node/36
- https://insertcoins.net/achats-recherches/des-adresses-pour-un-slg/
- https://www.youtube.com/watch?v=ceCIs3U2MMg
- http://www.smallcab.net/generateur-scanline-slg3000-p-307.html

Notes

[1] ci-dessous…

[2] VGA DB15 15-Pin D-SUB 3 Rows Male Right Angle PCB Solder | ss12f23 toggle vertical slide switch 5pin 4mm | RM065 1K ohm 102 Trim Pot Trimmer Potentiometer

Mercredi, mai 18 2016

Une éolienne à axe vertical -5-

Suite de l'ouvrage précédent :

Après la réalisation de la maquette, on reprend la construction du modèle taille réelle !

  • On va ici réaliser les croix de fixation des ailes (les pièces en plastique bleu sur la maquette).

dsc01327.jpg Au final utiliser les espagnolettes et le tube de vélo semblait vraiment inadéquat, et après mure réflexion, c'est de barre d'acier de 40 mm de large pour 4 mm d'épaisseur qu'il nous fallait. Sauf que ce n'est pas facile à dénicher...
En fouillant le brico du coin, on a trouvé ces caractéristiques avec des pentures de volet qu'on détournerait donc de leur usage premiers.

Le perçage :

Première étape, percer quatre pentures d'un trou de 25 mm afin de pouvoir y passer l'axe de rotation de l'éolienne.
Mais sans perceuse à colonne ni forêt à étage, le travail s'annonce un poil laborieux...

  • Alors on se débrouille avec la perceuse pour d'abord agrandir à 10 mm un des trous d'origine de la penture, puis de l'élargir encore avec un forêt de 20 mm, sur les deux faces, sans pour autant traverser la pièce de métal.

En effet, c'est déjà un exercice périlleux, l'ouvrage vibrant et la perceuse tapant le métal, et vu la puissance demandée il serait vraiment difficile de parvenir à maintenir la perceuse en place au moment de transpercer.
dsc01323.jpg dsc01330.jpg

  • On préfère donc terminer le travail à la lime, et continuer d'élargir le trou pour atteindre les 25 mm demandé.

dsc01331.jpg dsc01336.jpg dsc01338.jpg dsc01325.jpg

La soudure :

  • Avant de pouvoir souder il faut préparer le métal en décapant la zone utile.

Avec un décapeur thermique (ou un petit chalumeau à gaz) et un couteau à mastiquer. Puis on termine avec du papier abrasif.
On peut alors mettre les barres de la croix en place, avec le tube de 25 mm pour bien centrer le truc.
dsc01341.jpg dsc01342.jpg

  • Et hop on soude à l'arc…

dsc01343.jpg dsc01345.jpg

  • Ensuite on place le tube de vélo (en bleu) sur le tube de 25 mm (en vert) et on procède à la soudure…

dsc01346.jpg dsc01349.jpg dsc01350.jpg

Alors oui c'est moche, et j'ai dû meuler pour arranger ça et vérifier que les soudures avaient bien prises.
Encore beaucoup de difficultés à souder correctement, comme lors de ma toute première session de soudure sur la borne, et je suis arrivé à la fin du stock de baguettes de soudure.
C'est en me fournissant en baguettes neuves que je compris que je m'étais jusqu'alors grave fait suer pour des prunes -_-
Les anciennes collaient sans arrêt, rendant l'amorçage de l'arc difficile, et la soudure compliquée à maintenir suffisamment… Obligeant à reprendre sans cesse… Une horreur, que je mettais sur le compte de mon inexpérience.

  • Que du bonheur ces baguettes neuves (du 2 mm et du 4 mm) !!

Avec le bon réglage de l'intensité sur l'appareil, elles ne collent pas, on frotte et hop l'arc s'amorce et ça soude sans effort, reste alors à ne pas trembler, imprimer le bon geste avec un angle pas trop pourris, une descente progressive tout en n'allant pas trop vite… et pour la seconde croix on y arrive comme il se doit en un seul passage ^^
dsc01357.jpg dsc01359.jpg

La découpe :

  • Reste maintenant à découper les barres à dimension, ici 50 cm.

dsc01360.jpg dsc01361.jpg

  • Petite mise en situation avant la suite bientôt…

dsc01355.jpg dsc01356.jpg

À suivre…

Lundi, mai 16 2016

Un peu de vrac

Oulà, ça commençait à prendre la poussière par ici !
Heureusement, c’était de la poussière de travaux, pas de la poussière d’abandon </div>
            
            
                          <p class= aucun rétrolien

Jeudi, mai 5 2016

Glasses Challenge

Bonjour les gens !

Un collègue m'a soumis un challenge : réparer une paire de lunettes qu'il aimerait garder. Le problème est simple : les deux branches sont cassées et il n'a plus les bouts manquants. La solution est d'imprimer en 3D deux nouvelles branches de lunettes. Une seule réponse acceptable : Challenge accepted !

Alors visuellement, voilà ce que ça donne :

challenge

C'est la première fois que je designe une pièce si compliquée sous Sketchup, mais faut bien se surpasser un peu de temps en temps ;). Alors voici comment j'ai procédé. J'ai tout d'abord dessiné sur une feuille de papier la forme de la branche en vue de dessus et côté. J'ai numérisé la feuille, importé le tout sous Inkscape et reproduit la forme en vectoriel en vérifiant les quelques mesures des bouts restants. Et voilà le dessin.

branch

J'ai ensuite importé sous Sketchup et reproduit au plus juste la forme. A ce moment, j'aurais aimé importer les formes vectorielles. Je n'ai pas cherché mais ça aurait été une bonne idée de s'arrêter pour vérifier ce point. J'ai ensuite étiré les deux formes perpendiculairement comme cela.

etape1

Afin de créer la forme finale, j'ai utilisé l'option "intersection de faces". Et Bim ! Voilà la forme générale de la branche qui apparaît. Ensuite, je n'ai pas de recette miracle, j'ai corrigé le modèle, vérifié les dimensions et imprimé la première version. Malheureusement pour moi, il y avait de petites imperfections dans mon modèle qui au final bloquaient l'ouverture complète de la branche. J'ai fait une deuxième version, avec quelques corrections, et après montage tout est parfait (ou en tous cas, comme je le voulais).

branchef2 branchef2-2 impression test1 fini fini2 fini3

Les branches sont imprimées en PLA à 99% de remplissage avec des couches de 0,1mm sur une Ultimaker2. Alors oui, je n'ai pas arrondi les arrêtes de la branche et donc la finition est plutôt rustique. Par contre, sur la branche de test, j'ai passé du papier de ponçage de 500 puis de 1000 et le résultat est pas mal et les angles sont adoucis. La tenue sur la tête est très bien mais les branches glissent des tempes si l'on fait ses lacets pendant 10 min. J'ai pensé les recouvrir de gaine thermo-rétractable pour une meilleure accroche (à voir). Vu que mon collègue utilise ses lunettes pour faire de la voile, j'ai ajouté un trou en bout de branche pour mettre un élastique.

Je suis très heureux du résultat :) et mon collègue les verra lundi.

Bonne bidouille à tous !

Vendredi, avril 29 2016

A Droid of some kind !

Bonjour les gens !

Après mon premier essai de cadre 3D (pas besoin de chercher, il n'y a pas d'article dessus), je me suis décidé à augmenter le nombre de couches dans le cadre et d'ajouter un peu de couleur. Le processus de fabrication est assez simple mais un peu long. Déjà il faut trouver une composition qui soit belle (Ok ! Google image n'est pas étranger à cette étape.), ensuite sous Inkscape je prépare tous les éléments qui seront découpés dans du papier aquarelle. Une fois passé dans la machine magique, j'ai aquarellé tous les éléments, test à plat et enfin montage.

Le fichier est dispo ici et en image ça donne quelque chose comme ça

droide1 droide2 fond1 fond2 essai fini1 fini2 fini3

Je suis très content du résultat. Je trouve que ça vaut le coup de retenter l'expérience et d'ajouter de nouvelles techniques. On verra où cela me mènera. Vous pouvez laisser en commentaire un thème que vous aimeriez voir réaliser (même si le prochain est déjà en réalisation), et vu que mes murs ne sont pas extensibles, j'en donnerai sûrement un prochain :).

Bonne bidouille à tous !

Dimanche, avril 24 2016

Leather inception

Bonjour les gens!

J'ai décidé de faire une pochette en cuir pour ranger mes outils pour manipuler le cuir. Le design de la pochette est le même que ce que j'avais vu une fois sur un ouvrier : demi-cercle en dessous, un grand rabat et le tout fermé par un lacet. Voici le plan, le reste est la même chose que la dernière fois : découpe, couture et finitions.

Voici en images :

decoupe couture couturefinie couturefinie2 lacet avecoutils fini

La taille est plus petite que prévu à cause d'une erreur d'impression de ma part mais tout rentre dedans donc aucun souci. Le résultat me plaît beaucoup et au moins tout est bien rangé pour une fois ;).

Bonne bidouille à tous !

Lundi, avril 18 2016

Créer simplement une application sur Smartphone ou tablette (suite et tuto)

Chose promise, chose due.

Hier, j'ai publié une présentation du MIT App Inventor 2. ça a eu pas mal de succès donc ça m'a motivé à faire le tuto pour commencer facilement.
Vous n'avez pas forcément besoin de notion en programmation. J'ai fait le tuto pour des grands débutants (enfants ou adultes). Le tutoriel est réalisé en petites vidéos de moins de 5 minutes autour de la création d'un dé électronique qu'on améliore au fur et à mesure. En moins de 10 minutes, vous avez déjà une application qui marche sur votre SmartPhone donc je pense que c'est une approche assez motivante.
Je vous présente les 4 premières vidéos. Mais après, je vous laisse vous abonner à la chaine Youtube car je ne mettrais plus les vidéos sur le blog de la famille créative pour ne pas trop le "polluer" car  je compte faire une nouvelle vidéos tous les deux jours dans un premier temps.

A+
Antoine

Cet article fait suite à celui-là.


Les vidéos par ici:



Vidéo 1: créer une nouvelle appli et la partie graphique



Vidéo 2: la partie "code"


Vidéo 3: débugger sur la tablette ou le smartphone


Vidéo 4: ajouter un son




Et bientôt, la fonction SI, les variables, ....


Dimanche, avril 17 2016

Créer facilement une Appli pour SmartPhone ou Tablette

Bonjour à tous et à toutes,

Je cherchais depuis un petit moment le meilleur moyen de créer des applications simples. J'avais plein d'idées et le potentiel des smartphones est assez motivant. Savoir développer sur Androïd, me permettrait de faire de nouvelles choses ou d'améliorer l'ergonomie de certaines de mes réalisations existantes (domotiques, chauffage, distributeur pour mes chats, hifi, sports, ...).

J'ai d'abord essayé par la voie qui semble la plus "classique", c'est à dire apprendre le JAVA (qui a l'avantage d'être multi-plateforme, c'est à dire que votre programme est ensuite "transportable" sur n’importe quelle machine avec n'importe quel OS). Le Java, c'est pas mal, j'ai suivi les cours des "teachers du net" sur Youtube (le mec est trop marrant, il a des expressions exotiques bien rigolotes).
Mais avant de pouvoir réaliser le truc le plus simple possible, il faut des heures et des heures d'apprentissage.

Or, dernièrement, j'ai découvert "App Inventor" (plus précisément App Inventor 2), développé par le MIT. Et j'ai trouvé ça franchement génial. Pour faire une petite appli, c'est parfait. Je l'ai même utilisé pour apprendre la programmation à ma fille de 10 ans!

Voici un peu à quoi ça ressemble:


Tout est quasiment graphique. 2 fenêtres principales: la première où vous construisez vos écrans avec des éléments de base et la deuxième où vous créez votre code avec des blocks de construction. Ca ressemble fortement au VB ou VBA, c'est du langage événementiel avec le même esprit (userform et code derrière). C'est plein de détrompeurs et il y a déjà pas mal de tutos en vidéos.

J'ai déjà fait plusieurs appli que je vous ferais découvrir bientôt (je vais essayer de les faire sous forme de tutos si je trouve le temps).

J'ai fait un Quizz pour rendre plus interactives les expos de Globexpo (ma nouvelle activité que vous pouvez découvrir ici), j'ai fait une appli pour compter les scores quand on joue au 10000 avec des amis avec des sons marrants et des répliques de film (au passage, ce jeu est vraiment super sympas pour les soirées entre potes), un dé électronique avec ma fille, un compteur pour le H.I.I.T (entrainement sportif).

L'autre avantage de ce langage, c'est que le M.I.T. héberge gratuitement vos applis si vous le désirez.
Dernière particularité (qui n'est pas forcément un avantage, car ça ralentit si l'appli devient compliquée), c'est que tout est fait en ligne, pas d'installation à réaliser.

Je vous montre bientôt les tutos. [edit] les tutos sont maintenant ici
A+

Mr Créatif


- page 1 de 88