本文作者：立創(chuàng)開(kāi)源硬件平臺(tái) OSHWHub 用戶@lihongchen，禁止商用，未經(jīng)許可禁止轉(zhuǎn)載，點(diǎn)擊查看原文章

1、工程描述

EmojiCube工程為DIY8*8像素屏幕，主控ESP32-WROOM-32D，可編程，自定義顯示內(nèi)容，低成本，非常簡(jiǎn)單，對(duì)新手友好！

設(shè)計(jì)思路來(lái)源以及部分素材來(lái)源于項(xiàng)目：IoT Emoji 標(biāo)牌，用最簡(jiǎn)單低成本的方式，利用ESP32強(qiáng)大的物聯(lián)網(wǎng)功能，實(shí)現(xiàn)一個(gè)顯示 8x8 像素 Emoji 的標(biāo)牌。

2、軟硬件設(shè)計(jì)

原理圖設(shè)計(jì)

引腳連接說(shuō)明：

GPIO4 <------> 燈珠DIN；

GPIO2 <------> 觸摸芯片TTP223: Q

PCB設(shè)計(jì)如下圖，右邊矩形焊盤(pán)為觸摸區(qū)域，正面為燈珠，反面為主控esp部分。

使用Fusion360設(shè)計(jì)，工程附件提供stl文件，外殼尺寸約為60×60×15mm

建議使用黑色材料打印或白色材料打印后上黑色，純白外殼效果太差了

3D外殼設(shè)計(jì)目前需要修改，小伙伴務(wù)必不要直接打樣。

軟件&交互式前端設(shè)計(jì)

1、利用ESP的物聯(lián)網(wǎng)功能，提供兩種交互方式：AP軟路由/wifi配網(wǎng)；無(wú)論哪種方式，通過(guò)MDNS服務(wù)均可在瀏覽器中訪問(wèn)：http://esp32.local/ 進(jìn)入主界面

 

2、瀏覽器與ESP之間通過(guò)ajax進(jìn)行交互；點(diǎn)擊表情即可顯示指定的圖像
3、考慮到每次切換表情需要登錄瀏覽器較為麻煩，因此預(yù)留了一個(gè)觸摸開(kāi)關(guān)作為離線交互工具，即觸摸開(kāi)關(guān)即可切換表情
4、所有文件：html,json等均存儲(chǔ)在Flash中SPIFFS文件系統(tǒng)，具體內(nèi)容請(qǐng)見(jiàn)工程附件中文件夾
5、自定義圖像顯示：參考pico-8游戲設(shè)計(jì)，采用16種顏色，還在開(kāi)發(fā)中

視頻演示

3、電路設(shè)計(jì)

原理圖（點(diǎn)擊進(jìn)入立創(chuàng)EDA編輯器打開(kāi)）

PCB（點(diǎn)擊進(jìn)入立創(chuàng)EDA編輯器打開(kāi)）

更多詳情及附件，可從原工程查看。

本文作者：立創(chuàng)開(kāi)源硬件平臺(tái) OSHWHub 用戶@lihongchen，禁止商用，未經(jīng)許可禁止轉(zhuǎn)載