
{"id":523,"date":"2009-02-28T22:12:57","date_gmt":"2009-02-28T21:12:57","guid":{"rendered":"http:\/\/www.knutsel.org\/?p=523"},"modified":"2013-03-04T11:20:22","modified_gmt":"2013-03-04T10:20:22","slug":"8-x-8-pixel-rood-display","status":"publish","type":"post","link":"http:\/\/www.knutsel.org\/nl\/2009\/02\/28\/8-x-8-pixel-rood-display\/","title":{"rendered":"8 x 8 pixel rood display"},"content":{"rendered":"<p>The 8 x 8 pixel red display is een van de eerste projecten die ik heb gedaan na een lange tijd. Ik wilde iets bouwen voor de lol en ik wilde mijn\u00a0 C vaardigheden bijhouden.<\/p>\n<p>Het schema was gemaakt in <a href=\"http:\/\/www.cadsoftusa.com\/\">CadSoft<\/a> <a href=\"http:\/\/www.cadsoftusa.com\/\">Eagle<\/a>, de layout was ge-laser-print op overhead sheet en het printje geetst in de keuken. Tegenwoordig gebruik ik <a href=\"http:\/\/www.makepcb.com\/\">MakePCB<\/a> of\u00a0 <a href=\"https:\/\/www.batchpcb.com\/\">BatchPCB<\/a> van <a href=\"https:\/\/www.sparkfun.com\/products\/9306\">Sparkfun<\/a>.<\/p>\n<p>The schema is heel simpel : een 74HCT595 als high side driver, en een 74HCT595 met een ULN2803 als low side driver.<\/p>\n<p><a href=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_sch.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-512\" title=\"MidiMux_2S_Hobby_sch\" src=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_sch-1024x705.png\" alt=\"\" width=\"717\" height=\"493\" \/><\/a><\/p>\n<p>Ik heb de print simpel gehouden zdat ik het zelf kon etsen.<\/p>\n<p><a href=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_brd.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-513\" title=\"MidiMux_2S_Hobby_brd\" src=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_brd.png\" alt=\"\" width=\"600\" height=\"475\" srcset=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_brd.png 600w, http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/MidiMux_2S_Hobby_brd-300x238.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p>Het opgebouwde board :<\/p>\n<p><a href=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/100_2262.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-483\" title=\"100_2262\" src=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/100_2262.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/100_2262.jpg 640w, http:\/\/www.knutsel.org\/wp-content\/uploads\/2010\/02\/100_2262-300x225.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p>De software bitbang-t een paar IO poorten om de twee schuifregisters te bedienen, het varieeren van de helderheid wordt gedaan door de duty cycle van de LED&#8217;s te varieeren. Dit voorbeeld heeft 3 bits helderheid (8 verschillende helderheden).  We kunnen deze &#8220;8 pixels x 8 pixels x 3 bit helderheid&#8221; ook zien als 3 bitmaps met 8 pixels x 8 pixels. De bitmap met de hoogste helderheid (het MSB van de helderheden) wordt 2 x zo lang getoond als het tweede hoogste bit. Het tweede hoogste bit weer twee keer zo lang als het LSB.<\/p>\n<p><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"425\" height=\"344\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/AQJcDPDx0ik&amp;hl=en&amp;fs=1\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"425\" height=\"344\" src=\"http:\/\/www.youtube.com\/v\/AQJcDPDx0ik&amp;hl=en&amp;fs=1\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<p>Voorbeeld 2 :<br \/>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"425\" height=\"344\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/qEU89DNogUg&amp;hl=en&amp;fs=1\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"425\" height=\"344\" src=\"http:\/\/www.youtube.com\/v\/qEU89DNogUg&amp;hl=en&amp;fs=1\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<p>Character bitmaps maken met de hand is nogal bewerkelijk. Als je toegang hebt tot een of andere unix achtige dan kan je\u00a0 <a href=\"http:\/\/www.figlet.org\/\">figlet<\/a> en het 5&#215;7 font om de character bitmaps te genereren.<\/p>\n<p>Je hebt dan een\u00a0 <a href=\"http:\/\/en.wikipedia.org\/wiki\/Monospaced_font\">monospaced font<\/a> en die zijn vaak niet zo mooi als de hand gemaakte.<\/p>\n<p>Met figlet maak je de bitmap voor het character &#8220;0&#8221; zo\u00a0 :<br \/>\n<pre escaped=&#8221;true&#8221; lang=&#8221;bash&#8221; line=&#8221;1&#8243;>figlet -f 5x7 0 | tr &#039; #&#039; &#039;01&#039; | sed &quot;s\/\\([01]\\{6\\}\\)\/B8(\\100),\/&quot;<\/pre><br \/>\nAls output heb je dan :<br \/>\n<pre escaped=&#8221;true&#8221; lang=&#8221;c&#8221; line=&#8221;1&#8243;>B8(01000000),\nB8(10100000),\nB8(10100000),\nB8(10100000),\nB8(10100000),\nB8(01000000),\nB8(00000000),<\/pre><br \/>\nIk heb\u00a0 <a href=\"http:\/\/tomsweb.net\/\">Tom Torfs<\/a> <a href=\"http:\/\/cprog.tomsweb.net\/binconst.txt\">binconst macro<\/a> gebruikt om de bitmaps een beetje handzaam te maken.<\/p>\n<p>Example 3 :<br \/>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"425\" height=\"344\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/KuGqr_7-IkQ&amp;hl=en&amp;fs=1\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"425\" height=\"344\" src=\"http:\/\/www.youtube.com\/v\/KuGqr_7-IkQ&amp;hl=en&amp;fs=1\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The 8 x 8 pixel red display is een van de eerste projecten die ik heb gedaan na een lange tijd. Ik wilde iets bouwen voor de lol en ik wilde mijn\u00a0 C vaardigheden bijhouden. Het schema was gemaakt in CadSoft Eagle, de layout was ge-laser-print op overhead sheet en het printje geetst in de &hellip; <a href=\"http:\/\/www.knutsel.org\/nl\/2009\/02\/28\/8-x-8-pixel-rood-display\/\" class=\"more-link\">Lees verder <span class=\"screen-reader-text\">&#8220;8 x 8 pixel rood display&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[165],"tags":[53],"class_list":["post-523","post","type-post","status-publish","format-standard","hentry","category-geen-onderdeel-van-een-categorie","tag-88-led-matrix-nl"],"_links":{"self":[{"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/posts\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/comments?post=523"}],"version-history":[{"count":0,"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/posts\/523\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/media?parent=523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/categories?post=523"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.knutsel.org\/nl\/wp-json\/wp\/v2\/tags?post=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}