all repos — breadsite @ ca857e6db03f800874b1a46e2ae61bdda396473e

Unnamed repository; edit this file 'description' to name the repository.

blog/visor.html (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>visor | 6B74-4's site</title>
    <link href="/style.css" rel="stylesheet"/>
</head>
<body>
    <h1>
        <a href="/" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6-6 6 6 6"/><path d="M3 12h14"/><path d="M21 19V5"/></svg>
        </a>
        This one's visor and modifications
    </h1>
    <section id="about">
        <h2><a href="#about" aria-hidden="true">#</a> About this page</h2>
        <p>This page documents the making and modification of this one's visor. It was created after the Visor was already built, so details and images up until that point may be missing. This one will however try to log future modifications in more detail.</p>
        <p><b>WARNING:</b> this is a continuously updated log, if one wishes to recreate parts of this, read it in its entirety as there may be improvements added later on.</p>
    </section>
    <section id="materials">
        <h2><a href="#materials" aria-hidden="true">#</a> Materials</h2>
        <p>A short lists of the things used to make this visor with approximate prices.</p>
        <ul>
            <li>
                cheap 3M 6800 full-face mask knock-off, 30€
            </li>
            <li>
                15% VLT car tinting foil, 21€ for a big roll (one may also ask this one for a piece since it has a lot left over)
            </li>
            <li>
                2 WS2812B bendable LED-matrices with holes in them from AliExpress for about 20eur each. These ones are 200x50mm with 8x32 LEDs each and barely fit the Visor while bent.
            </li>
            <li>
                an ESP32 for about 5€
            </li>
        </ul>
        Total cost: ~96€
    </section>
    <section id="assembly">
        <h2><a href="#assembly" aria-hidden="true">#</a> Assembly</h2>
        <section>
            <div>
                <p>First this one removed the rubber ring and straps to (somewhat badly) apply the car tinting foil. It has heard that other units had better success by first creating a paper template to cut out the perfect shape.</p>
                <p>This one attached the ESP32 directly to its exhaust vent, below the snoot cap. This has 2 downsides:</p>
                <ul>
                    <li>Corrosion: if your exhaust fumes contain things harmful to electronics (like for example water vapor) they WILL corrode over time</li>
                    <li>The default 3M 6800 style snoot does not fit an ESP of this size, so tape will be needed to "close" the snoot</li>
                </ul>
                <p>It also has 2 minor upsides:</p>
                <ul>
                    <li>Corroding and being held together by duct tape is kinda gender</li>
                    <li>less work (this one is lazy)</li>
                </ul>
                <p>One will have to replace the duct tape and ESP over time (it is still on it's first ESP after a few months of visoring), because both do not appreciate the moisture.</p>
            </div>
            <div><img
                src="/assets/blog/visor/1.webp"
                alt="Visor with the rubber ring and straps removed sitting on a table.
                    The snoot has also been detatched revealing a microcontroller taped on the exhaust vent.
                    There is car tinting foil applied to the faceplate of the visor with some visible bubbles and folds."></div>
        </section>
        <section>
            <div>
                <p>One may not be surprised how the LED-matrices are held in place after reading the previous paragraph. It's only zip-ties and friction. They need to be readjusted every now and then but mostly stay put nicely like this. The matrices can be daisy chained so they will only have to be connected to the ESP with one wire each.</p>
            </div>
            <div><img
                src="/assets/blog/visor/2.1.webp"
                alt="The inside of the assembled visor, with 2 zip-tied together daisy-chained LED-matrices inside. They bent to fit the visor shape and loosely connected to the ESP through the back of the exhaust vent."></div>
        </section>
        <section>
            <div>
                <p>The ESP can be connected via USB-C through the hole in at the bottom of the snoot. This one also put a little NFC-sticker on its snoot, so it can sniff other peoples devices to share contact info.</p>
            </div>
            <div><img
                src="/assets/blog/visor/3.webp"
                alt="The assmebled visor from the front, showing an experession of 2 purple-glowing boxes on the faceplate."></div>
        </section>
        <section>
            <div>
                <p>Beep <span aria-hidden="true">^^</span>. Thats completes the visor making process. This one may expand this site if it makes more changes to it's visor. Current plans for future modifications:</p>
                <ul>
                    <li>
                        Put a gyroscope in there and make something in the experession wobble. It will still have to figure out where best to put that.
                    </li>
                    <li>
                        Attach a meshtastic device (probably a Seed Studio Wio Tracker L1 E-ink) to the visor. That way status information for this unit can be requested via LoRa.
                    </li>
                </ul>
            </div>
            <div><img
                src="/assets/blog/visor/4.webp"
                alt="Unit 6B74-4 with it's visor on in a ballpit."></div>
        </section>
    </section>
</body>
</html>