{"id":1047,"date":"2018-05-28T10:30:43","date_gmt":"2018-05-28T15:30:43","guid":{"rendered":"https:\/\/makecoolthings.com\/?p=1047"},"modified":"2022-06-26T16:28:54","modified_gmt":"2022-06-26T21:28:54","slug":"multipurpose-monocular-heads-up-display-part-1","status":"publish","type":"post","link":"https:\/\/makecoolthings.com\/?p=1047","title":{"rendered":"Multipurpose Monocular Heads Up Display (Part 1)"},"content":{"rendered":"

Now, this is a project I’ve had in the works for quite some time… It started out simply as a clever way to read Twitch chat whilst doing my professional imaginary spaceship pilot<\/i><\/a> <\/i>gig, without taking my eyes off what I’m doing, but I believe it has a lot more potential.<\/p>\n

I don’t quite know why I didn’t gain traction with it the first time around, since it only took me an afternoon to come up with a working proof-of-concept from nothing… Though I think maybe I wasn’t quite as comfortable with Fusion360 then as I am now, to design the 3D-printed test fixture.<\/p>\n

The operating principles are simple enough; the image from an OLED<\/acronym> display is focused by a lens element and then reflected onto a transparent surface in front of the eye. So it wasn’t hard to design the test fixture, complete with an adjustable lens, because I wasn’t entirely sure how focal length worked in this scenario.<\/p>\n

\"Fusion360<\/a>

Fusion360 assembly of the test fixture.<\/p><\/div>\n

Thank Science<\/em> for 3D printing! I ran my usual Ideate\u2192Create\u2192Iterate<\/strong><\/em> cycle, turning the initial rough idea into a 3D print, then almost immediately doing it again because something isn’t quite right… Then another because I’ve improved the design… And then yet one more because I want to try a different approach… So on, and so forth.<\/p>\n

\"The<\/a>

The (final) prototype’s mechanical components.<\/p><\/div>\n

\"Bits<\/a>

Bits to Atoms: The 3D-printed test fixture.<\/p><\/div>\n

BOM: Monocular HUD Mk1<\/h2>\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t
QTY<\/th>Description<\/th>Notes<\/th>Buy<\/th>Links<\/th>\n<\/tr>\n<\/thead>\n
1<\/td>0.96\" 128x64 OLED display, SSD1306<\/td>(White version w\/I\u00b2C interface.)<\/em><\/td>Amazon<\/a><\/td><\/td>\n<\/tr>\n
1<\/td>Adafruit Feather Bluefruit 32u4 Devboard<\/td>(Just what I had on-hand.)<\/em><\/td>Amazon<\/a>
\nAdafruit<\/a><\/td>		Downloads<\/a>
\nPinouts<\/a><\/td>\n<\/tr>\n
1<\/td>602535 Lithium Polymer Battery, 500mAh (NO CONNECTOR)<\/td>(Amazon item is for two.)<\/em><\/td>Amazon<\/a><\/td><\/td>\n<\/tr>\n
1<\/td>Bi-convex lens, \u03a625mm, fl=45mm<\/td>(Amazon item is for two...and is also no longer available.)<\/em><\/td>Amazon<\/a><\/td><\/td>\n<\/tr>\n
1<\/td>1\" Square Glass Mirror<\/td>(Amazon item is for a bag of 25)<\/em><\/td>Amazon<\/a><\/td><\/td>\n<\/tr>\n
1<\/td>12\" x 12\" Acrylic See-Through Mirror, 1mm, Scratch-Resistant<\/td>(Only need a small strip... Handy for all sorts of projects, though!)<\/em><\/td>Amazon<\/a><\/td><\/td>\n<\/tr>\n
1<\/td>3D Printed Parts<\/td>(COMING SOON!)<\/strong><\/em><\/td><\/td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/p>\n

I love these little OLED<\/acronym> displays…  They’re surprisingly good at displaying tiny text, which is perfect for this application.  Sadly 128×64 in a 0.96-inch monochrome display seems to be about the best I can do for pixel density versus pixel count.  You pretty much have to choose between more pixels further apart, or less pixels closer together… Can’t really find anything like the tiny 640×480 full-color display Google used in the Google Glass headsets. These<\/em> displays, at least, are very common jellybean parts<\/acronym>, and I’ll be writing a more detailed post on them very soon!<\/p>\n

They’re available in both SPI<\/acronym> and I\u00b2C<\/acronym> bus flavors, though I prefer the I\u00b2C<\/acronym> interface because it only requires two data lines (SDA, and SCL, i.e. DAta and CLock) and VCC\/GND supply lines.  After an interface, the next consideration is how exactly to go about talking to it in my program.  I found a fantastic<\/em> library called u8g2<\/a>, which is the second version of U8glib. The variety of fonts available<\/a> is mind-blowing!  It can also pretty easily draw graphics, not just text.<\/p>\n

\"The<\/a>

The ‘standard’ 128×64 pixel SSD1306-based OLED<\/acronym> display, I\u00b2C<\/acronym> version.<\/p><\/div>\n

\"One<\/a>

One of the test patterns from the sample code, being displayed on the OLED<\/acronym>.<\/p><\/div>\n

For these initial tests I was using an Adafruit Feather Bluefruit, ATMega32u4-based Arduino board with on-board Bluetooth Low Energy, and a little LiPo battery connector and charging circuitry.  I quickly ran into what was going to be the major limitation; the basic “Hello World!” program I had for the display, in English and Chinese, took up 105% of the available program space, because it needed to load the Chinese font into memory along with the libraries.<\/p>\n

I set about getting my hands on a couple Espressif ESP32-based devboards\u2014which I’ll talk about in great detail later<\/a> \u2014because they start out at 4 Mega<\/em>bytes of storage, instead of 32 Kilo<\/em>bytes… (They’re also 15 times faster, have Bluetooth LE and<\/em> WiFi, and are absurdly small and inexpensive.)<\/p>\n

With the electronics more or less figured out, there was more about the physical construction that needed work.  I used a couple 1″ square mirrors that I picked up a bag of on Amazon, and a 25mm biconvex lens for a Google Cardboard… But for the imaging surface, all I had was this piece of literal plastic trash that I’d been holding on to for this specific application because it looked like it would do….<\/p>\n

\"The<\/a>

The display’s reflection in the mirror, as seen from the ‘outside’ of the ‘eyepiece’.<\/p><\/div>\n

Spoiler alert: It did not<\/em> ‘do’.  I was happy to see that it worked at all, so at least my principles were sound…  But the image was very faint, and it almost seemed to be exhibiting photoelasticity<\/a>, but as far as I know OLEDs such as this don’t use polarization, and I wasn’t near my monitor…  (EDIT:<\/em> I am apparently incorrect, according to the data I have on them, their construction does include a polarizer. I guess the photoelasticity effect just isn’t as pronounced as it is with a bigass monitor, because the light intensity is like 60% less?)<\/p>\n

\"Lackluster<\/a>

Lackluster result, though the fact that it worked at all was encouraging. (Also, super hard to photograph!)<\/p><\/div>\n

The first time I had this idea, I knew I was probably going to have to use some one-way mirror tinting film or something… This time I actually managed to find some one-way mirror acrylic<\/em>, specifically some 1mm thick sheet, scratch resistant…  It wasn’t particularly cheap\u2014just over twenty bucks with the added overnight shipping \u2014but it was definitely what I needed, as it is highly reflective, giving a perfect mirror finish when the protective film is removed, and fairly easy to see through…with probably only a 10-15% loss of light transmittance at most.<\/p>\n

\"The<\/a>

The one-way mirror acrylic, as seen partially through a piece.<\/p><\/div>\n

\"Drastically<\/a>

Drastically improved imaging with the one-way mirror acrylic. (Though still hard to focus on with a phone!)<\/p><\/div>\n

That’s it for Part 1…  In Part 2, we’ll look more at the ESP32, examine some alternative optical strategies, and various other tomfoolery.<\/p>\n

p.s. If anybody’s curious about the background in that last pic, my Windows desktop wallpaper is a rotating gallery of Josan Gonzalez’s artwork from The Future Is Now Volume 2<\/a> which is MOST EXCELLENT.  And you will find “John Pfeiffer, Evil Genius!” in the backer list of the book’s credits, because I wholeheartedly support the making of ALL cool things, not just my own! ;)<\/h6>","protected":false},"excerpt":{"rendered":"

Now, this is a project I’ve had in the works for quite some time… It started out simply as a clever way to read Twitch chat whilst doing my professional imaginary spaceship pilot gig, without taking my eyes off what I’m doing, but I believe it has a lot more potential.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1,11,3],"tags":[45,35,48,58,80,83,82,81],"wf_post_folders":[],"class_list":["post-1047","post","type-post","status-publish","format-standard","hentry","category-blogposts","category-electronics","category-projects","tag-3d-printing","tag-arduino","tag-design-cool-things","tag-electronics","tag-esp32","tag-fusion360","tag-oled","tag-u8glib"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6NlLW-gT","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/posts\/1047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1047"}],"version-history":[{"count":9,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/posts\/1047\/revisions"}],"predecessor-version":[{"id":1542,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=\/wp\/v2\/posts\/1047\/revisions\/1542"}],"wp:attachment":[{"href":"https:\/\/makecoolthings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1047"},{"taxonomy":"wf_post_folders","embeddable":true,"href":"https:\/\/makecoolthings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fwf_post_folders&post=1047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}