RGB眼镜

13,787

71

12

Introduction: RGB Glasses

关于:来自印度的另一位制造商:')嗨

Hey guys how you doing!

所以这是我的ESP12F基于RGB LED眼镜,它完全来自PCB

我准备了一个具有普通眼镜尺寸的PCB,并放置了WS2812B LED,然后使用ESP12F通过Web服务器控制LED。
The frame has been modeled just like actual glasses, only difference here is that the material of these glasses is FR4 instead of Plastic.

用品:

所需材料(BOM)

  • 框架PCB X1
  • 寺庙PCB X2
  • 模版
  • 10k电阻0805 x 4
  • push button x1
  • 标题销
  • 10uf 16V Capacitor
  • 22uf 1206 Capacitor x 1
  • 4.7UF 1206电容x 1
  • 200R (0 Ohms can also be used instead of this)
  • AMS1117 x 1
  • USB Micro port
  • M7 Diode
  • DPDT Switch.
  • ESP12F.
  • WS2812B LEDs x 49
  • NODEMCU

第1步:准备好东西

My Approach for making these glasses was a bit different as I didn't use any 3D Printed parts in this built.

Instead, I used the FR4 Board or PCB as the main Frame of glasses.

我为此项目设计了两个不同的PCB,并将其放到JLCPCB以进行样品,并在几周后收到。

You can checkjlcpcb.out if you need great PCBs for Economic prices.

我还订购了一个模板,用于框架PCB,使SMD焊接变得容易,因为在每个垫上逐个添加焊膏是非常艰苦的工作,所以我使用了模板。

This Project is made with two different PCBs, one of them is Frame PCB and the other is Temple PCB.

Step 2: FRAME PCB

This PCB Construction was rather simple, I modeled the PCB according to the actual generic frame size and added WS2812B Setup on it.

49 LED连接在WS2812 CONFIG中,其中第一个LED的DOUT进入第二个LED的DIN,第二个LED的DOUT然后进入第三个LED的DIN,这个系列继续下去。WS2812B LED由在给定的插槽上连接磁影PCB和焊接数据,VCC和框架的GND焊盘在一起进行控制。

框架PCB组件

我通过首先将PCB放在纸板上并与模板匹配PCB的组件焊盘来设置PCB的模板。当焊盘匹配时,我放置在两侧的胶带,将模板稳定地在PCB的顶部上稳定地将旧塑料卡带出用于在模板上施加焊膏的旧塑料卡。

I applied the Solder paste on the stencil with the plastic card evenly on each pad and placed each LED on PCB one by one in proper pin order.

After that i place the PCB on Hotplate for the reflow process, Hotplates heats up the PCB upto the solderpaste melting temperature.

回流过程框架PCB已准备就绪后。现在让我们看看是寺庙PCB的第二个PCB

Attachments

第3步:寺庙PCB

This PCB is modeled after the shape of the temple of glasses and it houses the ESP12F setup with other components.

This PCB is an ESP12F Breakout Board with the minimal ESP12F Config. There's a battery connector for adding a small 300mA Lithium-ion battery and a USB port for charging that battery or powering the ESP12F straight from a power bank.

USB Port is the input side of this PCB which inputs 5V into the system and then the AMS1117 Circuit steps down the voltage (5V) into 3.3V for ESP12F working. the output from AMS1117 goes into the ESP12F via a DPDT Switch which controls the ON and OFF state of this Board.

TEMPLE PCB ASSEMBLY

我以同样的方式准备了寺庙PCB,但这时间没有使用模板。我在组件垫上添加了焊膏,然后在PCB上逐个添加了所有组件。之后,我刚把这个PCB放在加热板上。

Hotplate heats this PCB slowly up to the required Melting Temperature of Solder paste.

After reflow, I add through-hole components which are DPDT Switch and Male Header pins and our PCB is ready to be flashed for the first time. Before flashing this PCB, I soldered a Neopixel RIng on GPIO 12 along with VCC and GND so I can upload a test sketch before the final soldering process.

