CubeExplorer
Web interface for exploring the Freetronics CUBE4
Install / Use
/learn @alchemycs/CubeExplorerREADME
#Cube Explorer
I wrote this to make it a little easier to explore the Freetronics CUBE4 LED Cube - and I wanted an excuse to do something with sockets and controlling a hardware device from a browser.
I just did this in a few hours, so I have a lot more work I want to do with it, but wanted to get it out there in case someone else found it useful.
#WARNING If you run this server, be aware that at this time there is no security in place. This means if you make this server available to the public Internet anyone can control your cube! Also, EVERYONE who is connected can control your cube!
##Requirements Obviously you'll need to have one of the Freetronics LED cubes loaded with the serial control sketch.
(Watch a Freetronics Cube4 in action)
The colour explorer page will be most fun if you have a browser that supports the color input type.
At the time of writing this is basically Chrome and Opera.
The server is written in node.js so you will need to have node installed.
Since we use the serialport and socket.io
modules, you'll need to ensure you have the appropriate compilers installed so the packages build correctly.
Please visit those projects for details.
##Installation
- Plug in the cube and determine which serial port is being used
- Clone the repository:
git clone https://github.com/alchemycs/CubeExplorer.git - Go into the cloned repository and run
npm install - Edit the
app.jsfile and set the appropriate values forSERIAL_PORTandSERIAL_BAUDRATE - Start the server
npm start - Open your browser to the
http://localhost:3000(or whatever is appropriate)
##TODO
- Autodetect the serial port on startup
- Handle disconnects and reconnects of the cube
Related Skills
node-connect
344.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
99.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
344.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
344.4kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
