在HN上展示:Laser Graffiti
摘要
Laser Graffiti 是一个开源的、基于浏览器的应用程序,用户可以通过网络摄像头追踪激光笔,在墙壁上实时投射笔画进行绘制,提供多种画笔和交互效果。
暂无内容
查看缓存全文
缓存时间: 2026/09/01 12:31
# 激光涂鸦 — 用激光笔在墙上作画
来源:https://laser.consti.de/
将投影仪和网络摄像头对准任意墙壁,用激光笔即可作画。投影仪会呈现你的笔触——发光的霓虹、流淌的墨迹、三维旋转效果。
您的浏览器不支持嵌入式视频——请下载视频片段(https://laser.consti.de/media/howitworks.mp4)。
灵感来源于此视频(https://www.youtube.com/watch?v=DKbtTPYZEig)——多年前用投影仪进行建筑激光涂鸦的项目,至今仍令人着迷。阅读背景故事 ↓ (https://laser.consti.de/#backstory)
## 在此立即体验
无需投影仪——你的鼠标(或手指)就是激光笔。选择画笔,切换模式,或在格子中画X与电脑对战井字棋。
## 工作原理
所有功能均在浏览器中运行——无需安装,无需本地应用。
01
### 设置
将投影仪连接为第二屏幕,用网络摄像头对准投影区域。打开控制窗口和投影窗口(按`F`全屏)。
02
### 校准
单击即可在投影四角显示标记;摄像头会识别标记并计算摄像头→投影仪的映射关系。然后挥动激光笔4秒,让探测器学习其亮度和颜色。
03
### 绘制
每一帧中,摄像头会定位激光点,将其映射到投影仪,投影仪即在对应位置渲染笔触——正是你所指之处。将激光笔对准☰角落可打开墙面菜单。
## 功能特性
- 六种画笔:圆形、马克笔、书法、霓虹、喷雾、彩虹
- 湿润墨水效果,墨滴沿墙面流淌
- 将你的画作作为立体3D对象旋转
- 渐隐模式与万花筒镜像效果
- 闪烁粒子轨迹
- 与电脑对战墙面井字棋
- 可绘制区域彩色边框
- 快照功能:保存照片+绘画,可下载为文件
- 激光操作菜单——无需触碰笔记本电脑
- 抗反光表面追踪,适配光亮地板
- 兼容绿色或红色激光笔
- 零依赖项,MIT许可,开源(https://github.com/consti/laser-graffiti)
## 背景故事
灵感源自**mzeltner**(Michael Zeltner)与**oneup**(Florian Hufsky)所在的维也纳涂鸦研究实验室(https://graffitiresearchlab.at/)。约2007年,他们自制激光标记器,在维也纳各地建筑上进行涂鸦创作。而他们又受到纽约涂鸦研究实验室(https://graffitiresearchlab.com/)及其L.A.S.E.R. Tag(https://graffitiresearchlab.com/blog/projects/laser-tag/#video)项目的启发——同样的创意:用摄像头、投影仪和激光笔作为画笔,在建筑外墙大规模创作。
以下是Bre Pettis与Michi谈论维也纳激光涂鸦项目的场景:
本项目是基于该理念的浏览器端全新实现——无需Processing环境,无需安装,仅需笔记本电脑、网络摄像头和投影仪。
## 所需设备
配备Chrome浏览器的笔记本电脑、任意HDMI投影仪(作为第二屏幕)、能拍摄投影区域的网络摄像头(内置摄像头即可),以及激光笔。绿色激光在摄像头中显示效果最佳。
启动激光涂鸦 →(https://laser.consti.de/app.html)
相似文章
Show HN:在实时交互的地球仪上共同绘制地球(协作艺术)
一个实时交互的地球仪,用户可以在3D地图上协作绘制地球,创建共享艺术。
Show HN: Inkwash——一款水彩素描应用及技术解析
Inkwash 是一款基于 WebGL2 的水彩素描应用,可模拟颜料流动与纸张交互,由 Claude Fable 5 生成。本文解释了实现逼真水彩效果的浮点纹理与着色器技术管线。
Show HN: 通过摄像头看见声音
Soundmap 是一款利用网络摄像头和已连接的智能手机实时可视化声音的网页工具,可将音频转化为视觉展示。
Show HN:Art – 画一笔,让对称完成它
一款网页对称绘画工具,用户只需绘制一笔,即可创作出对称图案,并可自定义对称性、密度和墨水类型等设置。
用笔式绘图机制作全息图
一篇博客文章,解释了如何使用笔式绘图仪制作全息图,利用油脂污迹和直观的光学原理来控制反射高光。