Attachments

第4步:寺庙PCB的代码/测试草图

For Flashing the ESP12F, I used a NodeMCU.

BUT WAIT!, don't we need an FTDI Board to flash the ESP12F manually by adding those classic reset and flash buttons? well, that Process is pretty dumb and complex so I'm gonna use a NodeMCU instead.

First, start by wiring the NodeMCU with our setup in this Config.

  • 我们需要在Nodemcu的en和Gnd之间放置一个跳线;通过这样做,ESP8266在Nodemcu上关闭,我们可以添加我们的外部设置
  • rx到rx.
  • tx到tx.
  • 3V to VCC
  • GND到GND.
  • 重置为重置
  • GPIO0至D3

Before Flashing the sketch, you need to add the Neopixel Library that is being used in this project along with the ESP8266 Boards in Arduino IDE.

After wiring and adding the required library with esp8266 boards, open Arduino IDE

  • open the sketch that you want to upload
  • 选择Nodemcu的端口号(工具 - >端口)
  • Select the Board type "NodeMCU 1.0 (ESP12-E Module)"
  • 单击上传

and that's pretty much it.

现在,我正在使用的草图是一个web服务器素描,因此我们需要将我们的网络凭据添加到此草图中,因此请在上传之前填写SSID和密码......
上传代码后,打开串行监视器,您将看到此Web服务器的IP地址。

从串行监视器中复制IP地址,然后打开Web浏览器中的IP地址。


the webserver contains a color chart from where you can pick any color and display that on glasses, click on the black box and pick the color that you want to display, and that is pretty much what you can do with this. we can add an extra button in this webserver for animations but that is just an idea for now.

(也是,不要忘记改变草图中使用的eDopixels的数量,我使用了49个LED用于驱动框架和12个LED为Neopixel环,您可以根据设置更改像素数))

After this testing phase, let's assemble both PCBs together and complete the project!

Step 5: Final Assembly

For the Final Assembly, we can directly insert the Temple PCB on slots present on the frame and solder the pads in front of it for connectivity.

焊接寺PCB与ESP12F设置在框架PCB的DIN侧,并在另一侧添加空寺庙PCB,只需支持。此外,这些眼镜很脆弱,因为它们只能通过铜垫一起握在一起,铜层粘在FR4板上,所以它可以轻松地撕裂,我会在这里添加几滴超级胶水以使这种关节更加粘附。

Step 6: RESULT

After Flashing the final sketch, I disconnected this setup from NodeMCU and added the USB Cable directly on the USB Port, and turned on the setup.

我已经know the IP address of the webserver so I open that up on my iPad and put on the glasses.

RGB现在可以通过Web服务器中的颜色图表来控制。

观看视频!

Leave a comment if you need any help or information about this project!

让它发光比赛

这是一个条目
让它发光比赛

Be the First to Share

    Recommendations

    • 让它发光比赛

      让它发光比赛
    • First Time Author Contest

      First Time Author Contest
    • PCB挑战

      PCB挑战

    12讨论

    0
    hdreiling.

    2 days ago

    真的很酷的项目。
    But is it a good idea to have a WiFi device that near to the brain?

    2
    Ultimatetrashgamer.

    6 days ago

    Well done, nice work, and excellent explaination!

    0
    ZDB2531.

    回复5天前

    exactley

    0
    ZDB2531.

    Tip5 days ago

    yes im gonna do this thx

    0
    fileproinfo

    9天前

    Nice work and well explained

    0
    nikitaklimboom.

    Reply 7 days ago

    Thats not how html works

    0
    arnov sharma.

    8天前回复

    :) 谢谢

    0
    omerunique

    9天前

    真的很好喜欢它

    0
    杰西拉特菲克

    13 days ago

    真的很好!喜欢项目和展示。:)

    0
    arnov sharma.

    Reply 13 days ago

    Thanks!