<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MQTT Scroller Archives - Digital Urban</title>
	<atom:link href="https://www.digitalurban.org/blog/tag/mqtt-scroller/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.digitalurban.org/blog/tag/mqtt-scroller/</link>
	<description>Data, Cities, IoT, Writing, Music and Making Things</description>
	<lastBuildDate>Wed, 09 Apr 2025 14:55:57 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.digitalurban.org/wp-content/uploads/2012/07/Dulogosm-1.png</url>
	<title>MQTT Scroller Archives - Digital Urban</title>
	<link>https://www.digitalurban.org/blog/tag/mqtt-scroller/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Make a Scrolling Hub75 Matrix Display using a Pimoroni Interstate75W and MQTT</title>
		<link>https://www.digitalurban.org/blog/2024/07/12/creating-an-scrolling-hub75-matrix-display-with-pimoroni-interstate75w-and-mqtt/</link>
					<comments>https://www.digitalurban.org/blog/2024/07/12/creating-an-scrolling-hub75-matrix-display-with-pimoroni-interstate75w-and-mqtt/#comments</comments>
		
		<dc:creator><![CDATA[Andy]]></dc:creator>
		<pubDate>Fri, 12 Jul 2024 09:30:06 +0000</pubDate>
				<category><![CDATA[Making]]></category>
		<category><![CDATA[Posts]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[home assistant]]></category>
		<category><![CDATA[iot]]></category>
		<category><![CDATA[making]]></category>
		<category><![CDATA[MQTT Scroller]]></category>
		<guid isPermaLink="false">https://www.digitalurban.org/?p=7832</guid>

					<description><![CDATA[<p>The post <a href="https://www.digitalurban.org/blog/2024/07/12/creating-an-scrolling-hub75-matrix-display-with-pimoroni-interstate75w-and-mqtt/">Make a Scrolling Hub75 Matrix Display using a Pimoroni Interstate75W and MQTT</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_6969d042ddddc"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row top-level"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>There are many tutorials online on using an LED Matrix to display data—many of them require wiring up a screen, external power supplies, or flashing boards. We wanted to highlight a slightly more accessible way to get an LED Matrix—in our case, a Hub 75, 32&#215;64 pixel up and running using an <a href="https://shop.pimoroni.com/products/interstate-75-w?variant=40453881299027">Interstate75W from Pimoroni.</a> The benefit of the Interstate is that it plugs indirectly into the matrix and can power a single screen directly from the board.</p>
<div id="attachment_7838" style="width: 310px" class="wp-caption alignnone"><img fetchpriority="high" decoding="async" aria-describedby="caption-attachment-7838" class="size-medium wp-image-7838" src="https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-300x300.webp" alt="Interstate75W " width="300" height="300" srcset="https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-300x300.webp 300w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-1024x1024.webp 1024w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-150x150.webp 150w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-768x768.webp 768w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-140x140.webp 140w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-100x100.webp 100w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-500x500.webp 500w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-350x350.webp 350w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-1000x1000.webp 1000w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center-800x800.webp 800w, https://www.digitalurban.org/wp-content/uploads/2024/07/interstate-75-w-2_1500x1500_crop_center.webp 1500w" sizes="(max-width: 300px) 100vw, 300px" /><p id="caption-attachment-7838" class="wp-caption-text">Interstate75W</p></div>
<p>We wanted a way to display any data we wanted on the screen with the screen lighting up and data scrolling up as it arrives and then turning off. To use this we use MQTT to load our data (a test feed is included in the scripts &#8211; which displays Time, News and Environmental Information) &#8211; see below for a demo:</p>
<p>&nbsp;</p>
<div style="text-align: center;"><iframe src="https://www.youtube.com/embed/kG3OStmfXLk" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>We also incorporate manual brightness control and reconnecting for the MQTT for message handling, making it easy to update the display from anywhere. Setting up your own MQTT is beyond this post, but its easier than you may think and once you have one it can be used to display any data, from external feeds such as weather apis through to data from systems such as Home Assistant. Edit April 2025, we have added additional files to allow use with the new <a href="https://shop.pimoroni.com/products/interstate-75-w?variant=55006518411643">Pimoroni Intersate Starter Kit 128&#215;128 Matrix</a>, allowing a larger format screen, as pictured below.</p>
<div id="attachment_7914" style="width: 1034px" class="wp-caption aligncenter"><img decoding="async" aria-describedby="caption-attachment-7914" class="wp-image-7914 size-large" src="https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-1024x576.jpeg" alt="Matrix128x128" width="1024" height="576" srcset="https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-1024x576.jpeg 1024w, https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-300x169.jpeg 300w, https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-768x432.jpeg 768w, https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-1536x864.jpeg 1536w, https://www.digitalurban.org/wp-content/uploads/2024/07/Matrix128x128-2048x1152.jpeg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-7914" class="wp-caption-text">Matrix128x128</p></div>
<h3>Features</h3>
<ul>
<li><strong>Scrolling Text Messages:</strong> Display messages that scroll across the HUB75 LED matrix.</li>
<li><strong>Manual Brightness Control:</strong> Adjust the brightness of the display manually.</li>
<li><strong>MQTT Integration:</strong> Receive and display messages via MQTT.</li>
</ul>
<h3>Hardware Requirements</h3>
<p>To get started, you&#8217;ll need the following hardware:</p>
<ul>
<li><a href="https://shop.pimoroni.com/products/interstate-75-w?variant=40453881299027">Pimoroni Interstate75W</a></li>
<li><a href="https://shop.pimoroni.com/products/rgb-led-matrix-panel?variant=42312764298">A HUB75 LED matrix display</a></li>
<li><a href="https://www.printables.com/model/939763-hub75-display-case-for-the-interstate75w-32x64-4mm">3D Printed Case</a></li>
<li>MQTT broker (local or cloud-based) &#8211; we provide our own feed so you can test the set up.</li>
</ul>
<p>There is also room in the 3D printed case to attach a cloth cover, acting a diffuser (a grey t-shirt works well, cut to size):</p>
<div id="attachment_7879" style="width: 1034px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-7879" class="wp-image-7879 size-large" src="https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-1024x576.png" alt="LED Matrix with Cloth Cover" width="1024" height="576" srcset="https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-1024x576.png 1024w, https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-300x169.png 300w, https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-768x432.png 768w, https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-1536x864.png 1536w, https://www.digitalurban.org/wp-content/uploads/2024/07/Photoroom_20250128_104636-2048x1152.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-7879" class="wp-caption-text">LED Matrix with Cloth Cover</p></div>
<h2>Software Requirements</h2>
<p>You&#8217;ll also need the following software &#8211; all available from our GitHub</p>
<ul>
<li>MicroPython</li>
<li>Required MicroPython libraries:
<ul>
<li><code>interstate75</code></li>
<li><code>mqtt_as</code></li>
<li><code>uasyncio</code></li>
</ul>
</li>
</ul>
<h3>Setup</h3>
<h3>1. Clone the Repository</h3>
<p>First, clone the project repository from GitHub, or just download the files directly:</p>
<p>&#8220;`sh<br />
git clone <a href="https://github.com/digitalurban/Interstate75W_MQTT_Scroller">https://github.com/digitalurban/Interstate75W_MQTT_Scroller</a><br />
cd interstate75w-mqtt-display<br />
&#8220;`</p>
<h3>2. Upload the Code</h3>
<p>Next, upload the code to your microcontroller. You can use tools like Thonny or ampy to do this.</p>
<h3>3. Configure WiFi and MQTT</h3>
<p>Update the <code>config.py</code> file with your WiFi credentials, the MQTT details can also be updated if you have your own server, if not then leave them for our demo feed.</p>
<p>&#8220;`python<br />
config = {<br />
&#8216;ssid&#8217;: &#8216;your_wifi_ssid&#8217;,<br />
&#8216;wifi_pw&#8217;: &#8216;your_wifi_password&#8217;,<br />
&#8216;server&#8217;: &#8216;mqtt_broker_address&#8217;,<br />
&#8216;user&#8217;: &#8216;mqtt_user&#8217;,<br />
&#8216;password&#8217;: &#8216;mqtt_password&#8217;,<br />
&#8216;port&#8217;: 1883,<br />
&#8216;keepalive&#8217;: 60,<br />
}<br />
&#8220;`</p>
<h3>Usage</h3>
<h3>Run the Script</h3>
<p>The script will automatically connect to WiFi and the MQTT broker, then start displaying messages &#8211; our MQQ feed displays messages approximatly every 3 minutes.</p>
<h3>Constants and Initial Setup</h3>
<p>The script defines constants for controlling the scrolling text speed, how long the screen says on for after displaying the message and brightness settings. It also initializes the Interstate75W object:</p>
<h4>Constants for controlling scrolling text</h4>
<p>BACKGROUND_COLOUR = (0, 0, 0) # Black background to turn off the screen<br />
HOLD_TIME = 2.0<br />
BLANK_SCREEN_TIME = 10.0<br />
BUFFER_PIXELS = 2 # Increased buffer to ensure full scroll off<br />
SCROLL_SPEED_LEVEL = 8 # Set the desired scrolling speed level (1 to 10)<br />
SCROLL_SPEED = 1 / SCROLL_SPEED_LEVEL # Convert to a delay in seconds</p>
<h4>Brightness settings</h4>
<p>brightness = 50 # Initial brightness (0 to 100)</p>
<p>Do let us know if you make one &#8211; we would love to see images of your own set up and we hope this made it a little easier for anyone new looking to run an LED matrix using MQTT.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a href="https://www.digitalurban.org/blog/2024/07/12/creating-an-scrolling-hub75-matrix-display-with-pimoroni-interstate75w-and-mqtt/">Make a Scrolling Hub75 Matrix Display using a Pimoroni Interstate75W and MQTT</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.digitalurban.org/blog/2024/07/12/creating-an-scrolling-hub75-matrix-display-with-pimoroni-interstate75w-and-mqtt/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>MQTT Scroller for the Pimoroni Stellar Unicorn: THE: Time, Headlines and Environmental Information</title>
		<link>https://www.digitalurban.org/blog/2023/08/03/mqtt-scroller-for-the-pimoroni-stellar-unicon-the-time-headlines-and-envivronmental-information/</link>
		
		<dc:creator><![CDATA[Andy]]></dc:creator>
		<pubDate>Thu, 03 Aug 2023 08:49:16 +0000</pubDate>
				<category><![CDATA[Making]]></category>
		<category><![CDATA[CASA]]></category>
		<category><![CDATA[LED Matrix]]></category>
		<category><![CDATA[MQTT Scroller]]></category>
		<category><![CDATA[Pimoroni Stellar]]></category>
		<category><![CDATA[Pimoroni Unicorn]]></category>
		<category><![CDATA[UCL]]></category>
		<guid isPermaLink="false">https://www.digitalurban.org/?p=7224</guid>

					<description><![CDATA[<p>Pimoroni make a range of LED matrix displays with Pi Pico W&#8217;s built in &#8211; previously we have used the large scale Pimoroni Galatic Unicorn and added a series of...</p>
<p>The post <a href="https://www.digitalurban.org/blog/2023/08/03/mqtt-scroller-for-the-pimoroni-stellar-unicon-the-time-headlines-and-envivronmental-information/">MQTT Scroller for the Pimoroni Stellar Unicorn: THE: Time, Headlines and Environmental Information</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Pimoroni make a range of LED matrix displays with Pi Pico W&#8217;s built in &#8211; previously we have used the large scale <a href="https://shop.pimoroni.com/products/space-unicorns?variant=40842033561683" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://shop.pimoroni.com/products/space-unicorns?variant=40842033561683">Pimoroni Galatic Unicorn</a> and added <a href="https://github.com/ucl-casa-ce/Galactic-Unicorn-MQTT-Scroller" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://github.com/ucl-casa-ce/Galactic-Unicorn-MQTT-Scroller">a series of scripts on GitHub</a> to allow it to scroll MQTT messages. Pimoroni have just released two new versions, the <a href="https://shop.pimoroni.com/products/space-unicorns?variant=40842626596947" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://shop.pimoroni.com/products/space-unicorns?variant=40842626596947">Cosmic Unicorn</a> at 32 x 32 pixels and the <a href="https://shop.pimoroni.com/products/space-unicorns?variant=40842632953939" target="_blank" rel="noreferrer noopener" data-type="URL" data-id="https://shop.pimoroni.com/products/space-unicorns?variant=40842632953939">Stellar Unicorn</a> at 16 x 16 pixels, both of these are also pefect for scrolling information and as such we have updated our scripts and provided laser cut templates, firstly for the Stellar.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-1024x1024.jpg" alt="" class="wp-image-7226" srcset="https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-1024x1024.jpg 1024w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-300x300.jpg 300w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-150x150.jpg 150w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-768x768.jpg 768w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-100x100.jpg 100w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-140x140.jpg 140w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-500x500.jpg 500w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-350x350.jpg 350w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-1000x1000.jpg 1000w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724-800x800.jpg 800w, https://www.digitalurban.org/wp-content/uploads/2023/08/PhotoRoom_20230801_135724.jpg 1294w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>The code is set up around our THE: Time, Headlines and Envivronmental Information stream, this links in feeds from our own MQTT server, providing details on the time, news, weather and earthquake information. You can choose to leave this in place (good for a first test) or add your own MQTT feed. The code uses different coloured backgrounds for different text in feeds &#8211; ie News, Weather, Time, you can edit these accordingly to match your own feed. Our feed updates every couple of minutes, for a constant stream of information.</p>



<p>To set it all, all you need do it copy all the files to your Stellar Unicon using Thonny &#8211; edit config.py to add your Wifi and MQTT broker credentials.</p>



<p>Headover to our <a rel="noreferrer noopener" href="https://github.com/ucl-casa-ce/Stellar-Unicorn-MQTT-Scroller" data-type="URL" data-id="https://github.com/ucl-casa-ce/Stellar-Unicorn-MQTT-Scroller" target="_blank">GitHub Repository to download the files</a>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="970" src="https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts-1024x970.jpg" alt="" class="wp-image-7231" srcset="https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts-1024x970.jpg 1024w, https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts-300x284.jpg 300w, https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts-768x727.jpg 768w, https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts-1536x1455.jpg 1536w, https://www.digitalurban.org/wp-content/uploads/2023/08/StellarParts.jpg 1725w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">The Case</h4>



<p>Three files are provided to laser cut:</p>



<ol class="wp-block-list">
<li>The laser cut front as pictured with Etching (THE: Time, Headlines, Environmental)</li>



<li>The laser cut front, minus text</li>



<li>Front cut for the clear acrylic</li>
</ol>



<p>The work has been created as part of work at the <a href="https://connected-environments.org/" data-type="URL" data-id="https://connected-environments.org/" target="_blank" rel="noreferrer noopener">Connected Environments Group</a> at the Centre for Advanced Spatial Analysis, University College London, the <a rel="noreferrer noopener" href="https://github.com/ucl-casa-ce/Stellar-Unicorn-MQTT-Scroller/discussions" data-type="URL" data-id="https://github.com/ucl-casa-ce/Stellar-Unicorn-MQTT-Scroller/discussions" target="_blank">GitHub page has its own discussion forum</a> if you would like to ask any questions or request changes to the code.</p>
<p>The post <a href="https://www.digitalurban.org/blog/2023/08/03/mqtt-scroller-for-the-pimoroni-stellar-unicon-the-time-headlines-and-envivronmental-information/">MQTT Scroller for the Pimoroni Stellar Unicorn: THE: Time, Headlines and Environmental Information</a> appeared first on <a href="https://www.digitalurban.org">Digital Urban</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
