MENU

DIY一个流光溢彩显示器

March 16, 2020 • Read: 269 • Windows,源码分享,技术分享

前言


最近,在b站上看到不少人用led灯配合arduino做出了流光溢彩效果,所以,也就有了这篇文章,自己DIY一个流光溢彩显示器。其实很早以前,飞利浦电视就发布了流光溢彩技术,通过在电视的两侧增加了两个灯管,使灯管的发光色彩可以随着电视内容的色彩同步变化,从而营造出一个由液晶屏幕为中心,向两边进行扩散的视觉效果。

效果

首屏.jpg

需要准备的材料


注意:如果你是小白建议把必须和可选的东西全买,会焊接除外。所有材料我已经在每个图片下面放上淘口令了,以防买错!

1.Arduino nano (必须),用于处理电脑传出的数据并传入led灯中,选择已焊接usb的版本,接口为miniUSB,不是手机常用的microUSB,建议买带线版本(需支持Old Bootloader)。

nona.jpg

₤KtSk1Sclald₤

2.WS2812B灯带 (必须),选择滴胶版本,背面有双面胶,但是粘性较低,可以自己买双面胶贴上。关于长度,一般只贴左右和上边,对于24寸的显示器,1米足够,如果更大或者是带鱼屏,两米最好。而灯珠数呢,灯珠越多,显示的效果越好,但耗电也越多。灯带是5V的,每颗灯珠需要0.06A,所以30颗灯珠功率就是9W,灯带的供电方法有两种,一种是USB供电,一种是DC供电。一般的USB孔的充电功率为10W左右,可以不需要买额外的充电器。如果是60颗灯珠,功率就是18W,电脑上的USB孔是不行的了,只能用手机的快充头或者DC充电器。24寸的显示器选择30颗就行了,不过我还是买的60颗为了好的效果嘛。

led灯.jpg

₴T0sU1SclXGx₴

3.SYB-170迷你微型面包板 (可选,买Arduino nano好像送一个可以问问客服),这个尺寸刚刚好,就是用来接线的。

面包板.jpg

₴NRm71SclEGY₴

4.公对公杜邦线 (可选),也就是两边都是针的,长短都行,我上次做迷你气象站还没用完。买来有一大把,只用得上两根,用这个方便接线而已,小白还是买吧。

线材.jpg

₤8FP71ScOd49₤

5.DC充电器 (可选),我用的DC供电,所以必须买这个,60颗灯珠选择5v3A的就行,平时亮度不开最大,15W足够了,用DC电源的好处也是接线方便。

DC电源线.jpg

¢2J2b1Scl5zU¢

6.DC母头 (可选,买DC充电器好像送一个可以问问客服),用于连接充电器和led灯的,不用DC电源的可以不用买

DC头.jpg

₳x7li1SclPP9₳

7.需要的一些软件,点击直接下载,都下起了,就是下面这些个东西(仅支持Windows)
Arduino IDE 驱动、源码和桌面端控制软件

接线教程


先了解一下led灯带的构成

灯带主要由一条由红白绿构成的主线和一条额外的红白线组成

两端有连接器,一端是公头,一端是母头,如果是多条led灯带,可以将两端连接起来。如果灯条长了,也可以剪去多余的部分(记得剪灯珠之间的那一截,然后把连接器接上就行,不过最好剪公头那一端的)

母头是数据输入,用来连接ardunio,公头不用管

红线是正极,白线是负极,绿线是数据线

多出的红白线是电源线,公头那一端的红白线连接电源,由于我是用的DC电源,所以只需要连接上DC母头就行,如果使用USB电源,直接把USB线的正负极对应接上去就行。母头那一端的红白线,用电胶布或者是普通的透明胶布正负极线分别缠上,避免短路

接线.jpg

连接DC母头

公头那一端的红白线来连接DC端子的母头,DC端子上有两个小按钮,按下的同时把线插进去就行 DC端子背面写了正负极的,对应插进去

使用时把DC电源线插到DC母头就行

接线2.jpg

连接ardunio

面包板和杜邦线的作用就出现了

面包板分为左右两边,把ardunio插到中间就行,需要用点力。每一边的5个孔共用一块铁板

