LED 显示屏渲染引擎
我们开发了文字动效引擎,在装设于店门口或店内的 LED 显示屏上,以动态效果展示广告、宣传与通知文案。店主输入文案后,引擎为文字加上移动、切换与强调效果并输出到显示屏。显示屏的显示环境比普通屏幕受限,任务是在这种条件下让文案依然吸引顾客目光。除引擎外,我们还负责把店主输入的文案与设置同步到实际设备的流程。
把店主写下的一行字变成动态广告的引擎
文字动效引擎内置于门店 LED 显示屏,把店主输入的广告、宣传与通知文案配上动态效果输出。引擎接收输入的文字与设置值,为该文案生成相应的动态效果,再送到显示屏上。让门店经营者自己更换显示屏内容,是这个引擎的目的。

分为移动、切换与强调的多种动效模式
文字动效引擎内含多种动效模式:文字流动的移动、一句文案换成另一句的切换、突出特定文字的强调等。显示屏的显示环境比普通屏幕受限。我们为每种模式设计视觉效果,让文案在这种条件下依然醒目。

输入、预览、发送的文案管理
店主在输入界面写好广告文案和通知内容,设定参数后通过预览确认,再输出到显示屏。输入、预览与输出连成一个流程,门店经营者可以自己更换显示屏文案。发送前有预览步骤,可以先确认显示屏上会呈现的样子。

把软件设置传到实体显示屏的设备对接
店主输入的文案与设置值必须原样同步到显示屏设备上。我们实现了把软件中设定的内容传给实际硬件、在现场运行的流程。这个职业生涯早期参与的项目顺利完成,在公司内外都受到关注,也成为第一次把软件与硬件设备连接起来在现场运行的经验。

项目亮点
为输入文案加上移动、切换与强调效果的文字动效引擎
店主自己操作的文案输入、预览与输出流程
让软件设置原样同步到显示屏设备的对接
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