母头有三个孔对应这红白绿三条线,绿线对应的孔通过杜邦线插入D5对应的孔,那一列的孔都行(因为我给的配置文件是D5,可自定义),白线对应的孔插入通过杜邦线插入GND对应的孔

接线3.jpg

ok,到此,接线完毕了,然后把LED灯带贴到显示器背面,接下来就是在电脑上操作了

烧录Ardunio


安装ardunio驱动和IDE

就是这两个玩意儿,上面的下载链接都有的 - CH341SER.EXE - arduino-1.8.9-windows.exe

无脑安装就行,然后就可以把ardunio连接到电脑上了

先查看下ardunio是几号端口 查看方法:按WIN+X,选择设备管理器,查看端口,CH340即为ardunio,我这里是COM3,记住 注意:不同的USB口的端口是不一样的,所以每次最好插入同一个USB口

COM3.jpg

设置ardunio IDE

打开ardunio的程序,顶栏工具选项中,将下面三个选项修改成我这样,端口根据实际情况修改

v2-7f49bcf973b1b56cba0c13e509035d14_720w.jpg

安装FastLED库

打开ardunio的程序,顶栏项目-加载库-管理库,进入后等待索引加载完毕,然后搜索FastLED,安装即可(版本选v3.1.6,我装3.3的写不进去!!!)

写入源码,烧录ardunio

将我给的led源码复制进编辑器中,根据实际情况修改,之前插入D5孔的就不用改第二项。灯珠的数量根据使用量而定,用了多少颗就是多少颗!

v2-92eb2f6d8125d403892abd2e4a7f8722_720w.jpg

然后编译验证,如下图,成功后上传即可(顶栏下面的几个图标,第一个是验证,第二个是上传)

提交.jpg

安装控制软件并配置


安装Prismatik控制软件,一路next就行,安装完成后,会弹出配置页面,前两个直接next,到填com端口时,根据实际情况填写

安装.jpg

下一个又是next 最后就是叫你设置灯珠的位置 (非常重要) 建议使用Custom,根据自己贴的,上面多少颗,左右两边多少颗填写。我就是上面28颗,左右16颗,然后每一块的宽度和高度都有可以调节,自己瞎玩就行 大体位置设置好了就行,以后还可以慢慢调节。
配置.jpg

正常情况就完成了,灯带接上电源就可以工作了!

额外的一些配置

  • 可能有人不会进入Prismatik这个软件 双击桌面图标后,在任务栏图标上右击选择setting即可进入
  • 可能有人安装Prismatik时最后并没有弹出我说的配置页面 setting进入软件后,Device - Run configuration wizard即可
  • 可能有人一切都搞定了但是灯没亮,FPS显示为0
  • setting进入软件后,Profiles - Expert Mode,然后左边会出现Experimental图标
  • 然后如下操作
    配置2.jpg
  • 可能有人想重新调整一下格子的大小,操作如下,宽度和高度根据分辨率和灯珠数量自行调整
    配置3.jpg
  • 可能有人觉得怎么黑色的时候会亮白光 这个为了保护你的眼睛,调整Mode - Eye care settings,调到最低,黑色的时候就不发光
  • 另外,mode中提供三种模式,自己尝试吧
  • 随屏幕画面
  • 不停随机改变颜色
  • 随声音强弱

看一下视频效果吧,我电脑太丑啦!放一个网上的视频吧。

总结


我一整套下来是50RMB左右,效果还是不错滴。打LOL的时候如果技能,放到屏幕边缘LED也会触发。瞬间战斗力+100

参考链接 显示器供电

Last Modified: March 25, 2020
Leave a Comment

8 Comments
  1. 会玩,有机会试一试@(滑稽)

    1. @Gitiu's Blog#(赞一个)

  2. 很炫,牛。arduino可以玩很多东西

    1. @心灵博客是的啊,玩起来成本也不高

  3. Qxs. Qxs.

    博主你好,请问fps为0怎么破呢?

    1. @Qxs.驱动问题吧

  4. 上次来提示找不到服务器IP@(笑尿)

    1. @Escher刚才对服务器动了一下手脚,现在恢复啦@(笑尿)