<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3558045312559702869</id><updated>2026-10-20T10:38:38.450+05:30</updated><category term="C Plus Plus"/><category term="Arduino"/><category term="Circuits"/><title type='text'>My Mix Blog Work</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>31</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-4418861010156586039</id><published>2025-08-08T22:05:00.002+05:30</published><updated>2025-08-08T22:07:44.557+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>UART Communication in Verilog – &quot;Hello World&quot; to Arduino</title><content type='html'>&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;This project demonstrates a simple UART (Universal Asynchronous Receiver/Transmitter) communication setup using Verilog. The design periodically sends the string &quot;Hello World&quot; from an FPGA to an Arduino over a serial UART interface.&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 19px; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;&amp;nbsp;Project Overview&lt;/h2&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;Platform: FPGA (tested with 27 MHz clock)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;Target device: Any microcontroller with UART RX (e.g., Arduino)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;Baud Rate: \~9600 bps&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;Message: &quot;Hello World&quot; (sent every 500 ms)&lt;/p&gt;&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;422&quot; src=&quot;https://www.youtube.com/embed/htmXC3UykRI&quot; width=&quot;508&quot; youtube-src-id=&quot;htmXC3UykRI&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 19px; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;Top Module Highlights (`uart_top`)&lt;/h2&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;A simple counter generates a 500 ms delay using the 27 MHz clock.&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;The message &quot;Hello World&quot; is stored in an internal ROM (array of ASCII characters).&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;Each character is latched sequentially and sent one by one every 500 ms.&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;The `UART` module handles bit-wise serial transmission of each character.&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 17px; font-style: italic; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;Code:&lt;/h3&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;`timescale 1ns / 1ps&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;module uart_top (&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; input clk, &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // 27 MHz clock&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; output uart_tx &amp;nbsp; &amp;nbsp; // Connect to Arduino RX&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;);&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;// 500 ms delay = 13,500,000 cycles @ 27 MHz&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [23:0] sendCounter = 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg send_reg = 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;wire send_pulse;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;assign send_pulse = send_reg;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;always @(posedge clk) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; if (sendCounter == 24&#39;d13500000) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sendCounter &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; send_reg &amp;lt;= 1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; end else begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sendCounter &amp;lt;= sendCounter + 1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; send_reg &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;// ROM to hold &quot;Hello World&quot;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [7:0] message [0:10];&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;initial begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[0] &amp;nbsp; = &quot;H&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[1] &amp;nbsp; = &quot;e&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[2] &amp;nbsp; = &quot;l&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[3] &amp;nbsp; = &quot;l&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[4] &amp;nbsp; = &quot;o&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[5] &amp;nbsp; = &quot; &quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[6] &amp;nbsp; = &quot;W&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[7] &amp;nbsp; = &quot;o&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[8] &amp;nbsp; = &quot;r&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[9] &amp;nbsp; = &quot;l&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; message[10] = &quot;d&quot;;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [3:0] char_index = 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [7:0] current_char = 8&#39;h00;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;// Latch the next character on send pulse&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;always @(posedge clk) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; if (send_pulse) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; current_char &amp;lt;= message[char_index];&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (char_index == 4&#39;d10)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; char_index &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; else&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; char_index &amp;lt;= char_index + 1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;// Instantiate UART with dynamic character input&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;UART uart_inst (&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; .send(send_pulse),&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; .clk(clk),&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; .char_to_send(current_char),&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; .uart_tx(uart_tx)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;);&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt 36pt;&quot;&gt;endmodule&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 19px; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;&amp;nbsp;UART Module Highlights (`UART`)&lt;/h2&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;Implements a finite state machine with three states:&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot;&gt;
    &lt;li&gt;`rdy`: Wait for send pulse.&lt;/li&gt;
    &lt;li&gt;`load_bit`: Load the next bit to transmit.&lt;/li&gt;
    &lt;li&gt;`send_bit`: Send the current bit with precise timing.&lt;/li&gt;
&lt;/ul&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;Adds start and stop bits to each character (8N1 format).&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;Uses an internal baud rate timer (`bit_tmr_max = 2812`) to match \~9600 baud with a 27 MHz clock.&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 17px; font-style: italic; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;Code:&lt;/h3&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;module UART (&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; input send,&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; input clk,&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; input [7:0] char_to_send, &amp;nbsp;// &amp;lt;--- NEW INPUT&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; output uart_tx&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;);&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;parameter [13:0] bit_tmr_max = 14&#39;d2812;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;parameter bit_index_max = 10;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;parameter rdy = 0, load_bit = 1, send_bit = 2;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [13:0] bitTmr = 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg bitDone;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [3:0] bitIndex;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg txBit = 1&#39;b1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [9:0] txData;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg [1:0] state = rdy;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;reg send_prev = 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;wire send_edge;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;always @(posedge clk)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; send_prev &amp;lt;= send;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;assign send_edge = send &amp;amp; ~send_prev;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;always @(posedge clk) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; if (state == rdy) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitTmr &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitDone &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; end else begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (bitTmr == bit_tmr_max - 1) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitDone &amp;lt;= 1&#39;b1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitTmr &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end else begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitTmr &amp;lt;= bitTmr + 1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitDone &amp;lt;= 1&#39;b0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;always @(posedge clk) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; case (state)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; rdy: begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; txBit &amp;lt;= 1&#39;b1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitIndex &amp;lt;= 0;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (send_edge) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; txData &amp;lt;= {1&#39;b1, char_to_send, 1&#39;b0}; // stop, data, start&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; state &amp;lt;= load_bit;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; load_bit: begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; txBit &amp;lt;= txData[bitIndex];&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bitIndex &amp;lt;= bitIndex + 1;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; state &amp;lt;= send_bit;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; send_bit: begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (bitDone) begin&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (bitIndex == bit_index_max)&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; state &amp;lt;= rdy;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; else&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; state &amp;lt;= load_bit;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; default: state &amp;lt;= rdy;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp; &amp;nbsp; endcase&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;end&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;assign uart_tx = txBit;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: .0001pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 0.0001pt 36pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt 36pt;&quot;&gt;endmodule&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 19px; font-weight: normal; line-height: 112%; margin-bottom: .0001pt; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0.0001pt;&quot;&gt;&amp;nbsp;Wiring&lt;/h2&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt;&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot;&gt;
    &lt;li&gt;Connect the `uart_tx` output to the RX pin of an Arduino or serial USB adapter.&lt;/li&gt;
    &lt;li&gt;Observe the &quot;Hello World&quot; message repeating every half second.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 15px; line-height: 115%; margin-bottom: 10.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; margin: 0cm 0cm 10pt; text-align: center;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: #00b050; font-size: 24px; line-height: 115%;&quot;&gt;… ___Thank You___ …&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/4418861010156586039/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2025/08/uart-communication-in-verilog-hello.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4418861010156586039'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4418861010156586039'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2025/08/uart-communication-in-verilog-hello.html' title='UART Communication in Verilog – &quot;Hello World&quot; to Arduino'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/htmXC3UykRI/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-4271254406997136762</id><published>2025-03-14T12:09:00.000+05:30</published><updated>2025-03-14T12:09:01.306+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>Building an ESP32 OLED Painter with a Web Interface</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;h1&gt;Introduction&lt;/h1&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;Ever wanted to create your own digital drawing tool? In this
project, we&#39;ll build an &lt;b&gt;ESP32 OLED Painter&lt;/b&gt;, allowing users to draw on a
small OLED screen via a simple web interface. The ESP32 hosts a webpage where
users can sketch using a mouse, and the drawings will appear in real-time on an
OLED display.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h2&gt;Components Required&lt;o:p&gt;&lt;/o:p&gt;&lt;/h2&gt;

&lt;ul style=&quot;margin-top: 0cm;&quot; type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l1 level1 lfo1; tab-stops: list 36.0pt;&quot;&gt;ESP32 board&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l1 level1 lfo1; tab-stops: list 36.0pt;&quot;&gt;128x64 SSD1306 OLED display&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l1 level1 lfo1; tab-stops: list 36.0pt;&quot;&gt;Jumper wires&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l1 level1 lfo1; tab-stops: list 36.0pt;&quot;&gt;USB cable for programming&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;How It Works&lt;o:p&gt;&lt;/o:p&gt;&lt;/h2&gt;

&lt;ol start=&quot;1&quot; style=&quot;margin-top: 0cm;&quot; type=&quot;1&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l2 level1 lfo2; tab-stops: list 36.0pt;&quot;&gt;The ESP32 acts as a &lt;b&gt;web server&lt;/b&gt;, hosting an
     HTML page with a drawing canvas.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l2 level1 lfo2; tab-stops: list 36.0pt;&quot;&gt;Users can draw using a &lt;b&gt;mouse&lt;/b&gt;, selecting
     between a &lt;b&gt;pencil&lt;/b&gt; and an &lt;b&gt;eraser&lt;/b&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l2 level1 lfo2; tab-stops: list 36.0pt;&quot;&gt;Every drawn pixel is sent to the ESP32 via &lt;b&gt;HTTP
     requests&lt;/b&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l2 level1 lfo2; tab-stops: list 36.0pt;&quot;&gt;The ESP32 updates an internal &lt;b&gt;framebuffer&lt;/b&gt;,
     which is displayed on the &lt;b&gt;OLED screen&lt;/b&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;407&quot; src=&quot;https://www.youtube.com/embed/ivadGwEuSX8&quot; width=&quot;489&quot; youtube-src-id=&quot;ivadGwEuSX8&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;

&lt;h2&gt;Code Breakdown&lt;o:p&gt;&lt;/o:p&gt;&lt;/h2&gt;

&lt;h3&gt;1. Including Necessary Libraries&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#include
&amp;lt;WiFi.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#include
&amp;lt;ESPAsyncWebServer.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#include
&amp;lt;Adafruit_SSD1306.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#include
&amp;lt;Adafruit_GFX.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;ul style=&quot;margin-top: 0cm;&quot; type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l0 level1 lfo3; tab-stops: list 36.0pt;&quot;&gt;WiFi.h enables ESP32 to connect to a network.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l0 level1 lfo3; tab-stops: list 36.0pt;&quot;&gt;ESPAsyncWebServer.h handles web requests
     asynchronously.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt; mso-list: l0 level1 lfo3; tab-stops: list 36.0pt;&quot;&gt;Adafruit_SSD1306.h and Adafruit_GFX.h control the
     OLED display.&lt;o:p&gt;&lt;/o:p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;2. Setting Up Wi-Fi Credentials&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;const char*
ssid = &quot;SSID&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;const char*
password = &quot; PASSWORD &quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;Replace these with your own Wi-Fi credentials.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span class=&quot;Heading3Char&quot;&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 107%;&quot;&gt;3.&lt;/span&gt;&lt;/span&gt;&lt;b&gt;
Initializing the OLED Display&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#define
SCREEN_WIDTH 128&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#define
SCREEN_HEIGHT 64&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;#define
OLED_RESET -1&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;Adafruit_SSD1306
display(SCREEN_WIDTH, SCREEN_HEIGHT, &amp;amp;Wire, OLED_RESET);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;We define screen dimensions and initialize the OLED display.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;4. Creating a Web Server&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;AsyncWebServer
server(80);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;The ESP32 runs a web server on &lt;b&gt;port 80&lt;/b&gt;, serving the
drawing webpage.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;5. Creating a Framebuffer&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;uint8_t
framebuffer[SCREEN_HEIGHT][SCREEN_WIDTH] = {0};&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;This 2D array stores the drawn pixels before displaying
them.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;6. Web Interface (HTML + JavaScript)&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;The ESP32 serves an interactive webpage that includes a &lt;b&gt;canvas&lt;/b&gt;
for drawing.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;const char
webpage[] PROGMEM = R&quot;rawliteral(&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;html
lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;meta name=&quot;viewport&quot;
content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;title&amp;gt;ESP32 OLED
Painter&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;style&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;body { background:
linear-gradient(135deg, #87CEEB, #4682B4); }&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;.container { background: rgba(255, 255,
255, 0.9); border-radius: 12px; }&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas { border: 1px solid #ddd;
background-color: #fff; cursor: crosshair; }&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/style&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;h2&amp;gt;ESP32 OLED Painter&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;setTool(&#39;pencil&#39;)&quot;&amp;gt;Pencil&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;setTool(&#39;eraser&#39;)&quot;&amp;gt;Eraser&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;clearCanvas()&quot;&amp;gt;Clear&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;canvas id=&quot;canvas&quot;
width=&quot;128&quot; height=&quot;64&quot;&amp;gt;&amp;lt;/canvas&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const canvas =
document.getElementById(&#39;canvas&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const ctx = canvas.getContext(&#39;2d&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;let isDrawing = false, currentTool =
&#39;pencil&#39;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function setTool(tool) { currentTool =
tool; }&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mousedown&#39;, ()
=&amp;gt; { isDrawing = true; ctx.beginPath(); });&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mouseup&#39;, ()
=&amp;gt; { isDrawing = false; });&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mousemove&#39;,
draw);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function draw(e) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (!isDrawing) return;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const x = Math.floor(e.offsetX *
(canvas.width / canvas.clientWidth));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const y = Math.floor(e.offsetY *
(canvas.height / canvas.clientHeight));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (currentTool === &#39;pencil&#39;) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.fillRect(x, y, 1, 1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;fetch(`/draw?x=${x}&amp;amp;y=${y}&amp;amp;state=1`);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;} else {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.clearRect(x, y, 1, 1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;fetch(`/draw?x=${x}&amp;amp;y=${y}&amp;amp;state=0`);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;function clearCanvas() { ctx.clearRect(0, 0,
canvas.width, canvas.height); fetch(&#39;/clear&#39;); }&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;)rawliteral&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;7. Displaying a Welcome Message&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.setTextSize(2);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.setTextColor(SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.setCursor(20,
20);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.println(&quot;Welcome&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;delay(3000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;The OLED
displays &quot;Welcome to Paint&quot; when the ESP32 starts.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;8. Handling Web Requests&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;server.on(&quot;/&quot;,
HTTP_GET, [](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send_P(200,
&quot;text/html&quot;, webpage);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;This serves the HTML page when a user visits the ESP32’s IP
address.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;9. Receiving Draw Commands&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;server.on(&quot;/draw&quot;,
HTTP_GET, [](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int x =
request-&amp;gt;getParam(&quot;x&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int y =
request-&amp;gt;getParam(&quot;y&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int state =
request-&amp;gt;getParam(&quot;state&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;framebuffer[y][x] = state ? 1 : 0;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send(200,
&quot;text/plain&quot;, &quot;OK&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;The ESP32 receives x, y coordinates and updates the
framebuffer accordingly.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;10. Clearing the Display&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;server.on(&quot;/clear&quot;,
HTTP_GET, [](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;memset(framebuffer, 0,
sizeof(framebuffer));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send(200,
&quot;text/plain&quot;, &quot;Cleared&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;This clears the
screen when the user clicks the &lt;b&gt;Clear&lt;/b&gt; button.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;11. Updating the OLED Display&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;void
updateDisplay() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;for (int y = 0; y &amp;lt; SCREEN_HEIGHT; y++)
{&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;for (int x = 0; x &amp;lt; SCREEN_WIDTH;
x++) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (framebuffer[y][x]) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.drawPixel(x, y,
SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;This function continuously refreshes the OLED to show the
latest drawings.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3&gt;12. Main Loop&lt;o:p&gt;&lt;/o:p&gt;&lt;/h3&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;void loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;static unsigned long lastUpdate = 0;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (millis() - lastUpdate &amp;gt; 30) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;lastUpdate = millis();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;updateDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 107%; margin-bottom: 8.0pt;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;The loop ensures the OLED display updates every 30ms.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;h2&gt;Code:&lt;o:p&gt;&lt;/o:p&gt;&lt;/h2&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#include
&amp;lt;WiFi.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#include
&amp;lt;ESPAsyncWebServer.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#include
&amp;lt;Adafruit_SSD1306.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#include
&amp;lt;Adafruit_GFX.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;// Wi-Fi
credentials&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;const char*
ssid = &quot;SSID&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;const char*
password = &quot;PASSWORD&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;// OLED
display settings&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#define
SCREEN_WIDTH 128&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#define
SCREEN_HEIGHT 64&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;#define
OLED_RESET -1 // Reset pin (-1 if sharing Arduino reset pin)&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;Adafruit_SSD1306
display(SCREEN_WIDTH, SCREEN_HEIGHT, &amp;amp;Wire, OLED_RESET);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;// Create an
AsyncWebServer object on port 80&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;AsyncWebServer
server(80);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;// Framebuffer
for the display&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;uint8_t
framebuffer[SCREEN_HEIGHT][SCREEN_WIDTH] = {0};&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;// HTML and
JavaScript for the drawing web page&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;const char
webpage[] PROGMEM = R&quot;rawliteral(&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;html
lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;meta name=&quot;viewport&quot;
content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;title&amp;gt;ESP32 OLED
Painter&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;style&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;body {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;font-family: &#39;Arial&#39;, sans-serif;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;background: linear-gradient(135deg,
#87CEEB, #4682B4);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;margin: 0;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display: flex;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;justify-content: center;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;align-items: center;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;height: 100vh;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;color: #fff;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;.container {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;text-align: center;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;padding: 20px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;background: rgba(255, 255, 255,
0.9);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;border-radius: 12px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;box-shadow: 0 10px 30px rgba(0, 0,
0, 0.2);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;color: #333;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;border: 1px solid #ddd;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;background-color: #fff;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;margin-top: 20px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;cursor: crosshair;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;image-rendering: pixelated;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;button {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;padding: 10px 20px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;font-size: 14px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;margin: 5px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;border: none;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;border-radius: 8px;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;cursor: pointer;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;background-color: #4CAF50;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;color: white;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;button:hover {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;background-color: #45a049;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/style&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;h2&amp;gt;ESP32 OLED Painter&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;setTool(&#39;pencil&#39;)&quot;&amp;gt;Pencil&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;setTool(&#39;eraser&#39;)&quot;&amp;gt;Eraser&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;button
onclick=&quot;clearCanvas()&quot;&amp;gt;Clear&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;canvas id=&quot;canvas&quot;
width=&quot;128&quot; height=&quot;64&quot; style=&quot;width: 512px; height:
256px;&quot;&amp;gt;&amp;lt;/canvas&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const canvas =
document.getElementById(&#39;canvas&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const ctx = canvas.getContext(&#39;2d&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;let isDrawing = false;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;let currentTool = &#39;pencil&#39;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function setTool(tool) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;currentTool = tool;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mousedown&#39;, ()
=&amp;gt; { isDrawing = true; ctx.beginPath(); });&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mouseup&#39;, ()
=&amp;gt; { isDrawing = false; });&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;canvas.addEventListener(&#39;mousemove&#39;,
draw);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function draw(e) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (!isDrawing) return;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const rect =
canvas.getBoundingClientRect();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const x = Math.floor((e.clientX -
rect.left) * (canvas.width / rect.width));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;const y = Math.floor((e.clientY -
rect.top) * (canvas.height / rect.height));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (currentTool === &#39;pencil&#39;) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.fillStyle = &#39;black&#39;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.fillRect(x, y, 1, 1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;sendPixelData(x, y, 1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;} else if (currentTool ===
&#39;eraser&#39;) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.clearRect(x, y, 1, 1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;sendPixelData(x, y, 0);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function sendPixelData(x, y, state) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;fetch(`/draw?x=${x}&amp;amp;y=${y}&amp;amp;state=${state}`);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;function clearCanvas() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;ctx.clearRect(0, 0, canvas.width,
canvas.height);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;fetch(&#39;/clear&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;)rawliteral&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;void setup() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Initialize Serial Monitor&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.begin(115200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Initialize SSD1306 display&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if (!display.begin(SSD1306_SWITCHCAPVCC,
0x3C)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;Serial.println(F(&quot;SSD1306 allocation
failed&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;for (;;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Connect to Wi-Fi&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;WiFi.begin(ssid, password);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;while (WiFi.status() != WL_CONNECTED) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;delay(1000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;Serial.println(&quot;Connecting to
WiFi...&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.println(&quot;Connected to
WiFi&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.println(WiFi.localIP());&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setTextSize(2); // Large font size&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setTextColor(SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Centered message calculations&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int16_t x1, y1;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;uint16_t width, height;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.getTextBounds(&quot;Welcome&quot;, 0,
0, &amp;amp;x1, &amp;amp;y1, &amp;amp;width, &amp;amp;height);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int16_t xPosWelcome = (SCREEN_WIDTH - width)
/ 2;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int16_t yPosWelcome = (SCREEN_HEIGHT -
height) / 2 - 10; // Slightly higher for second line&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setCursor(xPosWelcome, yPosWelcome);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.println(&quot;Welcome&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.getTextBounds(&quot;to Paint&quot;,
0, 0, &amp;amp;x1, &amp;amp;y1, &amp;amp;width, &amp;amp;height);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int16_t xPosToPaint = (SCREEN_WIDTH - width)
/ 2;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int16_t yPosToPaint = (SCREEN_HEIGHT -
height) / 2 + 10; // Slightly lower for second line&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setCursor(xPosToPaint, yPosToPaint);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.println(&quot;to Paint&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display(); // Update the display with
the welcome message&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;delay(3000); // Show message for 3 seconds&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Serve the drawing web page&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.on(&quot;/&quot;, HTTP_GET,
[](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send_P(200,
&quot;text/html&quot;, webpage);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Handle draw requests&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.on(&quot;/draw&quot;, HTTP_GET,
[](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (request-&amp;gt;hasParam(&quot;x&quot;)
&amp;amp;&amp;amp; request-&amp;gt;hasParam(&quot;y&quot;) &amp;amp;&amp;amp;
request-&amp;gt;hasParam(&quot;state&quot;)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int x =
request-&amp;gt;getParam(&quot;x&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int y =
request-&amp;gt;getParam(&quot;y&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int state =
request-&amp;gt;getParam(&quot;state&quot;)-&amp;gt;value().toInt();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (x &amp;gt;= 0 &amp;amp;&amp;amp; x &amp;lt;
SCREEN_WIDTH &amp;amp;&amp;amp; y &amp;gt;= 0 &amp;amp;&amp;amp; y &amp;lt; SCREEN_HEIGHT) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;framebuffer[y][x] = state ? 1 : 0;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send(200,
&quot;text/plain&quot;, &quot;OK&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Clear framebuffer&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.on(&quot;/clear&quot;, HTTP_GET,
[](AsyncWebServerRequest *request) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;memset(framebuffer, 0,
sizeof(framebuffer));&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;request-&amp;gt;send(200,
&quot;text/plain&quot;, &quot;Cleared&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;});&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Start server&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.begin();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;void
updateDisplay() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;for (int y = 0; y &amp;lt; SCREEN_HEIGHT; y++) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;for (int x = 0; x &amp;lt; SCREEN_WIDTH; x++) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;if (framebuffer[y][x]) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.drawPixel(x, y, SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;void loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;static unsigned long lastUpdate = 0;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if (millis() - lastUpdate &amp;gt; 30) { //
Update every 30ms&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;lastUpdate = millis();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;updateDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36.0pt;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;This project transforms the ESP32 into a &lt;b&gt;real-time OLED
drawing tool&lt;/b&gt; accessible from a web browser. It’s a great way to explore &lt;b&gt;web-based
microcontroller interaction&lt;/b&gt; and &lt;b&gt;IoT applications&lt;/b&gt;!&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;background-color: #cfe2f3; color: #3d85c6; font-family: Koulen; font-size: x-large;&quot;&gt;... Thank you ...&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/4271254406997136762/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2025/03/building-esp32-oled-painter-with-web.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4271254406997136762'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4271254406997136762'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2025/03/building-esp32-oled-painter-with-web.html' title='Building an ESP32 OLED Painter with a Web Interface'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/ivadGwEuSX8/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-1397959066034852026</id><published>2025-03-09T10:35:00.006+05:30</published><updated>2025-03-09T10:37:57.079+05:30</updated><title type='text'>ESP32 Web Server with OLED Display Using SPIFFS</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div style=&quot;background: rgb(45, 162, 191); border: 3pt solid rgb(45, 162, 191); mso-background-themecolor: accent1; mso-border-themecolor: accent1; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h1 style=&quot;background: rgb(45, 162, 191); mso-background-themecolor: accent1;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-bidi-language: AR-SA;&quot;&gt;ESP32 Web Server with OLED Display
Using SPIFFS&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h1&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Introduction&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;This
project uses an &lt;b&gt;ESP32&lt;/b&gt; to create a web server that allows users to send
text via a webpage. The received text is displayed on an &lt;b&gt;OLED screen
(SSD1306)&lt;/b&gt;. The project also utilizes &lt;b&gt;SPIFFS&lt;/b&gt; (SPI Flash File System)
to store the webpage.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;420&quot; src=&quot;https://www.youtube.com/embed/9E7VQ-R6KA4&quot; width=&quot;505&quot; youtube-src-id=&quot;9E7VQ-R6KA4&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Code&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;div style=&quot;border-bottom: solid windowtext 1.0pt; border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-element: para-border-div; padding: 0cm 0cm 1pt;&quot;&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;WiFi.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;WebServer.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;Adafruit_GFX.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;Adafruit_SSD1306.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &quot;SPIFFS.h&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;const char* ssid = &quot;SSID&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;const char* password = &quot;PASSWORD&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;WebServer server(80);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#define SCREEN_WIDTH 128&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#define SCREEN_HEIGHT 64&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &amp;amp;Wire, -1);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void setup() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.begin(115200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Initialize SPIFFS&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if (!SPIFFS.begin(true)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;Serial.println(&quot;SPIFFS
initialization failed!&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;return;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Initialize OLED display&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if
(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;Serial.println(F(&quot;SSD1306
allocation failed&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;while (true);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;delay(1000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Connect to WiFi&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;WiFi.begin(ssid, password);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;while (WiFi.status() !=
WL_CONNECTED) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;delay(1000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;Serial.println(&quot;Connecting to WiFi..&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.print(&quot;Connected to
WiFi. IP address: &quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.println(WiFi.localIP());;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Start web server&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.on(&quot;/&quot;,
HTTP_GET, handleRoot);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.on(&quot;/submit&quot;,
HTTP_POST, handleFormSubmit);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.begin();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.println(&quot;HTTP server
started&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;server.handleClient();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void handleRoot() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;File htmlFile =
SPIFFS.open(&quot;/index.html&quot;, &quot;r&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if (htmlFile) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;server.streamFile(htmlFile,
&quot;text/html&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;htmlFile.close();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;} else {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;server.send(404,
&quot;text/plain&quot;, &quot;File Not Found&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void handleFormSubmit() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if
(server.hasArg(&quot;user-text&quot;)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;String userText =
server.arg(&quot;user-text&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.setTextSize(2);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;display.setTextColor(SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.setCursor(0, 0);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.println(userText);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;server.send(200,
&quot;text/html&quot;, &quot;Text received and displayed on OLED&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;} else {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;server.send(400,
&quot;text/html&quot;, &quot;Bad Request&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin: 0cm; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;

&lt;hr align=&quot;center&quot; id=&quot;6tcya7&quot; size=&quot;2&quot; width=&quot;100%&quot; /&gt;

&lt;/span&gt;&lt;/div&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Working Principle&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The
process involves the following steps:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l2 level1 lfo2; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;1.&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;WiFi
Connection:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The ESP32 connects to a WiFi network using predefined credentials.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l2 level1 lfo2; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;2.&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Web
Server Setup:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; A
web server runs on &lt;b&gt;port 80&lt;/b&gt;, handling HTTP requests.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l2 level1 lfo2; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;3.&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Serving
Web Page:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The ESP32 serves an &lt;b&gt;HTML form&lt;/b&gt; stored in SPIFFS. Users access it by
entering the ESP32&#39;s IP address in a browser.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l2 level1 lfo2; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;4.&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;User
Input Handling:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
When a user submits text, the ESP32 receives it and displays it on the OLED
screen.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l2 level1 lfo2; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: &amp;quot;Book Antiqua&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-latin;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;5.&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Continuous
Operation:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The server continuously listens for new requests while updating the OLED
display.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Managing the &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 10pt; line-height: 115%; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;
File for ESP32 Web Server&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; id=&quot;p1d3my&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;The &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;index.html&lt;/span&gt;&lt;/strong&gt; file is stored in
the &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;SPIFFS (SPI Flash File System)&lt;/span&gt;&lt;/strong&gt;
of the ESP32. This file creates a simple web interface for users to send text
that gets displayed on the OLED screen.&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 id=&quot;l53rlaf&quot; style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Explanation of &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 10pt; line-height: 115%; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; id=&quot;3ng71tp&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;The HTML file consists of a &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;form&lt;/span&gt;&lt;/strong&gt; with a text input field
and a submit button:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); mso-border-left-alt: solid #2DA2BF .75pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .75pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 2pt 0cm 0cm 2pt;&quot;&gt;

&lt;h3 id=&quot;a5nsdtn&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;1. Page Title &amp;amp; Header:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;The title &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;&quot;ESP32 OLED Display&quot;&lt;/span&gt;&lt;/strong&gt;
appears on the browser tab.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;A header (&lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;&amp;lt;h2&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;) instructs users to
enter text.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); mso-border-left-alt: solid #2DA2BF .75pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .75pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 2pt 0cm 0cm 2pt;&quot;&gt;

&lt;h3 id=&quot;bffpe5d&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;2. Form Structure:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;The form has an &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;input field&lt;/span&gt;&lt;/strong&gt; where users type
the text.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;The &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;submit button&lt;/span&gt;&lt;/strong&gt; sends the text to
the ESP32.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;The form uses the &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;POST method&lt;/span&gt;&lt;/strong&gt; to send data to the
&lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;/submit&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;
route on the ESP32 web server.&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 id=&quot;7nmh5rk&quot; style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;How to Manage &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 10pt; line-height: 115%; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;
in SPIFFS&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); mso-border-left-alt: solid #2DA2BF .75pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .75pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 2pt 0cm 0cm 2pt;&quot;&gt;

&lt;h3 id=&quot;3pwvege&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Creating the File&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; id=&quot;hijdpge&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Write the HTML content in a file
named &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); mso-border-left-alt: solid #2DA2BF .75pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .75pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 2pt 0cm 0cm 2pt;&quot;&gt;

&lt;h3 id=&quot;8y2tid&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Uploading to SPIFFS&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;/div&gt;

&lt;p id=&quot;b5id7kk&quot;&gt;To store the file on the ESP32, follow these steps:&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;Install the &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;ESP32 SPIFFS Plugin&lt;/span&gt;&lt;/strong&gt; for Arduino
IDE.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;Place &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt; inside a &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;&quot;data&quot;&lt;/span&gt;&lt;/strong&gt; folder in your
Arduino project.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;Upload it to SPIFFS using the &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;SPIFFS uploader tool&lt;/span&gt;&lt;/strong&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); mso-border-left-alt: solid #2DA2BF .75pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .75pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 2pt 0cm 0cm 2pt;&quot;&gt;

&lt;h3 id=&quot;412ktreh&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Serving the File&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; id=&quot;vb2xti6&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;The ESP32 reads &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;index.html&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt; from SPIFFS and sends
it to the client when they visit &lt;/span&gt;&lt;code&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-theme-font: minor-fareast;&quot;&gt;/&lt;/span&gt;&lt;/code&gt;&lt;span lang=&quot;EN-US&quot;&gt;. If the file is missing, a &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;404 error&lt;/span&gt;&lt;/strong&gt; is
returned.&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 id=&quot;op1aww&quot; style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Why Use SPIFFS for HTML?&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;Keeps the &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;code clean&lt;/span&gt;&lt;/strong&gt; by separating the
web page from the Arduino sketch.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot;&gt;Allows easy &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;modification&lt;/span&gt;&lt;/strong&gt; of the webpage
without changing the firmware.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo3; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;Reduces
memory usage&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt;, as SPIFFS can store large HTML
files efficiently.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; id=&quot;awmvwk&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;By managing the webpage in
SPIFFS, you create a &lt;strong&gt;&lt;span style=&quot;font-family: &amp;quot;Book Antiqua&amp;quot;,&amp;quot;serif&amp;quot;; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;&quot;&gt;scalable and maintainable&lt;/span&gt;&lt;/strong&gt;
ESP32 web interface.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Key Components&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The
main components include:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;ESP32&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; for WiFi and web server
functionality.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;OLED
Display (SSD1306, I2C)&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
for visual output.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;SPIFFS&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; for storing the webpage.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Web
Interface&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
for user input.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(210, 237, 244); border: 3pt solid rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(210, 237, 244); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Application Ideas&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Consider
these application ideas:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;IoT
message boards.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Wireless
display systems.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l1 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Smart
home text displays.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;border-bottom: none; border-left: 1pt solid rgb(45, 162, 191); border-right: none; border-top: 1pt solid rgb(45, 162, 191); margin-left: 64.8pt; margin-right: 57.6pt; mso-border-left-alt: solid #2DA2BF .5pt; mso-border-left-themecolor: accent1; mso-border-top-alt: solid #2DA2BF .5pt; mso-border-top-themecolor: accent1; mso-element: para-border-div; padding: 10pt 0cm 0cm 10pt;&quot;&gt;

&lt;p class=&quot;MsoIntenseQuote&quot; style=&quot;margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 10.0pt; margin: 10pt 0cm 0cm;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;This project showcases how &lt;b&gt;ESP32&lt;/b&gt; can be used
for interactive IoT applications with &lt;b&gt;web-based control&lt;/b&gt; and &lt;b&gt;real-time
display&lt;/b&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span face=&quot;&amp;quot;Shruti&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; lang=&quot;EN-US&quot; style=&quot;color: #1fadcd; font-size: 36pt; line-height: 115%; mso-themecolor: background2; mso-themeshade: 128;&quot;&gt;… &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;Thank You&lt;/b&gt; …&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/1397959066034852026/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2025/03/esp32-web-server-with-oled-display.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/1397959066034852026'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/1397959066034852026'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2025/03/esp32-web-server-with-oled-display.html' title='ESP32 Web Server with OLED Display Using SPIFFS'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/9E7VQ-R6KA4/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-3287131093436001125</id><published>2024-12-29T14:58:00.002+05:30</published><updated>2024-12-29T14:59:37.038+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>How to Use the MPU6500 Sensor with Arduino</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 2;&quot;&gt;&lt;span style=&quot;font-family: Times New Roman, serif;&quot;&gt;&lt;span style=&quot;font-size: 24px;&quot;&gt;&lt;b&gt;ESP32 Accelerometer &amp;amp; Gyroscope&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-language: EN-IN;&quot;&gt;In the world of electronics and robotics, &lt;b&gt;sensors&lt;/b&gt;
play a crucial role in bridging the physical and digital realms. The &lt;b&gt;MPU6500&lt;/b&gt;
is a high-performance motion sensor that combines:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l4 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A &lt;b&gt;gyroscope&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l4 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;An &lt;b&gt;accelerometer&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l4 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A &lt;b&gt;temperature sensor&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-language: EN-IN;&quot;&gt;This versatile sensor is widely used in
applications like &lt;b&gt;motion tracking&lt;/b&gt;, &lt;b&gt;gesture recognition&lt;/b&gt;, and &lt;b&gt;orientation
detection&lt;/b&gt;. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-language: EN-IN;&quot;&gt;The project focuses on establishing
communication between the &lt;b&gt;Arduino&lt;/b&gt; and &lt;b&gt;MPU6500 sensor&lt;/b&gt; using the &lt;b&gt;I2C
protocol&lt;/b&gt;. Through this setup:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The sensor is &lt;b&gt;calibrated&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Its data is &lt;b&gt;processed&lt;/b&gt; to provide
meaningful insights&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Collected data is displayed in a &lt;b&gt;user-friendly
format&lt;/b&gt; via the Arduino Serial Monitor&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: center; text-indent: -18pt;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;333&quot; src=&quot;https://www.youtube.com/embed/EZk5nyKYTEs&quot; width=&quot;513&quot; youtube-src-id=&quot;EZk5nyKYTEs&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;margin-left: 54pt; mso-add-space: auto; mso-list: l2 level1 lfo5; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-language: EN-IN;&quot;&gt;The MPU6500 is a versatile sensor capable of
measuring &lt;b&gt;acceleration&lt;/b&gt;, &lt;b&gt;gyroscopic values&lt;/b&gt;, and &lt;b&gt;temperature&lt;/b&gt;.
We walk through an Arduino program that reads data from the MPU6500 and outputs
it to the Serial Monitor.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt; text-align: center;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-language: EN-IN;&quot;&gt;

&lt;hr align=&quot;center&quot; size=&quot;2&quot; width=&quot;100%&quot; /&gt;

&lt;/span&gt;&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Code:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include&amp;lt;MPU6500_WE.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include&amp;lt;Wire.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#define MPU6500_ADDR 0x68&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;MPU6500_WE myMPU6500 = MPU6500_WE(MPU6500_ADDR);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void setup() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// put your
setup code here, to run once:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.begin(115200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Wire.begin();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;if(!myMPU6500.init()){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;Serial.println(&quot;MPU6500 does not respond&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;else&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;Serial.println(&quot;MPU6500 is connected&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.println(&quot;Position
you MPU6500 flat and don&#39;t move it - Calibrationg...&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;delay(1000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.autoOffsets();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.println(&quot;Done&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.enableGyrDLPF();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.setGyrDLPF(MPU6500_DLPF_6);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.setSampleRateDivider(5);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;myMPU6500.setGyrRange(MPU6500_GYRO_RANGE_250);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.setAccRange(MPU6500_ACC_RANGE_2G);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.enableAccDLPF(true);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;myMPU6500.setAccDLPF(MPU6500_DLPF_6);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;delay(200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// put your
main code here, to run repeatedly:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;xyzFloat
gValue = myMPU6500.getGValues();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;xyzFloat gyr
= myMPU6500.getGyrValues();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;float temp =
myMPU6500.getTemperature();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;float
resultantG = myMPU6500.getResultantG(gValue);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.println();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Acceleration in g (x,y,z): &quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.print(&quot;X:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(gValue.x);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Y:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(gValue.y);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Z:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.println(gValue.z);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Gyroscope data in degrees: &quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;X:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(gyr.x);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Y:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(gyr.y);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Z:&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(gyr.z);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.println();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;Temperature in °C: &quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(temp);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.println();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;Serial.print(&quot;********************************************&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;delay(20);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-bottom: .5pt; margin-left: 36.0pt; margin-right: 0cm; margin-top: .5pt; margin: 0.5pt 0cm 0.5pt 36pt; mso-outline-level: 3;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13pt; mso-ansi-language: EN-IN; mso-bidi-font-weight: bold; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 2;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Code Explanation for MPU6500 Sensor&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Overview:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
This code approach to initializing, calibrating, configuring, and utilizing the
MPU6500 sensor for motion and environmental data.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;1. Library Inclusion:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The necessary libraries for MPU6500 communication and
I2C are included. These libraries simplify sensor setup and data retrieval.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;2. Sensor Initialization:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The sensor&#39;s I2C address is defined, and an object is
created to manage interactions with the MPU6500.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;3. Setup Functionality:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;ul type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Serial
     Communication&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The microcontroller
     establishes communication with the Serial Monitor to display sensor data.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;I2C
     Protocol&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: I2C communication
     between the microcontroller and the MPU6500 sensor is initiated.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l0 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Connection
     Check&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The sensor&#39;s
     connection is tested, and a status message is printed to indicate whether
     the MPU6500 is responding.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;4. Calibration:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The sensor is calibrated by automatically adjusting
offset values. This step ensures accurate accelerometer and gyroscope
measurements by accounting for any inherent biases.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;5. Sensor Configuration:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;ul type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Gyroscope&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The digital low-pass filter (DLPF) is enabled,
     and the sensitivity is set to ±250°/sec.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Accelerometer&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The range is configured to ±2g, and its DLPF is
     also enabled.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l1 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Sample
     Rate&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The sample rate for
     sensor data collection is defined.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;6. Data Reading in the Loop:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;ul type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l3 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Acceleration
     Values&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The accelerometer
     provides data on the forces acting along the x, y, and z axes.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l3 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Gyroscope
     Values&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The gyroscope
     measures angular velocity for the x, y, and z axes.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l3 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Temperature&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The sensor&#39;s internal temperature is read.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; style=&quot;mso-list: l3 level1 lfo4; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Resultant
     Acceleration&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;: The total
     acceleration considering all three axes is calculated.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;7. Data Display:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The data from the accelerometer, gyroscope, and temperature
sensor is formatted and printed to the Serial Monitor for real-time
visualization&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;8. Loop Delay:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A short delay is added between each iteration of the
loop to allow time for data processing and to stabilize readings.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;margin-left: 18pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3; text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #e36c0a; font-family: Consolas; font-size: 28pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-themecolor: accent6; mso-themeshade: 191;&quot;&gt;... Thank you ...&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/3287131093436001125/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/12/how-to-use-mpu6500-sensor-with-arduino.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/3287131093436001125'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/3287131093436001125'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/12/how-to-use-mpu6500-sensor-with-arduino.html' title='How to Use the MPU6500 Sensor with Arduino'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/EZk5nyKYTEs/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-808385823063904369</id><published>2024-12-07T19:53:00.000+05:30</published><updated>2024-12-07T19:53:34.765+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>ESP32 &amp; Gyroscope Arduino Serial Plotter</title><content type='html'>&lt;!-- Doc 2 is in language en-US. Optimizing Doc 2 for scanning, using lists and bold where appropriate, but keeping language en-US, and adding id attributes to every HTML element: --&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;h1&gt;&lt;br /&gt;&lt;/h1&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;In this project, we explore how to
interface with the MPU6500 motion sensor using an Arduino to capture real-time
gyroscope and accelerometer data. The MPU6500 is a versatile 6-axis sensor
capable of measuring angular velocity, linear acceleration, and temperature,
making it ideal for applications like robotics, drones, and motion tracking. By
leveraging the MPU6500_WE library, we simplify sensor configuration,
calibration, and data retrieval, enabling precise motion analysis with minimal
effort. This guide walks through the code setup and implementation, making it
easy to integrate the MPU6500 into your next Arduino project.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;470&quot; src=&quot;https://www.youtube.com/embed/Rh6-vd57i0A&quot; width=&quot;461&quot; youtube-src-id=&quot;Rh6-vd57i0A&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h2&gt;&lt;span lang=&quot;EN-US&quot;&gt;Code:&lt;/span&gt;&lt;/h2&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;&quot;&gt;----------------------------------------------------------------------------------------------------------------------------&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;#include&amp;lt;MPU6500_WE.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;#include&amp;lt;Wire.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;#define MPU6500_ADDR 0x68&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;MPU6500_WE myMPU6500 =
MPU6500_WE(MPU6500_ADDR);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;void setup() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; // put your setup code here, to run once:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.begin(115200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Wire.begin();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; if(!myMPU6500.init()){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Serial.println(&quot;MPU6500 does not
respond&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; }&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; else&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Serial.println(&quot;MPU6500 is
connected&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; }&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.println(&quot;Position you MPU6500
flat and don&#39;t move it - Calibrationg...&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; delay(1000);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.autoOffsets();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.println(&quot;Done&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.enableGyrDLPF();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.setGyrDLPF(MPU6500_DLPF_6);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.setSampleRateDivider(5);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;
myMPU6500.setGyrRange(MPU6500_GYRO_RANGE_250);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.setAccRange(MPU6500_ACC_RANGE_2G);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.enableAccDLPF(true);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; myMPU6500.setAccDLPF(MPU6500_DLPF_6);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; delay(200);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;void loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; // put your main code here, to run
repeatedly:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; xyzFloat gValue = myMPU6500.getGValues();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; xyzFloat gyr = myMPU6500.getGyrValues();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; float temp = myMPU6500.getTemperature();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; float resultantG =
myMPU6500.getResultantG(gValue);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;/*&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gValue.x);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gValue.y);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gValue.z);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;*/&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gyr.x);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gyr.y);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(&quot;,&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.print(gyr.z);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; Serial.println();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;&amp;nbsp; delay(10);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Consolas;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;

















































































































&lt;/p&gt;&lt;h2&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;&quot;&gt;-----------------------------------------------------------------------------------&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;

&lt;/p&gt;&lt;h2&gt;&lt;span lang=&quot;EN-US&quot;&gt;Brief Explanation of the MPU6500 Sensor Code&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;

&lt;p id=&quot;8s3d33k&quot;&gt;This code demonstrates how to interface with an &lt;strong&gt;&lt;span style=&quot;mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi;&quot;&gt;MPU6500&lt;/span&gt;&lt;/strong&gt;
sensor using the Arduino platform to read gyroscope and accelerometer data. The
MPU6500 is a motion-tracking device that measures acceleration, angular
velocity, and temperature. Here&#39;s a breakdown of the code:&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3 id=&quot;sdwkphyb&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Libraries and Setup&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;ol id=&quot;rg7j7tk&quot; start=&quot;1&quot; type=&quot;1&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;pc4ck86&quot; style=&quot;mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Libraries Included:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;ul type=&quot;circle&quot;&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;pc4ck86&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;`MPU6500_WE.h`: A library for easy interfacing with the
      MPU6500.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;bhnrpyb&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;`Wire.h`: Required for I2C communication.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;5zdj01&quot; style=&quot;mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;I2C Address and Object Creation:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;ul type=&quot;circle&quot;&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;n9vz31t&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;The I2C address of the MPU6500 is defined as `0x68`.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;302xgd&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;An object `myMPU6500` is created for managing the MPU6500.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;4to6a65&quot; style=&quot;mso-list: l1 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Setup Function:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;ul type=&quot;circle&quot;&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;z4xskj&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Initializes the I2C communication using `Wire.begin()` and
      starts the serial monitor.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;l2pyq6p&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Checks the connection to the MPU6500. If the sensor does not
      respond, an error message is printed; otherwise, it confirms the
      connection.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;vcpnmxh&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Calibrates the sensor to calculate offsets for accurate
      readings using `autoOffsets()`.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;li class=&quot;MsoNormal&quot; id=&quot;yt6usna&quot; style=&quot;mso-list: l1 level2 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 72.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Configures the gyroscope and accelerometer settings,
      including: &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;ul type=&quot;square&quot;&gt;
   &lt;li class=&quot;MsoNormal&quot; id=&quot;9rcp0jm&quot; style=&quot;mso-list: l1 level3 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 108.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Digital Low Pass Filters (DLPF).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;li class=&quot;MsoNormal&quot; id=&quot;c6yecrg&quot; style=&quot;mso-list: l1 level3 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 108.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Sampling rate and ranges for gyroscope and accelerometer.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
   &lt;li class=&quot;MsoNormal&quot; id=&quot;ui56b4&quot; style=&quot;mso-list: l1 level3 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 108.0pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Enables additional filtering for stable data.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
 &lt;/ul&gt;
&lt;/ol&gt;

&lt;h3 id=&quot;4nmfb7n&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Main Loop&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;p id=&quot;bhpq7p&quot;&gt;The loop continuously retrieves:&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;ul id=&quot;bhpq7p&quot; type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;i5cyqvk&quot; style=&quot;mso-list: l2 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Gyroscope Data&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt;: Angular velocities (`gyr.x`, `gyr.y`, `gyr.z`) in degrees per
     second.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;5dcuhcl&quot; style=&quot;mso-list: l2 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Accelerometer Data&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt;: Gravity vector components (`gValue.x`, `gValue.y`,
     `gValue.z`) in g-force (commented out in the provided code).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;q4x9q4l&quot; style=&quot;mso-list: l2 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Temperature&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt;: The onboard temperature sensor value (not displayed in the
     output).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;j645xws&quot; style=&quot;mso-list: l2 level1 lfo2; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Resultant Acceleration&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt;: The magnitude of the acceleration vector (not displayed in
     the output).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p id=&quot;vwwvw68&quot;&gt;The gyroscope data is printed to the serial monitor for real-time
monitoring.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;h3 id=&quot;uxt0zrm&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Key Features&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;ul id=&quot;uxt0zrm&quot; type=&quot;disc&quot;&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;85m6z2&quot; style=&quot;mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Calibration:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; The sensor is calibrated by placing it flat and still,
     allowing accurate readings.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;ugxtl5h&quot; style=&quot;mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Filtering:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; Digital filters reduce noise in gyroscope and accelerometer
     readings, enhancing data reliability.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
 &lt;li class=&quot;MsoNormal&quot; id=&quot;s9dvlcc&quot; style=&quot;mso-list: l0 level1 lfo3; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt;&quot;&gt;&lt;strong&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-latin;&quot;&gt;Sampling Control:&lt;/span&gt;&lt;/strong&gt;&lt;span lang=&quot;EN-US&quot;&gt; The sampling rate is adjusted using a divider for efficient
     data collection.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;x2h2mx&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Potential Applications&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;p id=&quot;k7djjh&quot;&gt;This code can be used in &lt;strong&gt;&lt;span style=&quot;mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi;&quot;&gt;robotics&lt;/span&gt;&lt;/strong&gt;, &lt;strong&gt;&lt;span style=&quot;mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi;&quot;&gt;drones&lt;/span&gt;&lt;/strong&gt;,
&lt;strong&gt;&lt;span style=&quot;mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-theme-font: major-bidi;&quot;&gt;gaming controllers&lt;/span&gt;&lt;/strong&gt;, or any motion-tracking
applications to measure angular velocity and acceleration.&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;

&lt;p id=&quot;6jvjn9n&quot;&gt;This project is a great starting point for experimenting with the
MPU6500 sensor and building motion-sensitive systems!&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #31849b; font-family: &amp;quot;Arial Rounded MT Bold&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 48.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt; mso-themecolor: accent5; mso-themeshade: 191;&quot;&gt;… Thank you …&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/808385823063904369/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/12/esp32-gyroscope-arduino-serial-plotter.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/808385823063904369'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/808385823063904369'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/12/esp32-gyroscope-arduino-serial-plotter.html' title='ESP32 &amp; Gyroscope Arduino Serial Plotter'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/Rh6-vd57i0A/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-2422438733572575349</id><published>2024-11-10T17:16:00.003+05:30</published><updated>2024-11-10T17:16:34.529+05:30</updated><title type='text'>System Booting OLED Display Code</title><content type='html'>&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&amp;nbsp;System Booting OLED Display&lt;/span&gt;&lt;/h4&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-justify: inter-ideograph;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;In this project, we’re
creating a simple, animated boot screen using an OLED display and an Arduino.
If you&#39;ve ever been curious about how those sleek loading screens work or
wanted to add a bit of visual flair to your projects.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-justify: inter-ideograph;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;We’ll be displaying a few
custom icons, like a network symbol and battery indicator, alongside a dynamic
progress bar that gradually fills up to show &quot;System Booting.&quot; Using
the U8g2 library, which makes OLED display integration straightforward, this
code uses I2C communication to render icons, display text, and animate a
progress bar, giving your Arduino project a polishedstartup screen.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-justify: inter-ideograph;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: center; text-justify: inter-ideograph;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;349&quot; src=&quot;https://www.youtube.com/embed/Owt-2KemcA4&quot; width=&quot;485&quot; youtube-src-id=&quot;Owt-2KemcA4&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 20pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Code:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 20pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;-----------------------------------------------------------------------&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;Arduino.h&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;U8g2lib.h&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;#include &amp;lt;Wire.h&amp;gt; // Required for I2C
communication&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;// Initialize the OLED display with SSD1306 128x64
resolution over I2C&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;U8G2_SSD1306_128X64_NONAME_F_HW_I2C u8g2(U8G2_R0, /*
reset=*/ U8X8_PIN_NONE);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;// Icon bitmaps for various statuses&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;static const unsigned char image_Lock_7x8_bits[]
U8X8_PROGMEM = {0x1c, 0x22, 0x22, 0x7f, 0x7f, 0x77, 0x7f, 0x3e};&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;static const unsigned char
image_Bluetooth_Idle_5x8_bits[] U8X8_PROGMEM = {0x04, 0x0d, 0x16, 0x0c, 0x0c,
0x16, 0x0d, 0x04};&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;static const unsigned char image_network_3_bars_bits[]
U8X8_PROGMEM = {0x00, 0x70, 0x00, 0x50, 0x00, 0x50, 0x00, 0x50, 0x00, 0x57, 0x00,
0x57, 0x00, 0x57, 0x00, 0x57, 0x70, 0x57, 0x70, 0x57, 0x70, 0x57, 0x70, 0x57,
0x77, 0x57, 0x77, 0x57, 0x77, 0x77, 0x00, 0x00};&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;static const unsigned char image_battery_80_bits[]
U8X8_PROGMEM = {0xfe, 0xff, 0x0f, 0x01, 0x00, 0x10, 0x55, 0x55, 0x11, 0x55,
0x55, 0x71, 0x55, 0x55, 0x81, 0x55, 0x55, 0x81, 0x55, 0x55, 0x81, 0x55, 0x55,
0x81, 0x55, 0x55, 0x71, 0x55, 0x55, 0x11, 0x01, 0x00, 0x10, 0xfe, 0xff, 0x0f};&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;static const unsigned char image_wifi_50_bits[]
U8X8_PROGMEM = {0x80, 0x0f, 0x00, 0x60, 0x30, 0x00, 0x18, 0xc0, 0x00, 0x84,
0x0f, 0x01, 0x62, 0x30, 0x02, 0x11, 0x40, 0x04, 0x0a, 0x87, 0x02, 0xc4, 0x1f,
0x01, 0xe8, 0xb8, 0x00, 0x70, 0x77, 0x00, 0xa0, 0x2f, 0x00, 0xc0, 0x1d, 0x00,
0x80, 0x0a, 0x00, 0x00, 0x07, 0x00, 0x00, 0x02, 0x00, 0x00, 0x00, 0x00};&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;int progress = 0; // Progress bar position (0 - 72 for
full bar)&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;char buffer[32];&amp;nbsp;&amp;nbsp;// Buffer to store the
formatted percentage&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void setup() {&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.begin(); // Initialize the OLED
display&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;void loop() {&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.clearBuffer(); // Clear the display
buffer for a new frame&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Draw outer frame for the main display
area&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawFrame(1, 15, 126, 48);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Draw status icons (network, battery,
WiFi) at the top of the screen&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawXBMP(2, 1, 15, 16, image_network_3_bars_bits);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawXBMP(103, 1, 24, 13,
image_battery_80_bits);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawXBMP(82, 1, 19, 16,
image_wifi_50_bits);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Draw and fill the progress bar&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawFrame(25, 47, 76,
10);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// Progress bar outline&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawBox(27, 49, progress,
6);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// Progress fill based on &#39;progress&#39; variable&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Display text labels&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.setFont(u8g2_font_5x8_tr);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawStr(28, 45, &quot;System
Booting&quot;);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.setFont(u8g2_font_6x13_tr);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawStr(42, 29, &quot;Welcome&quot;);&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Calculate and display the progress
percentage&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;int percentage = (progress * 100) / 72; //
Calculate percentage of the bar&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;sprintf(buffer, &quot;%d%%&quot;,
percentage);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// Convert to string&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.drawStr(104, 55,
buffer);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;// Display
formatted percentage&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Send buffer to the display to render it&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;u8g2.sendBuffer();&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;// Increment the progress bar and reset if
it exceeds the limit&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;progress += 1;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;if (progress &amp;gt; 72) {&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;progress = 0;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;}&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;delay(50); // Update rate for animation&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Lucida Console&amp;quot;; font-size: 12pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 20pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;-----------------------------------------------------------------------&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 20pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 20pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Code Breakdown&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Setup and Libraries&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Libraries&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The code includes the&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;U8g2lib&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;library for working
with OLED displays, specifically the SSD1306 OLED.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;It also includes&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Wire.h&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;for I2C communication
with the Arduino.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;2.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;OLED Display Initialization&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;U8G2_SSD1306_128X64_NONAME_F_HW_I2C&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;line initializes the OLED display object
for a 128x64 resolution screen.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;U8G2_R0&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;specifies the
rotation, and&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;U8X8_PIN_NONE&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;means no hardware reset pin is used.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Icon Definitions&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;3.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Icon Bitmaps&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Several icons (like lock, Bluetooth, network,
battery, and Wi-Fi) are stored as bitmaps.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;For example,&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;image_Lock_7x8_bits&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;is
a small icon that will show a lock symbol.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Variables&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;4.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Progress Variable&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;progress&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;is used to track the
width of the progress bar.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;5.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Buffer for Text&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;buffer&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;is a character array
used to format the progress percentage into a string before displaying it.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Courier New&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;setup()&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;Function&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;6.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Initialize Display&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;setup()&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;function calls&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;u8g2.begin()&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;to initialize the
OLED display.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Courier New&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;loop()&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style=&quot;color: #1f497d; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 18pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;Function&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;7.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Clearing the Display Buffer&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;u8g2.clearBuffer()&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;clears the display’s
buffer, preparing it for new content.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;8.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Drawing the Frame and Icons&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A large frame is drawn on the display as the
main area.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Icons for network, battery, and Wi-Fi are drawn
at the top of the screen using&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;drawXBMP&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;9.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Progress Bar and Labels&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The progress bar’s outline is drawn with&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;drawFrame&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A filled section of the progress bar is drawn
based on the&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;progress&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;variable with&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;drawBox&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The label “System Booting” is displayed just
above the progress bar, while “Welcome” is displayed in the center of the main
display area.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;10.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Calculating and Displaying Progress Percentage&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;percentage&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;calculates how full
the progress bar is as a percentage.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The percentage is then converted to a string
format (e.g., &quot;50%&quot;) and displayed in the bottom right corner.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 36pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;11.&lt;/span&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Render and Update&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;color: #1d1b11; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;sendBuffer()&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;sends the contents of
the buffer to the display for rendering.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;progress&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;variable is incremented to animate the bar
filling up, and it resets back to 0 once it reaches 72 (full bar).&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 90pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;color: black; font-family: Symbol; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;·&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 7pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Courier New&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;delay(50)&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;slows down the loop
to make the animation smooth.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-left: 21.3pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-justify: inter-ideograph;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 14pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;This code sets up a small
boot screen with icons, a progress bar, and a loading message. It continuously
increments and displays the progress bar percentage, looping back to the start
when the bar fills up.&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 13.5pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #4bacc6; font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 28pt; line-height: 115%; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-themecolor: accent5;&quot;&gt;… Thank you …&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/2422438733572575349/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/system-booting-oled-display-code.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2422438733572575349'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2422438733572575349'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/system-booting-oled-display-code.html' title='System Booting OLED Display Code'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/Owt-2KemcA4/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-9198690703171218603</id><published>2024-11-09T16:48:00.001+05:30</published><updated>2024-11-09T16:48:47.806+05:30</updated><title type='text'>Sine Wave on OLED Display Code</title><content type='html'>&lt;div style=&quot;background: rgb(79, 129, 189); border: 3pt solid rgb(79, 129, 189); mso-background-themecolor: accent1; mso-border-themecolor: accent1; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h1 style=&quot;background: rgb(79, 129, 189); mso-background-themecolor: accent1;&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Sine Wave on OLED Display&lt;/span&gt;&lt;/h1&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;This code generates an animated sine wave
on an OLED display, with the wave frequency controlled by an analog input.
Using an Adafruit SSD1306 OLED display, the program first sets up the display
and serial communication for debugging. The `loop()` function calculates the
sine wave&#39;s position on the display, adjusting the frequency based on an analog
reading from pin `A0`, which can be controlled by a potentiometer. &lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Each frame, the display is cleared, and the
sine wave is redrawn pixel-by-pixel across the screen width. The program also
prints the current frequency in Hertz at the top of the display. By adjusting
the phase with each loop iteration, the wave appears to move, giving a dynamic
visual representation of the sine wave, with the speed of animation adjusting
automatically to the chosen frequency.&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;332&quot; src=&quot;https://www.youtube.com/embed/319vgvrgj9I&quot; width=&quot;448&quot; youtube-src-id=&quot;319vgvrgj9I&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2&gt;&lt;span lang=&quot;EN-US&quot;&gt;Code:&lt;/span&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;-----------------------------------------------------------------------------------------------------------------------------&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#include
&amp;lt;Wire.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#include
&amp;lt;Adafruit_GFX.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#include
&amp;lt;Adafruit_SSD1306.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#include
&amp;lt;math.h&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#define
SCREEN_WIDTH 128 // OLED display width, in pixels&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#define
SCREEN_HEIGHT 64 // OLED display height, in pixels&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;#define
OLED_RESET -1&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;Adafruit_SSD1306
display(SCREEN_WIDTH, SCREEN_HEIGHT, &amp;amp;Wire, OLED_RESET);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;float
phase = 0.0;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Initial phase for
the sine wave&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;float
frequency = 0;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Frequency (Hz)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;int
amplitude = 20;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Amplitude of
the sine wave&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;int
centerY = SCREEN_HEIGHT / 2; // Center of the screen&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;void
setup() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;Serial.begin(9600);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if(!display.begin(SSD1306_SWITCHCAPVCC,
0x3C)) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;Serial.println(F(&quot;SSD1306 allocation
failed&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;for(;;); // Don&#39;t proceed, loop forever&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;void
loop() {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.clearDisplay();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Calculate phase increment to achieve 100ms
width for any frequency&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;int freq = analogRead(A0);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;frequency = (float)freq * (50 - 15) / 1023 +
15;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;float phaseIncrement = (2 * PI * frequency) /
(SCREEN_WIDTH * 10); // Scales to 100ms&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Draw the moving sine wave&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;for (int x = 0; x &amp;lt; SCREEN_WIDTH; x++) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;int y = centerY + int(amplitude * sin(phase
+ x * phaseIncrement));&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;display.drawPixel(x, y, SSD1306_WHITE);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Display the frequency at the top&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setTextSize(1);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Set text size to normal&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setTextColor(SSD1306_WHITE); // Set
text colour to white&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.setCursor(0, 0);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Set cursor to the top left&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.print(&quot;Sine wave: &quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.print(frequency);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Print the frequency value&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.print(&quot; Hz&quot;);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;// Print &quot; Hz&quot; after the
frequency&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Update the phase to animate the wave&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;phase += phaseIncrement;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Show the wave on the display&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;display.display();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;// Adjust delay based on frequency to control
the wave animation speed&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;//delay(10);&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;// Consistent animation speed for any frequency&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;line-height: 150%; margin-left: 36pt; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;&quot;&gt;&lt;span face=&quot;&amp;quot;Lucida Sans&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: black; font-size: 11pt; line-height: 150%; mso-ansi-language: EN-IN; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-hansi-theme-font: major-latin;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;-----------------------------------------------------------------------------------------------------------------------------&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;This
code creates a real-time animated sine wave on an OLED display (128x64 pixels)
using an Arduino, with the frequency of the sine wave controlled by an analog
input.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Libraries and Setup&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Libraries:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; The code uses the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Wire&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; library for I2C
communication, &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Adafruit_GFX&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; for graphics functions, and &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Adafruit_SSD1306&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; for controlling the OLED
display.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Screen
Configuration:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The OLED display’s width and height are defined as 128x64 pixels, and the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;OLED_RESET&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; is set to &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;-1&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;, as the reset pin is not
used in this setup.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Display
Initialization:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; In
the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;setup()&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; function, the display is
initialized using &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;display.begin()&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;. If initialization fails, the program halts by
entering an infinite loop.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Main Loop and Wave
Drawing&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Frequency
Control:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The frequency of the sine wave is determined by reading the value from the
analog pin &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;A0&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
(which could be connected to a potentiometer). This value is scaled to a range
between 15 Hz and 50 Hz using a formula based on the analog input.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Phase
Increment Calculation:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The phase increment is calculated for each pixel along the horizontal axis to
ensure that the wave moves smoothly. This increment depends on the screen width
and the chosen frequency.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Wave
Drawing:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; A
loop iterates through each horizontal pixel (from &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;x =
0&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; to &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;x =
127&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;) to calculate the
sine wave’s vertical position. For each pixel, the sine function is used to
compute the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;y&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
value based on the current phase and frequency. The vertical position is
adjusted by the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;centerY&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; to ensure the wave is centered on the screen.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Frequency Display&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Displaying
Frequency:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The current frequency is printed at the top of the display using &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;display.print()&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;, which provides real-time
feedback on the sine wave&#39;s frequency in Hertz.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Animation&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Phase
Update:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
After drawing the wave, the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;phase&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; variable is updated by the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;phaseIncrement&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; to animate the wave. This
creates the effect of the wave moving across the screen over time.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Display
Update:&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;
The &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;display.display()&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; function updates the OLED
display with the newly drawn wave and frequency information.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div style=&quot;background: rgb(219, 229, 241); border: 3pt solid rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51; mso-border-themecolor: accent1; mso-border-themetint: 51; mso-element: para-border-div; padding: 0cm;&quot;&gt;

&lt;h2 style=&quot;background: rgb(219, 229, 241); mso-background-themecolor: accent1; mso-background-themetint: 51;&quot;&gt;&lt;b&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Animation Speed&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;

&lt;/div&gt;

&lt;p class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-ansi-language: EN-IN; mso-bidi-font-family: Symbol; mso-bidi-language: AR-SA; mso-fareast-font-family: Symbol; mso-fareast-language: EN-IN;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;The
animation speed is implicitly controlled by the &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;phase&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; and &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;frequency&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;. The &lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Courier New&amp;quot;; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;delay(10)&lt;/span&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt; line, which is commented
out, can be used to add a small delay between frames, but since the phase
update handles the animation speed, this delay is not necessary for smooth
rendering.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN;&quot;&gt;Above
code continuously redraws a sine wave on an OLED screen, updating the frequency
based on an analog input. The sine wave animates across the screen, with the
frequency and wave movement adjusting in real time.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span face=&quot;&amp;quot;Shruti&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; lang=&quot;EN-US&quot; style=&quot;color: #e36c0a; font-size: 36pt; line-height: 115%; mso-themecolor: accent6; mso-themeshade: 191;&quot;&gt;… Thank you …&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/9198690703171218603/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/sine-wave-on-oled-display-code.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/9198690703171218603'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/9198690703171218603'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/sine-wave-on-oled-display-code.html' title='Sine Wave on OLED Display Code'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/319vgvrgj9I/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-5329292846243476097</id><published>2024-11-05T18:52:00.002+05:30</published><updated>2024-11-05T18:56:58.930+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>How to use ESP32 as Web Server Code</title><content type='html'>&lt;h1 style=&quot;overflow-wrap: break-word; text-align: justify;&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;ESP32 as Web Server&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;A web server is a system that hosts websites or web applications and delivers web pages to users&#39; browsers upon request. It can be hardware (a physical server machine) or software (a program that responds to web requests). When someone types a website&#39;s URL or clicks a link, their browser sends an HTTP (Hypertext Transfer Protocol) request to the web server. The web server then processes this request, retrieves the requested files (like HTML, CSS, JavaScript, or images), and sends them back to the browser for display.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;In the context of embedded systems, such as an ESP32 microcontroller, a web server is a small program that allows the device to serve web pages or control interfaces over a local network. By connecting the ESP32 to Wi-Fi and programming it to act as a server, users can interact with the device via a web browser, enabling remote monitoring or control through a web-based interface. This is common in IoT (Internet of Things) projects, where sensors, home automation devices, or other smart devices are controlled and monitored over a network.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;502&quot; src=&quot;https://www.youtube.com/embed/Kyk6al7spJg&quot; width=&quot;331&quot; youtube-src-id=&quot;Kyk6al7spJg&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;overflow-wrap: break-word; text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium; white-space: pre-wrap;&quot;&gt;Code is for setting up a simple web server on an ESP32 module, allowing users to access a webpage hosted on the device. When powered on, the ESP32 connects to a Wi-Fi network using the specified SSID and password. Once connected, it creates a web server on port 80 and serves a static HTML page featuring a &quot;Hello, World!&quot; message and a styled &quot;Subscribe&quot; button linking to a YouTube channel. The page includes CSS animations for background gradients and text effects. This example demonstrates basic web server functionality, HTML content delivery, and CSS animations for ESP32 applications.&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Code:&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;--------------------------------------------------------------------------------------------------------&lt;/span&gt;&lt;/div&gt;&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;&quot;&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;#include &amp;lt;WiFi.h&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;#include &amp;lt;WebServer.h&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;// Replace with your network credentials&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;const char* ssid = &quot;Your_SSID&quot;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;const char* password = &quot;&lt;/span&gt;Your_Password&quot;;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;// Set up the web server on port 80&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;WebServer server(80);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;const char webpage[] PROGMEM = R&quot;rawliteral(&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;title&amp;gt;Hello World&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;a href=&quot;https://www.youtube.com/@chapter_b&quot; class=&quot;subscribe-btn&quot; target=&quot;_blank&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  	Subscribe&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  .subscribe-btn {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    padding: 10px 20px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    background-color: #FF0000;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    color: #fff;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    font-size: 18px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    font-weight: bold;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    text-transform: uppercase;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    border-radius: 30px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    text-decoration: none;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    transition: 0.3s;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  .subscribe-btn:hover {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    background-color: #cc0000;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;style&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    * {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      margin: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      padding: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      box-sizing: border-box;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      font-family: Arial, sans-serif;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    &lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    body {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      display: flex;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      align-items: center;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      justify-content: center;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      height: 100vh;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      background: linear-gradient(135deg, #ff6b6b, #f9c3ff, #6b8cff);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      background-size: 400% 400%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      animation: gradient 15s ease infinite;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    &lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    h1 {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      font-size: 4rem;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      color: #fff;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      text-transform: uppercase;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      text-align: center;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      position: relative;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      overflow: hidden;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      animation: fadeIn 3s ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    h1::before {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      content: &quot;Hello, World!&quot;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      position: absolute;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      top: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      left: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      right: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      bottom: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      color: #fff;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      clip-path: polygon(0 0, 100% 0, 100% 15%, 0 15%);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      animation: wave 3s infinite ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    h1::after {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      content: &quot;Hello, World!&quot;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      position: absolute;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      top: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      left: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      right: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      bottom: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      color: #000;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      clip-path: polygon(0 85%, 100% 85%, 100% 100%, 0 100%);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      animation: wave 3s infinite ease-in-out;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      animation-delay: 1.5s;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    @keyframes gradient {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      0% { background-position: 0% 50%; }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      50% { background-position: 100% 50%; }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      100% { background-position: 0% 50%; }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    @keyframes fadeIn {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      from { opacity: 0; transform: translateY(-30px); }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      to { opacity: 1; transform: translateY(0); }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    @keyframes wave {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      0%, 100% { clip-path: polygon(0 0, 100% 0, 100% 15%, 0 15%); }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;      50% { clip-path: polygon(0 85%, 100% 85%, 100% 100%, 0 100%); }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  &amp;lt;h1&amp;gt;Hello, World!&amp;lt;/h1&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;)rawliteral&quot;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;void handleRoot() {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  server.send(200, &quot;text/html&quot;, webpage);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;void setup() {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.begin(115200);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  // Connect to Wi-Fi&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  WiFi.begin(ssid, password);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.print(&quot;Connecting to Wi-Fi&quot;);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  while (WiFi.status() != WL_CONNECTED) {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    delay(500);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;    Serial.print(&quot;.&quot;);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  }&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  // Print local IP address&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.println();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.print(&quot;Connected to Wi-Fi. IP address: &quot;);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.println(WiFi.localIP());&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  // Route for the root page&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  server.on(&quot;/&quot;, handleRoot);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  // Start the server&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  server.begin();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  Serial.println(&quot;Web server started!&quot;);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;void loop() {&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  // Handle client requests&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;  server.handleClient();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;&quot;&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;--------------------------------------------------------------------------------------------------------&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;overflow-wrap: break-word; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;overflow-wrap: break-word; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;This program sets up a simple web server on an ESP32 microcontroller that displays a styled &quot;Hello, World!&quot; webpage when accessed. The ESP32 connects to a specified Wi-Fi network using credentials provided in the `ssid` and `password` variables. Once connected, it starts a web server on port 80 and listens for client requests. When a user accesses the ESP32&#39;s IP address, it serves an HTML page with animated text and a &quot;Subscribe&quot; button that links to a YouTube channel. The `handleClient()` function in the `loop` continuously listens for and processes requests, while `handleRoot()` sends the HTML content to the client.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; text-align: left;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;overflow-wrap: break-word; text-align: center;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;color: #6fa8dc; font-size: x-large;&quot;&gt;....... Thank You .......&lt;span&gt;&lt;!--more--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/5329292846243476097/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/how-to-use-esp32-as-web-server-code.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5329292846243476097'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5329292846243476097'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/11/how-to-use-esp32-as-web-server-code.html' title='How to use ESP32 as Web Server Code'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/Kyk6al7spJg/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-2979234114745371863</id><published>2024-07-14T20:19:00.001+05:30</published><updated>2024-07-14T20:28:27.967+05:30</updated><title type='text'>4-bit Counter in Verilog</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;&quot;&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;In this blog post, we&#39;ll delve into a basic
&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;Verilog&lt;/b&gt; module that implements a &lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;4-bit counter&lt;/b&gt;. This counter increments
its value on each clock cycle, and it can be reset to zero. Below, we&#39;ll walk
through the code step-by-step to understand how it works.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeDkJpuof2VKqmEf71fj1TClIHh20rWi1Xl1d2LNxPdApz5NW2iM5Awl5SlYImebg81tpKY8DRveFqNHUVIJbA25ZVX2FlsyZP3MCtSCXX6CGrE3AtHUP3mFO3BdhAM4eqyil2qwhB5BCuVB4z4MN-mXHB1XQQ89Ol1Pc_aI_EbZIjVCHWBWHNM_B1Bi0/s414/Code.JPG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;377&quot; data-original-width=&quot;414&quot; height=&quot;280&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeDkJpuof2VKqmEf71fj1TClIHh20rWi1Xl1d2LNxPdApz5NW2iM5Awl5SlYImebg81tpKY8DRveFqNHUVIJbA25ZVX2FlsyZP3MCtSCXX6CGrE3AtHUP3mFO3BdhAM4eqyil2qwhB5BCuVB4z4MN-mXHB1XQQ89Ol1Pc_aI_EbZIjVCHWBWHNM_B1Bi0/w400-h280/Code.JPG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/blockquote&gt;



&lt;br /&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;

&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;&quot;&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;The Code&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;--------------------------------------&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;module counter(&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;input clk,&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;input reset,&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;output reg[3:0] out&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;);&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;always @(posedge clk) begin&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp; &lt;/span&gt;if
(!reset)&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;out &amp;lt;= 0;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;
&lt;/span&gt;else&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;out &amp;lt;= out + 1;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;end&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;endmodule&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;---------------------------------------&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;

































&lt;p class=&quot;MsoNormal&quot;&gt;&lt;/p&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;module counter&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This line declares a
new module named `counter`.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;input clk&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This is the clock
signal input. The counter will increment on each rising edge of this clock
signal.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;input reset&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This is the reset
signal input. When this signal is low (0), the counter will reset its value to
0.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;output reg[3:0] out&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This is a 4-bit wide
output register. The `reg` keyword indicates that this is a register that will
hold the counter&#39;s value.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;always @(posedge clk)&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This line specifies
that the following block of code should be executed on the rising edge
(positive edge) of the `clk` signal.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;if (!reset)&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This condition
checks if the `reset` signal is low (0). If `reset` is low, the counter is
reset.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;out &amp;lt;= 0&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: When the reset
signal is low, the counter&#39;s value (`out`) is set to 0.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;else&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: If the `reset`
signal is not low (i.e., it is high or 1), the counter increments.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;out &amp;lt;= out + 1&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 13.5pt;&quot;&gt;: This increments the
counter&#39;s value by 1 on each clock cycle.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;































&lt;/p&gt;&lt;blockquote style=&quot;border: none; margin: 0 0 0 40px; padding: 0px;&quot;&gt;&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Waveform:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-align: left; text-indent: -18pt;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRypsmIoyisU7cCcZUi9epOHP_eeZJHr0WMPJwCiBJZE1mjjg1-dn1f-xiDTfn7CiwScf5mcvKjur2i5mvZL4g0lt8qxw9tystQw_2ct5ilf5mT4JaZ_60tuVtC7hWDfgBhmXHt5kcIe4-xvopO-QvTqXcWh6PE52p9zz-aCn4QGMNZZsKNzi6zDK57cI/s901/Wave%20form.JPG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;440&quot; data-original-width=&quot;901&quot; height=&quot;312&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRypsmIoyisU7cCcZUi9epOHP_eeZJHr0WMPJwCiBJZE1mjjg1-dn1f-xiDTfn7CiwScf5mcvKjur2i5mvZL4g0lt8qxw9tystQw_2ct5ilf5mT4JaZ_60tuVtC7hWDfgBhmXHt5kcIe4-xvopO-QvTqXcWh6PE52p9zz-aCn4QGMNZZsKNzi6zDK57cI/w640-h312/Wave%20form.JPG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;&lt;b&gt;&lt;br /&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;

&lt;blockquote style=&quot;border: none; margin: 0 0 0 40px; padding: 0px;&quot;&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;How It Works&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span lang=&quot;EN-US&quot;&gt;Clock Signal: The counter updates its
value on the rising edge of the clock signal (`clk`).&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span lang=&quot;EN-US&quot;&gt;Reset Signal: When the reset signal
(`reset`) is low, the counter is set to 0.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span lang=&quot;EN-US&quot;&gt;Counter Increment: When the reset signal
is high, the counter increments its value by 1 on each clock cycle.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span lang=&quot;EN-US&quot;&gt;4-bit Output: The output (`out`) is a
4-bit register, which means it can represent values from 0 to 15 (in binary:
0000 to 1111).&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;







&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;br /&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;blockquote style=&quot;border: none; margin: 0 0 0 40px; padding: 0px;&quot;&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #31849b; font-size: 18pt; mso-bidi-font-size: 12.0pt; mso-themecolor: accent5; mso-themeshade: 191;&quot;&gt;&lt;b&gt;Thank you…&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/2979234114745371863/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2024/07/4-bit-counter-in-verilog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2979234114745371863'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2979234114745371863'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2024/07/4-bit-counter-in-verilog.html' title='4-bit Counter in Verilog'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeDkJpuof2VKqmEf71fj1TClIHh20rWi1Xl1d2LNxPdApz5NW2iM5Awl5SlYImebg81tpKY8DRveFqNHUVIJbA25ZVX2FlsyZP3MCtSCXX6CGrE3AtHUP3mFO3BdhAM4eqyil2qwhB5BCuVB4z4MN-mXHB1XQQ89Ol1Pc_aI_EbZIjVCHWBWHNM_B1Bi0/s72-w400-h280-c/Code.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-969463370165505168</id><published>2023-05-02T09:08:00.000+05:30</published><updated>2023-05-02T09:08:48.611+05:30</updated><title type='text'>Quantum Computing</title><content type='html'>&lt;p&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 16pt;&quot;&gt;Quantum computing is a field that has
been in development for several decades and promises to revolutionize the way
we solve complex problems. Quantum computers operate on the principles of
quantum mechanics, which allows for information to be stored in quantum bits or
qubits, which can take on an infinite number of states between 0 and 1. This
means that quantum computers can perform certain calculations much faster than
classical computers.&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;One of the most well-known quantum
algorithms is Shor&#39;s algorithm, which can factor large numbers much faster than
any classical algorithm. This has significant implications for cryptography, as
many cryptographic protocols rely on the difficulty of factoring large numbers.
If a quantum computer were to be built that could run Shor&#39;s algorithm, it
could potentially break many of these protocols.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;However, building a practical quantum
computer is not an easy task. One of the biggest challenges is dealing with the
problem of decoherence. In a quantum computer, the qubits are very fragile and
can easily be disturbed by the environment. This can cause the quantum state to
collapse and the calculation to fail.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;To overcome this challenge,
researchers are developing new techniques for error correction and
fault-tolerance. These techniques involve encoding the information in the
qubits in such a way that errors can be detected and corrected. They also
involve developing new hardware designs that are less susceptible to
environmental noise.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;, &amp;quot;serif&amp;quot;; font-size: 16pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyG3aoi2VWMj-RMroECOtUCsmXJhv_RVZn_yVAOlAHcXASMc2Yc9RIHP8LgMCLcoRTlml12Aq9kmiEtrR6LHCy4BC_riqBTF8c8vmuEPFBb94JHv-7SgDzV2ImbZ9BhXusG24qzFmPRr4bHUqZovVo3zlE6-TooVMxB7-84F4_wUn2z9gSk-w9Wap/s650/Fast_Facts_v3_104422-AM-1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;636&quot; data-original-width=&quot;650&quot; height=&quot;393&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyG3aoi2VWMj-RMroECOtUCsmXJhv_RVZn_yVAOlAHcXASMc2Yc9RIHP8LgMCLcoRTlml12Aq9kmiEtrR6LHCy4BC_riqBTF8c8vmuEPFBb94JHv-7SgDzV2ImbZ9BhXusG24qzFmPRr4bHUqZovVo3zlE6-TooVMxB7-84F4_wUn2z9gSk-w9Wap/w401-h393/Fast_Facts_v3_104422-AM-1.png&quot; width=&quot;401&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;There are several approaches to building
a quantum computer, but one of the most promising is the use of superconducting
qubits. Superconducting qubits are made from superconducting materials, which
have zero electrical resistance at low temperatures. This allows for the qubits
to maintain their quantum state for a longer period of time, reducing the
effects of decoherence.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;Another approach is the use of trapped
ions. Trapped ions are ions that are held in place by electromagnetic fields.
They can be manipulated using lasers to perform quantum operations. Trapped
ions have been shown to be very robust and can maintain their quantum state for
long periods of time, making them a promising candidate for building quantum
computers.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;In addition to the hardware
challenges, there are also software challenges in developing quantum
algorithms. Unlike classical algorithms, quantum algorithms are often
probabilistic, meaning that they can produce different results each time they
are run. This can make it difficult to determine whether the output is correct
or not.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;To address this challenge, researchers
are developing new techniques for verifying the correctness of quantum
computations. One such technique is known as quantum verification, which
involves running the same computation multiple times and comparing the results.
If the results are consistent, it is likely that the computation is correct.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;Despite the challenges, there has been
significant progress in building practical quantum computers in recent years.
In 2019, Google announced that it had achieved quantum supremacy, meaning that
it had performed a calculation that would have taken a classical computer
thousands of years to solve in just a few minutes. This achievement has sparked
renewed interest and investment in the field of quantum computing.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Bookman Old Style&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 16.0pt; mso-bidi-font-size: 10.0pt;&quot;&gt;Quantum computing is an
exotic technology that has the potential to revolutionize many fields of
science and engineering. While there are still many challenges that need to be
overcome before we can build practical quantum computers, the progress that has
been made in recent years is very promising. As researchers continue to develop
new hardware and software techniques, it is likely that quantum computing will
become an increasingly important tool for solving complex problems in the years
to come.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/969463370165505168/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2023/05/quantum-computing.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/969463370165505168'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/969463370165505168'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2023/05/quantum-computing.html' title='Quantum Computing'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyG3aoi2VWMj-RMroECOtUCsmXJhv_RVZn_yVAOlAHcXASMc2Yc9RIHP8LgMCLcoRTlml12Aq9kmiEtrR6LHCy4BC_riqBTF8c8vmuEPFBb94JHv-7SgDzV2ImbZ9BhXusG24qzFmPRr4bHUqZovVo3zlE6-TooVMxB7-84F4_wUn2z9gSk-w9Wap/s72-w401-h393-c/Fast_Facts_v3_104422-AM-1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-5195130018678135959</id><published>2023-04-16T21:11:00.003+05:30</published><updated>2023-04-16T21:16:45.467+05:30</updated><title type='text'>The Transformational Power of Technology</title><content type='html'>&lt;p&gt;&lt;w:sdt contentlocked=&quot;t&quot; id=&quot;89512093&quot; sdtgroup=&quot;t&quot;&gt;&lt;span face=&quot;&amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;font-size: 1pt; mso-ansi-language: EN-IN; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;&quot;&gt;&lt;w:sdtpr&gt;&lt;/w:sdtpr&gt;&lt;w:sdt docpart=&quot;6969C81CCCF4421DBBC9D2759659B977&quot; id=&quot;89512082&quot; showingplchdr=&quot;t&quot; storeitemid=&quot;X_B116FD72-DE73-48C8-957E-097FECF61315&quot; text=&quot;t&quot; title=&quot;Post Title&quot; xpath=&quot;/ns0:BlogPostInfo/ns0:PostTitle&quot;&gt;&lt;/w:sdt&gt;&lt;/span&gt;
  &lt;/w:sdt&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span face=&quot;Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji&quot;&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;Welcome to this article! We hope you enjoy the information and insights it provides.&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;


&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;Technology
is one of the fastest-growing industries in the world today. With advancements
in technology, we have seen an incredible transformation in the way we live,
work, and interact with each other. The exponential growth of technology is
changing the world, and it&#39;s hard to imagine a future without it.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium; margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;916&quot; data-original-width=&quot;860&quot; height=&quot;370&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QC0uSO4cAESE9w7aAse5FTY3wt5JauIE0_pcu__52OBrvPcEBzGoh3d2Zt6Z7UvATpoZ-4xtj4qqIKlf0MX9WqBxO_HLU-mCubitK0-ENjorzY7Q5N-3o3FfjNvcfFSdAUTqXCFf3_Q1upFPTm_aDwq9dMvlZ-d8U70ynWOOl3VY-jTRuxbiYEwV/w347-h370/6-64408_free-technology-icon-png-355687-building-automation-systems.png&quot; width=&quot;347&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/p&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;One
of the most significant impacts of technology is how it is connecting people
from all corners of the world. With the rise of social media, video
conferencing platforms, and online collaboration tools, we can communicate and
work with people from different time zones and locations. The internet has made
it possible for us to access information from anywhere, at any time. The ease
with which we can share knowledge and connect with others has revolutionized
the way we live and work.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;The
healthcare industry has also seen significant advancements in technology.
Today, wearable devices, mobile applications, and remote monitoring systems are
being used to help people take control of their health. These technological
advancements are allowing people to monitor their health in real-time, which
can be life-saving in certain situations. Doctors and researchers are also
using technology to develop new treatments, discover new drugs, and improve the
overall quality of care.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;The
education industry has also been revolutionized by technology. With online
learning platforms and digital tools, students can learn at their own pace and
in their own time. This has made education more accessible, affordable, and
flexible. Additionally, teachers and educators can use technology to provide
personalized learning experiences to students, tailoring their curriculum to
individual student&#39;s needs and interests.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;Another
exciting area where technology is making significant strides is in
transportation. Self-driving cars are already on our roads, and the technology
is advancing rapidly. These cars are expected to reduce accidents and
congestion, which could revolutionize the way we travel.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Nunito Sans; font-size: medium;&quot;&gt;Despite
these incredible advancements, technology also brings its own set of challenges.
The rise of the internet has led to increased cyber security threats and
privacy concerns. Social media platforms have also been criticized for
spreading fake news and misinformation, causing public unrest and political
turmoil.&lt;/span&gt;&lt;span face=&quot;Arial Rounded MT Bold, sans-serif&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span style=&quot;color: red; font-family: &amp;quot;Baby Doll&amp;quot;;&quot;&gt;Thank you for taking
the time to read this article&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&amp;nbsp;&lt;span style=&quot;color: red; font-family: Baby Doll;&quot;&gt;&lt;span style=&quot;font-size: 18.72px;&quot;&gt;&lt;i&gt;😃😄😁...&lt;/i&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/5195130018678135959/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/the-transformational-power-of-technology.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5195130018678135959'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5195130018678135959'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/the-transformational-power-of-technology.html' title='The Transformational Power of Technology'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QC0uSO4cAESE9w7aAse5FTY3wt5JauIE0_pcu__52OBrvPcEBzGoh3d2Zt6Z7UvATpoZ-4xtj4qqIKlf0MX9WqBxO_HLU-mCubitK0-ENjorzY7Q5N-3o3FfjNvcfFSdAUTqXCFf3_Q1upFPTm_aDwq9dMvlZ-d8U70ynWOOl3VY-jTRuxbiYEwV/s72-w347-h370-c/6-64408_free-technology-icon-png-355687-building-automation-systems.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-715565416532723280</id><published>2023-04-15T11:20:00.004+05:30</published><updated>2023-04-15T12:15:05.331+05:30</updated><title type='text'>Story - Unknown Island Wisdom</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;Once upon a time, there was a small island in the
middle of the Pacific Ocean that nobody knew existed. The island was home to a
tribe of people who had lived there for generations, completely isolated from
the rest of the world.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlglWO7pOYJLO6SdqvcobCnGa9ja-ThSVtL3ru10Hv2rY5X8ygPrpxbVUhrJvHoAe6a2uOImaGbWjrdRNNt4el9XRxJp-C9UwW6hi437zftVvXdSl76GqGyW9GTlkPUmKtdTAdSNNL05jpL1gSvxQNPnR2dK-85M2yT-7Aj5MNEDNzo4kjP9sAU0HY/s1200/maej881x.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;824&quot; data-original-width=&quot;1200&quot; height=&quot;220&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlglWO7pOYJLO6SdqvcobCnGa9ja-ThSVtL3ru10Hv2rY5X8ygPrpxbVUhrJvHoAe6a2uOImaGbWjrdRNNt4el9XRxJp-C9UwW6hi437zftVvXdSl76GqGyW9GTlkPUmKtdTAdSNNL05jpL1gSvxQNPnR2dK-85M2yT-7Aj5MNEDNzo4kjP9sAU0HY/s320/maej881x.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;The tribe had their own language, customs, and
traditions, and they had never come into contact with anyone from the outside
world. They were completely self-sufficient, living off the land and the sea,
and had no knowledge of technology or modern civilization.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;One day, a group of explorers stumbled upon the
island by accident. They were sailing through the Pacific when a storm blew
them off course, and they ended up washing up on the shores of the unknown
island.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;At first, the tribe was terrified of the strangers
and viewed them as a threat to their way of life. But over time, the explorers
were able to earn the trust of the tribe and began to learn their language and
culture.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #ffa400; font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;As the explorers spent more time on the island,
they began to realize that the tribe possessed a wealth of knowledge and wisdom
that had been lost in modern civilization. The tribe had developed a deep
understanding of the natural world and had developed unique techniques for
hunting, fishing, and farming that allowed them to thrive in their isolated
environment.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;The explorers were amazed by the tribe&#39;s knowledge
and wanted to share it with the rest of the world. But the tribe was hesitant
to reveal their secrets, fearing that it would lead to exploitation and
destruction of their way of life.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;In the end, the explorers respected the tribe&#39;s
wishes and decided to keep the location of the island a secret, choosing to
protect the tribe&#39;s unique way of life and preserve their knowledge for future
generations.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Baby Doll&amp;quot;; font-size: 14pt;&quot;&gt;&lt;span&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;And so, the small island in the middle of the
Pacific Ocean remained a hidden gem, unknown to the rest of the world but
cherished by those who had the privilege of experiencing its beauty and wisdom.&lt;/span&gt;&lt;span style=&quot;color: #365f91; font-weight: bold;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span face=&quot;&amp;quot;Arial Rounded MT Bold&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: #365f91; font-size: 16pt; mso-bidi-font-size: 14.0pt; mso-themecolor: accent1; mso-themeshade: 191;&quot;&gt;Thank you for taking the time to read this.&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;b style=&quot;mso-bidi-font-weight: normal;&quot;&gt;&lt;i style=&quot;mso-bidi-font-style: normal;&quot;&gt;&lt;span face=&quot;&amp;quot;Arial Rounded MT Bold&amp;quot;,&amp;quot;sans-serif&amp;quot;&quot; style=&quot;color: #365f91; font-size: 16pt; mso-bidi-font-size: 14.0pt; mso-themecolor: accent1; mso-themeshade: 191;&quot;&gt;&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;b&gt;&lt;i&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Rounded MT Bold&amp;quot;, &amp;quot;sans-serif&amp;quot;; font-size: 16pt;&quot;&gt;I would
love to hear your thoughts on the story. Did it resonate with you?&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/715565416532723280/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/story-unknown-island-wisdo.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/715565416532723280'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/715565416532723280'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/story-unknown-island-wisdo.html' title='Story - Unknown Island Wisdom'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlglWO7pOYJLO6SdqvcobCnGa9ja-ThSVtL3ru10Hv2rY5X8ygPrpxbVUhrJvHoAe6a2uOImaGbWjrdRNNt4el9XRxJp-C9UwW6hi437zftVvXdSl76GqGyW9GTlkPUmKtdTAdSNNL05jpL1gSvxQNPnR2dK-85M2yT-7Aj5MNEDNzo4kjP9sAU0HY/s72-c/maej881x.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-7994949524954480858</id><published>2023-04-15T10:53:00.000+05:30</published><updated>2023-04-15T10:53:06.103+05:30</updated><title type='text'>Python Programming</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;Python Programming: Everything You Need to Know&lt;/h2&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Python is a high-level, interpreted, and object-oriented programming language that has gained immense popularity among developers of all levels. It is a versatile language that is easy to read, write, and maintain. Guido van Rossum, a Dutch programmer, created it in the late 1980s and released it in 1991.&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVdJyqV7-t5RIaKJ1VVdXraWpgoZJnmBUZn-Yuo9cvJ8z_qdDDkgiOUOPfftTNNslDtw2AEv2xa3WfK-xvtmMXMReCKC7asaMrH6Y2OOBcabk1LTwLNSjAZHtnPoa025g5b0VJsaLVCJX7hTZC88lCtjQ0HO2Iq7iT-3PT_MUh-Rw1WL_yGOGwD9e_/s514/Python-programming-logo-on-transparent-background-PNG.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;512&quot; data-original-width=&quot;514&quot; height=&quot;319&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVdJyqV7-t5RIaKJ1VVdXraWpgoZJnmBUZn-Yuo9cvJ8z_qdDDkgiOUOPfftTNNslDtw2AEv2xa3WfK-xvtmMXMReCKC7asaMrH6Y2OOBcabk1LTwLNSjAZHtnPoa025g5b0VJsaLVCJX7hTZC88lCtjQ0HO2Iq7iT-3PT_MUh-Rw1WL_yGOGwD9e_/s320/Python-programming-logo-on-transparent-background-PNG.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;Since then, Python has become one of the most widely used programming languages in the world, and it has been adopted by developers from various fields due to its versatility, ease of use, and efficiency. In this article, we will explore the ins and outs of Python programming, including its applications, strengths, fun facts, and importance.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Where is Python Programming Used?&lt;/h2&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Python is used in various industries and applications, ranging from scientific computing to web development, data analysis, artificial intelligence, and machine learning. Here are some examples of Python&#39;s applications:&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;b&gt;Web Development:&lt;/b&gt; Python is widely used for building dynamic web applications and websites, thanks to its frameworks like Flask, Django, Pyramid, and CherryPy. These frameworks make it easy to build web applications that are both scalable and easy to maintain.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Data Science:&lt;/b&gt; Python has become the go-to language for data scientists, thanks to its libraries like NumPy, Pandas, Matplotlib, Scikit-learn, and TensorFlow, which make it easy to manipulate, analyze, and visualize data. These libraries provide a wide range of tools for data manipulation, analysis, and visualization, making Python a powerful tool for data science.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Artificial Intelligence and Machine Learning:&lt;/b&gt; Python is widely used in building machine learning models and developing AI applications, thanks to its libraries like TensorFlow, Keras, PyTorch, and Scikit-learn. These libraries provide a wide range of tools for building and training machine learning models, making Python a popular choice for building intelligent systems.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Scientific Computing:&lt;/b&gt; Python is used in scientific computing, thanks to its libraries like SciPy, Numpy, and SymPy, which make it easy to perform scientific computations, simulations, and visualizations. These libraries provide a wide range of tools for scientific computing, making Python a popular choice for researchers and scientists.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Game Development:&lt;/b&gt; Python is used in game development, thanks to its libraries like Pygame, which make it easy to build games. These libraries provide a wide range of tools for building games, making Python a popular choice for game developers.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Why Use Python Programming?&lt;/h2&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;Python has several strengths that make it a popular choice among developers. Here are some of them:&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;ul style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;b&gt;Easy to Learn:&lt;/b&gt; Python has a straightforward syntax that makes it easy to learn and understand, even for beginners. Python code is often more readable than code written in other languages, making it easier to debug and maintain.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Portable:&lt;/b&gt; Python code can be run on various platforms, including Windows, Linux, and Mac OS. This makes it easy to develop applications that can be run on different operating systems.&lt;/li&gt;&lt;li&gt;&lt;b&gt;High-Level:&lt;/b&gt; Python is a high-level language, which means it is closer to human language than machine language. This makes it easier to write and read code. Python code is often more concise than code written in other languages, making it easier to write and maintain.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Versatile:&lt;/b&gt; Python is a versatile language that can be used for various applications, ranging from web development to machine learning. Python is also a popular choice for scripting and automation, thanks to its simplicity and versatility.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Large Community: &lt;/b&gt;Python has a large and active community of developers who contribute to open-source projects and provide support to fellow developers. This makes it easy to find help and resources when working with Python.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Fun Facts about Python Programming&lt;/h2&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Python was named after Monty Python&#39;s Flying Circus, a British sketch comedy group. Guido&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #65656a; font-family: Rubik, Arial, sans-serif; font-size: x-large; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;Hope you&amp;nbsp;&lt;span style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; color: #cc0000; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;liked it&lt;/span&gt;.....😃😃😃.......???&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #65656a; font-family: Rubik, Arial, sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; margin: 0px 0px 25px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; margin: 0px 0px 25px; outline: 0px; padding: 0px; text-align: center; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; margin: 0px 0px 25px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;/p&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; color: var(--title-color); font-family: var(--title-font); font-size: 23px; line-height: 1.3em; margin: 0px 0px 20px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; font-size: x-large; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased; background: 0px 0px; border: 0px; box-sizing: border-box; color: #cc0000; font-family: &amp;quot;Roboto Slab&amp;quot;; margin: 0px; outline: 0px; padding: 0px; text-rendering: optimizelegibility; vertical-align: baseline;&quot;&gt;Comment please&amp;nbsp;&amp;nbsp;😇😇😇&amp;nbsp;&amp;nbsp;&lt;/span&gt;.....&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/7994949524954480858/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/python-programming.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7994949524954480858'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7994949524954480858'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2023/04/python-programming.html' title='Python Programming'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVdJyqV7-t5RIaKJ1VVdXraWpgoZJnmBUZn-Yuo9cvJ8z_qdDDkgiOUOPfftTNNslDtw2AEv2xa3WfK-xvtmMXMReCKC7asaMrH6Y2OOBcabk1LTwLNSjAZHtnPoa025g5b0VJsaLVCJX7hTZC88lCtjQ0HO2Iq7iT-3PT_MUh-Rw1WL_yGOGwD9e_/s72-c/Python-programming-logo-on-transparent-background-PNG.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-2994339100448358687</id><published>2023-01-17T12:23:00.002+05:30</published><updated>2023-01-17T12:25:52.605+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'> LED Blink</title><content type='html'>&lt;h1 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: large; text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h1 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: large; text-align: justify;&quot;&gt;In this blog, we will see how to make LED to blink continuously using an Arduino nano development board.&amp;nbsp;&lt;/span&gt;&lt;/h1&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: medium; text-align: center;&quot;&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;b&gt;Components required:&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;font-family: inherit;&quot;&gt;&lt;/p&gt;&lt;ul style=&quot;font-family: inherit;&quot;&gt;&lt;li style=&quot;text-align: left;&quot;&gt;Breadboard&lt;/li&gt;&lt;/ul&gt;&lt;ul style=&quot;font-family: inherit;&quot;&gt;&lt;li style=&quot;text-align: left;&quot;&gt;Arduino nano&lt;/li&gt;&lt;/ul&gt;&lt;ul style=&quot;font-family: inherit;&quot;&gt;&lt;li style=&quot;text-align: left;&quot;&gt;LED&lt;/li&gt;&lt;/ul&gt;&lt;ul style=&quot;font-family: inherit;&quot;&gt;&lt;li style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Jumpers Wires&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-family: inherit; text-align: left;&quot;&gt;First, we have to make a program to upload in the Arduino nano board to make operation on the LED.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-size: medium; text-align: center;&quot;&gt;&lt;p style=&quot;font-family: inherit;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-family: inherit; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;351&quot; src=&quot;https://www.youtube.com/embed/1RNYb45i9h8&quot; width=&quot;422&quot; youtube-src-id=&quot;1RNYb45i9h8&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p style=&quot;font-family: inherit;&quot;&gt;&lt;/p&gt;&lt;h4 style=&quot;font-family: inherit; text-align: justify;&quot;&gt;Here we have the LED blink &lt;b&gt;program&lt;/b&gt;:&lt;/h4&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;void setup(){&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;pinMode(2,  OUTPUT);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;void loop(){&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;digitalWrite(2, HIGH);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;delay(1000);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;digitalWrite(2, LOW);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;delay(1000);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-family: inherit; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;font-family: inherit;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;According to the program we can see there are two parts of programs:&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;1. &lt;b&gt;void setup():&lt;/b&gt; The void setup() is the first function to be executed in the sketch and it is executed only once. It usually contains statements that set the pin modes on the Arduino to OUTPUT and INPUT, for example: pinMode (12, OUTPUT); pinMode(11, INPUT); Or to start the serial monitor example: serial.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;2. &lt;b&gt;void loop():&lt;/b&gt; The void loop() is a function that executes indefinitely until you power off the Arduino.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;So in the void setup() function, we have defined the Arduino PIN 2 as OUTPUT using the pinMode() function.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;In the void loop() function there is an actual program that is going to make operations on the output LED. First, we have written digitalWrite(2, HIGH) which means that the PIN 2 is at a HIGH level(HIGH potential voltage level) which makes the LED glow. After this, we apply a delay of 1000 milliseconds which is equivalent to 1 second, the delay of 1 second will hold the LED to glow up-to 1 second. Then we have subsequent line digitalWrite(2, LOW) which means that the PIN is at the digital logic low level(LOW potential voltage level) due to low potential at Arduino nano PIN number 2 the LED will be turned off. And again we have applied the delay of 1 second to hold the LED in the off condition for 1 second. And after this, the whole void loop() program will be executed again and again until you power off the Arduino.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;Functions that are used in the program:&lt;/h4&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;1. &lt;b&gt;digitalWrite():&lt;/b&gt; The digitalWrite() function is used to Write a HIGH or a LOW value to a digital pin. If the pin has been configured as an OUTPUT with pinMode(), its voltage will be set to the corresponding value: 5V (or 3.3V on 3.3V boards) for HIGH, 0V (ground) for LOW.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;2. &lt;b&gt;delay():&lt;/b&gt; The delay() function allows you to pause the execution of your Arduino program for a specified period. For that purpose, the method requires you to supply it with a whole number that specifies how many milliseconds the program should wait.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;3. &lt;b&gt;pinMode():&lt;/b&gt; The pinMode() function is used to configure a specific pin to behave either as an input or an output. It is possible to enable the internal pull-up resistors with the mode INPUT_PULLUP.&lt;/p&gt;&lt;p style=&quot;font-family: inherit; text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;Thank you for visiting.&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;&lt;b&gt;Follow&lt;/b&gt;&lt;/span&gt; &lt;b&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;this blog using your&lt;/span&gt;&lt;/b&gt; &lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;b&gt;Email.&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/2994339100448358687/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2023/01/led-blinking.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2994339100448358687'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2994339100448358687'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2023/01/led-blinking.html' title=' LED Blink'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/1RNYb45i9h8/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-7535525616971915137</id><published>2022-05-15T14:53:00.007+05:30</published><updated>2023-01-16T13:27:51.144+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Circuits"/><title type='text'>RC Phase shift oscillator using Op-Amp</title><content type='html'>&lt;p style=&quot;height: 0px;&quot;&gt;&lt;/p&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;span&gt;&lt;b&gt;RC
Phase shift oscillator using Op-Amp&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;Welcome
again.&lt;/span&gt; This time we have a new topic name- [ RC Phase shift oscillator using
Op-Amp ]&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;So let us know more about this topic. This is an
oscillator; by hearing the oscillator&#39;s word, it sounds like something about
oscillations. For proper understanding, we should go with its definition&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #274e13;&quot;&gt;[&lt;/span&gt;&lt;span style=&quot;color: #073763;&quot;&gt;An
oscillator is an electronic or mechanical device that produces regular
oscillations in the form of electrical or mechanical energy.&lt;/span&gt; &lt;span style=&quot;color: #274e13;&quot;&gt;]&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #274e13; font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;According to the above simple definition, oscillation
can be electrical and mechanical. Therefore, we are going to see electrical
oscillation or oscillator.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;Now we know what an oscillator is.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;We will just study one of its specific types of RC phase
shift oscillator, in this topic.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;Why it is called RC phase shift?&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;It is called RC phase shift because it uses a network
of resistors(R) and capacitors(C) in their circuit, performing significant roll
phase shifting. In this circuit, we are using an RC network to provide a phase
shift; this is called an RC phase shift.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;And we are also using Op-Amp for the oscillator
circuit.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;RC Network:&lt;/span&gt;&lt;/h3&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;In the RC network, we use three stages of RC; each RC
network is designed to introduce a phase shift of 60º precisely at the desired
frequency of oscillations.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Thus the total phase shift introduced by the
three-stage RC network is 180º. The RC network is sometimes called the loader
network. It produces a phase shift of 180º precisely only at a particular
frequency which is the operation of the oscillator.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvP77SmqVfQtjerdT-wuUY3WA5b9LpbOMncEVSXdlLZkAGsWDaamOcNCMBOlHxYG_uVt9zwy6VwOues41hYpZrY0gNh49dPL2jFcBiiBseSGap_fXokjT3nBbnbWtu4UaG8ErbpsnmEDi3H83THtfd-r-e-u3RcWcbFKi2WJrcj7JpOGtMANruCKW/s613/Capture.JPG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;295&quot; data-original-width=&quot;613&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvP77SmqVfQtjerdT-wuUY3WA5b9LpbOMncEVSXdlLZkAGsWDaamOcNCMBOlHxYG_uVt9zwy6VwOues41hYpZrY0gNh49dPL2jFcBiiBseSGap_fXokjT3nBbnbWtu4UaG8ErbpsnmEDi3H83THtfd-r-e-u3RcWcbFKi2WJrcj7JpOGtMANruCKW/w666-h320/Capture.JPG&quot; width=&quot;666&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Operational amplifier(Op - Amp)&lt;/span&gt;&lt;/h4&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;An operational amplifier (op-amp) is an analog circuit
block that takes a differential voltage input and produces a single-ended
voltage output.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3RQgNngqzOqn3z-urLWzmoRiMGM9xEEe1jGSaKLsq63cWOgKmaHZ4QgD6ADPkojF6gtAdgZPVqpyntDUCEmSkUP4qp1o9BPgufwABzAcDbRqLvh8Ir-r6icL0zcGxWlwvMIvaXGnNUG1rMP93PA1qBd5wKnkCB9vuD0zRkXAQCV39pJAkWopDDbm/s414/OpAmp-Symbol.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;414&quot; data-original-width=&quot;394&quot; height=&quot;357&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS3RQgNngqzOqn3z-urLWzmoRiMGM9xEEe1jGSaKLsq63cWOgKmaHZ4QgD6ADPkojF6gtAdgZPVqpyntDUCEmSkUP4qp1o9BPgufwABzAcDbRqLvh8Ir-r6icL0zcGxWlwvMIvaXGnNUG1rMP93PA1qBd5wKnkCB9vuD0zRkXAQCV39pJAkWopDDbm/w360-h357/OpAmp-Symbol.webp&quot; width=&quot;360&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&amp;nbsp;The op-amp is used as an inverting amplifier; therefore, it
introduces a phase shift of 180º between input and output.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;Circuit Diagram&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGU_OFF9mHUCM0X3WaRdcn1u-JnvUfHIPCjwB2o0ZGRciIorXRJKa_kuUTpQTz8RcDD7QsBxSwX596TpH_bmLBuvCLBdnm4d8iq_VfbWAzEz8YeZvcO7xuwJD8sD9cRFlQPnD9QQJk79E-_iGUn-gi1I1ae69n1JUZIeBhQ8lgZeXQPdpY6OvHjpJ/s545/RC%20Phase%20Shift%20Oscillator%20Using%20Op%20Amp.JPG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;497&quot; data-original-width=&quot;545&quot; height=&quot;553&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBGU_OFF9mHUCM0X3WaRdcn1u-JnvUfHIPCjwB2o0ZGRciIorXRJKa_kuUTpQTz8RcDD7QsBxSwX596TpH_bmLBuvCLBdnm4d8iq_VfbWAzEz8YeZvcO7xuwJD8sD9cRFlQPnD9QQJk79E-_iGUn-gi1I1ae69n1JUZIeBhQ8lgZeXQPdpY6OvHjpJ/w606-h553/RC%20Phase%20Shift%20Oscillator%20Using%20Op%20Amp.JPG&quot; width=&quot;606&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;This circuit diagram is designed through &lt;a href=&quot;https://easyeda.com/&quot; target=&quot;_blank&quot;&gt;EasyEDA&lt;/a&gt;
online editor.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Simulation&lt;/span&gt;&lt;/h4&gt;&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;iframe height=&quot;600&quot; src=&quot;https://www.multisim.com/content/945YUe8VdggWKKZJBg4iQg/rc-phase-shift-oscillator-using-op-amp/open&quot; width=&quot;800&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;Here is a&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;simulation of the&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;;&quot;&gt;circuit simulation, go through this simulation for a better understanding and get an idea about this circuit works.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: &amp;quot;Roboto Slab&amp;quot;; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;For the simulation, page &lt;a href=&quot;https://www.multisim.com/content/945YUe8VdggWKKZJBg4iQg/rc-phase-shift-oscillator-using-op-amp/&quot; target=&quot;_blank&quot;&gt;click&amp;nbsp;here&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Output signal&lt;/span&gt;&lt;/h4&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hLQxKQvvxcTxWm1ifyy9zXSgpbpILShmdPIFW8zflqDhYPestcgntrMwqlDigTAk-5Bd0BgCjBVnYlCoRcObHKNSnsZYaqJKnxG6VFiq3R-iGvqEXazXzyNN8tynbN2VwL-SIObp2C4mwgKR3q1WqBNHEEle-yl42o909jHhhAmEIDd-BubNwLRK/s1280/RC%20Phase%20Shift%20Oscillator%20Using%20Op%20Amp-Grapher.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;1024&quot; data-original-width=&quot;1280&quot; height=&quot;513&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hLQxKQvvxcTxWm1ifyy9zXSgpbpILShmdPIFW8zflqDhYPestcgntrMwqlDigTAk-5Bd0BgCjBVnYlCoRcObHKNSnsZYaqJKnxG6VFiq3R-iGvqEXazXzyNN8tynbN2VwL-SIObp2C4mwgKR3q1WqBNHEEle-yl42o909jHhhAmEIDd-BubNwLRK/w643-h513/RC%20Phase%20Shift%20Oscillator%20Using%20Op%20Amp-Grapher.png&quot; width=&quot;643&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h4&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Operation of the circuit&lt;/span&gt;&lt;/h4&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;The op-amp is used as an inverting amplifier.
Therefore it introduces a phase shift of 180º between its input and output.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;The output of the inverting amplifier is applied at
the input to the RC phase shift network. As discussed earlier, this network
will introduce a phase shift of 180º. So by adding both phase shifts then we
will get a 360º or 0º phase shift, which is necessary for oscillations. This
feedback network attenuates the signal at its input and feeds it to the
amplifier input. The level of attenuation is decided by the feedback factor β.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;The gain of the inverting amplifier is decided by the
values of Rf and R1. The gain is adjusted so that the product |Aβ| is slightly
greater than 1.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;The expression for the frequency of oscillations of an
RC phase shift oscillator using OP - AMP is given by&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;b&gt;f= 1/ (2 π R C √ 6)&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h4 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Applications:&lt;/span&gt;&lt;/h4&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Low and medium frequency sin wave generators.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Function generators/signal generators are used in
laboratories.&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;Variable frequency signal generators.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: Roboto Slab;&quot;&gt;............Hope you &lt;span style=&quot;color: #cc0000;&quot;&gt;liked it&lt;/span&gt;.....😃😃😃.......???&lt;/span&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: Roboto Slab; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;



































































&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #cc0000; font-family: Roboto Slab;&quot;&gt;Comment please&amp;nbsp;&amp;nbsp;😇😇😇&amp;nbsp;&amp;nbsp;&lt;/span&gt;.....&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/7535525616971915137/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2022/05/rc-phase-shift-oscillator-using-op-amp.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7535525616971915137'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7535525616971915137'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2022/05/rc-phase-shift-oscillator-using-op-amp.html' title='RC Phase shift oscillator using Op-Amp'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvP77SmqVfQtjerdT-wuUY3WA5b9LpbOMncEVSXdlLZkAGsWDaamOcNCMBOlHxYG_uVt9zwy6VwOues41hYpZrY0gNh49dPL2jFcBiiBseSGap_fXokjT3nBbnbWtu4UaG8ErbpsnmEDi3H83THtfd-r-e-u3RcWcbFKi2WJrcj7JpOGtMANruCKW/s72-w666-h320-c/Capture.JPG" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-1634139444529530180</id><published>2022-03-26T18:36:00.003+05:30</published><updated>2022-07-11T16:49:14.990+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Circuits"/><title type='text'> Peak Detector Circuit Using Op Amp</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&amp;nbsp;Peak&amp;nbsp;&lt;span&gt;D&lt;/span&gt;etector Circuit Using Op Amp&lt;/span&gt;&lt;/h1&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #0c343d; font-family: georgia; font-size: x-large;&quot;&gt;Hello, friends.&lt;/span&gt;&lt;/h3&gt;&lt;p&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&amp;nbsp;In this new blog post, we will see a peak detector circuit using op-amp.&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;So first, we should see --- &lt;span style=&quot;color: #073763;&quot;&gt;What is a peak detector?&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The peak detector circuits are used to determine the peak (maximum) value of an input signal. The peak detector circuit utilizes its property of following the highest value of an input signal and storing it. It holds the peak value of input voltages for an infinite time duration until it comes to reset conditions.&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span&gt;&lt;span style=&quot;color: #073763; font-family: georgia; font-size: x-large;&quot;&gt;&lt;span&gt;Working principle&lt;/span&gt; -----&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;The working principle of the circuit is such that the peak of the input waveform is followed and stored in terms of voltage in the capacitor.&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;By the time on moves further, if the circuit detects a higher peak, the new peak value is stored in the capacitor until it is discharged.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;span&gt;The capacitor employed in the circuit is charged through the diode by the applied input signal. The small voltage drop across the diode is ignored, and the capacitor is set up to the highest peak of the applied input signal.&lt;/span&gt;&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;iframe height=&quot;600&quot; src=&quot;https://www.multisim.com/content/fYNLvNL5ufzZbz7qn79d9N/peak-detector/open&quot; width=&quot;800&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
&lt;span style=&quot;color: black; font-family: georgia; font-size: x-large;&quot;&gt;&lt;a href=&quot;https://www.multisim.com/content/fYNLvNL5ufzZbz7qn79d9N/peak-detector/&quot; target=&quot;_blank&quot;&gt;
	&lt;img height=&quot;300&quot; src=&quot;https://www.multisim.com/api/v1/image/3020986/fynlvnl5ufzzbz7qn79d9n-pngthumbnailcircuit/Peak%20Detector.png&quot; width=&quot;825&quot; /&gt;&lt;br /&gt;Multisim Live: Peak Detector
&lt;/a&gt;
&lt;/span&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;To better understand, I have made this circuit to simulate and create a better understanding...&lt;/span&gt;&lt;/div&gt;&lt;h4 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;&lt;a href=&quot;https://www.multisim.com/content/fYNLvNL5ufzZbz7qn79d9N/peak-detector/&quot; target=&quot;_blank&quot;&gt;Click here&lt;/a&gt; to the official simulation site(&lt;/span&gt;&lt;span style=&quot;font-family: georgia; font-weight: normal;&quot;&gt;just change the input voltage value while simulation and see the output waveform change&lt;/span&gt;&lt;span style=&quot;font-family: georgia;&quot;&gt;).&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;There are many applications of peak detector listed below:--&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;Applications of Peak detector&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&amp;nbsp; 1. It is used in the analysis of spectral and mass spectrometers.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&amp;nbsp; 2. Peak detector finds its application in destructive testing.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&amp;nbsp; 3. It is used for instrumentation measurement, mostly in amplitude modulated wave communication.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&amp;nbsp; 4. It widely finds applications in sound measuring instruments.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;Ok, thank you for visiting...&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;Hope we will meet again...&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: georgia; font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/1634139444529530180/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2022/03/peak-detector-circuit-using-op-amp.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/1634139444529530180'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/1634139444529530180'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2022/03/peak-detector-circuit-using-op-amp.html' title=' Peak Detector Circuit Using Op Amp'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-6165672981478274986</id><published>2021-12-25T17:27:00.003+05:30</published><updated>2022-05-09T09:53:47.060+05:30</updated><title type='text'>Launch&gt;&gt;&gt;</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&amp;nbsp;&lt;/h1&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: courier; font-size: x-large;&quot;&gt;Something is going to be &lt;span style=&quot;color: #073763;&quot;&gt;LAUNCH!!!&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;span style=&quot;font-family: courier; font-size: x-large;&quot;&gt;&lt;span&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;color: #01ffff;&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: #ffa400;&quot;&gt;&lt;u&gt;&lt;b&gt;James Webb Space Telescope&lt;/b&gt;&lt;/u&gt;&lt;/span&gt;&lt;span style=&quot;color: #01ffff;&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&amp;nbsp; :- &lt;span style=&quot;color: #2b00fe;&quot;&gt;Launch Today(&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;font-family: arial, sans-serif;&quot;&gt;Saturday,&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: arial, sans-serif;&quot;&gt;25 December 2021&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;☺☺☺&lt;/span&gt;...&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;a href=&quot;https://scitechdaily.com/images/James-Webb-Space-Telescopes-Journey-to-Space.gif&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;437&quot; data-original-width=&quot;777&quot; height=&quot;341&quot; src=&quot;https://scitechdaily.com/images/James-Webb-Space-Telescopes-Journey-to-Space.gif&quot; width=&quot;607&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;h1 style=&quot;text-align: left;&quot;&gt;Unseen things can be &lt;i&gt;&lt;span style=&quot;color: #351c75;&quot;&gt;seen now&lt;/span&gt;&lt;/i&gt;.&lt;/h1&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;br /&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;b&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #215868; font-size: 16pt; mso-bidi-font-size: 12.0pt; mso-themecolor: accent5; mso-themeshade: 128;&quot;&gt;Watch Launch Of &lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #4bacc6; font-size: 16pt; mso-bidi-font-size: 12.0pt; mso-themecolor: accent5;&quot;&gt;James Webb Telescope&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;484&quot; src=&quot;https://www.youtube.com/embed/7nT7JGZMbtM&quot; width=&quot;582&quot; youtube-src-id=&quot;7nT7JGZMbtM&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;br /&gt;&lt;o:p&gt;&lt;br /&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;color: #783f04;&quot;&gt;&lt;o:p&gt;What do you think about it???&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #cc0000;&quot;&gt;&amp;nbsp; &lt;b&gt;&amp;nbsp;--- Comment Please...&lt;/b&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;br /&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;Reference:&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;scitechdaily.com&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/6165672981478274986/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/12/launch.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/6165672981478274986'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/6165672981478274986'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/12/launch.html' title='Launch&gt;&gt;&gt;'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/7nT7JGZMbtM/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-6931984482702185612</id><published>2021-10-05T12:17:00.001+05:30</published><updated>2021-10-05T12:17:39.547+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>Function</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;&amp;nbsp;Function&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;In this post we are going to what is &lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;function &lt;/span&gt;&lt;/span&gt;statement?&lt;br /&gt;A function is a set of statements that take inputs, do some specific &lt;span style=&quot;background-color: white; color: #0b5394;&quot;&gt;computation &lt;/span&gt;and produces output.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;The idea is to put some commonly or &lt;span style=&quot;background-color: white; color: #0b5394;&quot;&gt;repeatedly &lt;/span&gt;done task together and make a function so that &lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;instead &lt;/span&gt;&lt;/span&gt;of writing the &lt;span style=&quot;color: #0b5394;&quot;&gt;same code again&lt;/span&gt; and again for different inputs, we can &lt;span style=&quot;color: #0b5394;&quot;&gt;call &lt;/span&gt;the function.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Function is a very useful statement. In every programming language, whenever we want to repeat any set of program with different data or any condition and etc, at that time we can use function.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbY5NzOqlzRhJfUkRjNo9JQ9G3Opn6g_8Pvj-bgH5HggQY3mQGvKVPSBtBZJlTDtOjci4X1842PtX7qad8Cwl5F618BAH3QyGIdoJU3YSZm3XsuaUIoIiJnyMZ-vw7hdKFIktTnS3YG4/s619/Function.PNG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;288&quot; data-original-width=&quot;619&quot; height=&quot;284&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbY5NzOqlzRhJfUkRjNo9JQ9G3Opn6g_8Pvj-bgH5HggQY3mQGvKVPSBtBZJlTDtOjci4X1842PtX7qad8Cwl5F618BAH3QyGIdoJU3YSZm3XsuaUIoIiJnyMZ-vw7hdKFIktTnS3YG4/w612-h284/Function.PNG&quot; width=&quot;612&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Here you can see the pic of function &lt;span style=&quot;color: #0b5394;&quot;&gt;example program&lt;/span&gt;. It&#39;s a simple program from here you will be know how the function statement works... In this program you can see the function named &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;sayHi()&lt;/span&gt;&quot; is &lt;span style=&quot;color: #0b5394;&quot;&gt;defined &lt;/span&gt;whose work is to print &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;HI friends&lt;/span&gt;&quot; when it will be called. At program &lt;span style=&quot;color: #0b5394;&quot;&gt;line number 9&lt;/span&gt; you can see the function is called and you can also see the result at &lt;span style=&quot;color: #0b5394;&quot;&gt;output screen&lt;/span&gt;(black flow). According to&amp;nbsp; function it written &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;HI friends&lt;/span&gt;&quot;.&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;It&#39;s simple, aren&#39;t it?☺&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/6931984482702185612/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/10/function.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/6931984482702185612'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/6931984482702185612'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/10/function.html' title='Function'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbY5NzOqlzRhJfUkRjNo9JQ9G3Opn6g_8Pvj-bgH5HggQY3mQGvKVPSBtBZJlTDtOjci4X1842PtX7qad8Cwl5F618BAH3QyGIdoJU3YSZm3XsuaUIoIiJnyMZ-vw7hdKFIktTnS3YG4/s72-w612-h284-c/Function.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-2319724373699729097</id><published>2021-09-23T17:56:00.004+05:30</published><updated>2021-09-23T17:56:39.012+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>2D Array</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&amp;nbsp;2D Array&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Hello friends &lt;span style=&quot;color: #0b5394;&quot;&gt;welcome&lt;/span&gt; again.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Here we are going to discuss the &lt;span style=&quot;color: #0b5394;&quot;&gt;2D array&lt;/span&gt; topic in C++ programming
(sometimes it is also called as &lt;span style=&quot;color: #0b5394;&quot;&gt;multidimensional &lt;/span&gt;array).&amp;nbsp;In &lt;span style=&quot;color: #0b5394;&quot;&gt;C/C++&lt;/span&gt;, we can
define multidimensional arrays in simple words as array of arrays. &lt;span style=&quot;color: #0b5394;&quot;&gt;Data&lt;/span&gt; in
multidimensional arrays are stored in &lt;span style=&quot;color: #0b5394;&quot;&gt;tabular &lt;/span&gt;form (in row major order).&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;It will store values in multidimensional form.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;&lt;p&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;&lt;p&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;&lt;p&gt;





&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj85jLot8Dg4T6DciP8cUH7zyQdCvIroCz7FjhkcGgyxhaeKjVg2QyEfRTHjB6uNJQAzmVnFXkX7YdQADyTsnu0MBpLWCFXGof6bZoGGNx9N4IkYG_YQdlgyIocKLaiemG0VD-CiBWBMrs/s665/2D+Array.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;633&quot; data-original-width=&quot;665&quot; height=&quot;607&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj85jLot8Dg4T6DciP8cUH7zyQdCvIroCz7FjhkcGgyxhaeKjVg2QyEfRTHjB6uNJQAzmVnFXkX7YdQADyTsnu0MBpLWCFXGof6bZoGGNx9N4IkYG_YQdlgyIocKLaiemG0VD-CiBWBMrs/w636-h607/2D+Array.JPG&quot; width=&quot;636&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&amp;nbsp;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;As you can see I have
given screen shot of 2D array program with its output. Here you can see
variable &quot;a&quot; is defined as 2D (Two dimensional arrays) whose &lt;span style=&quot;color: #0b5394;&quot;&gt;maximum
&lt;/span&gt;value will be in the &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;100&lt;/span&gt;&quot; and &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;200&lt;/span&gt;&quot; range. In this program
the length is defined by the user but its maximum value will be in 100 to 200.
Program line number &lt;span style=&quot;color: #0b5394;&quot;&gt;7 and 9&lt;/span&gt; are for entry for numbers of &lt;span style=&quot;color: #0b5394;&quot;&gt;rows &lt;/span&gt;and &lt;span style=&quot;color: #0b5394;&quot;&gt;columns &lt;/span&gt;(&lt;span style=&quot;color: #0b5394;&quot;&gt;by
user&lt;/span&gt;). And &lt;span style=&quot;color: #0b5394;&quot;&gt;upper &lt;/span&gt;for loop is for &lt;span style=&quot;color: #0b5394;&quot;&gt;entering values&lt;/span&gt; in the array by the user one
by one and &lt;span style=&quot;color: #0b5394;&quot;&gt;lower &lt;/span&gt;for loop if for showing the values entered by the user all
values at first time.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/2319724373699729097/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/09/2d-array.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2319724373699729097'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/2319724373699729097'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/09/2d-array.html' title='2D Array'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj85jLot8Dg4T6DciP8cUH7zyQdCvIroCz7FjhkcGgyxhaeKjVg2QyEfRTHjB6uNJQAzmVnFXkX7YdQADyTsnu0MBpLWCFXGof6bZoGGNx9N4IkYG_YQdlgyIocKLaiemG0VD-CiBWBMrs/s72-w636-h607-c/2D+Array.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-5521296259950768374</id><published>2021-09-09T16:56:00.002+05:30</published><updated>2021-09-09T16:56:16.758+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>Array</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&amp;nbsp;Array&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Hello guys, once again welcome.&lt;br /&gt;In this new post we are going to be famliar with &lt;span style=&quot;color: #0b5394;&quot;&gt;Array &lt;/span&gt;C++ statement. So what&#39;s an array is?&lt;br /&gt;An array is a way to represent multiplication and division using rows and columns. Rows represent the number of &lt;span style=&quot;color: #0b5394;&quot;&gt;groups&lt;/span&gt;. Columns represent the number in each group or the &lt;span style=&quot;color: #0b5394;&quot;&gt;size &lt;/span&gt;of each group.&lt;br /&gt;It&#39;s a very simple statment which &lt;span style=&quot;color: #0b5394;&quot;&gt;contains &lt;/span&gt;entered &lt;span style=&quot;color: #0b5394;&quot;&gt;value &lt;/span&gt;in &lt;span style=&quot;color: #0b5394;&quot;&gt;rows &lt;/span&gt;and &lt;span style=&quot;color: #0b5394;&quot;&gt;columns&lt;/span&gt;.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmvkj9qDGmCwz2NXoBsrjenGBECoc5or8VE9t_gfJ5TZfaATaeM5DPDd0fd2jCOKRdRivAcKm3h0ejPJ-oTE5YZPZakTgkZCoRadpqVWDMY0qV5ICavxSSjAVvSJQBZJ4A2-JLv1b_jA/s561/Array.JPG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;523&quot; data-original-width=&quot;561&quot; height=&quot;587&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmvkj9qDGmCwz2NXoBsrjenGBECoc5or8VE9t_gfJ5TZfaATaeM5DPDd0fd2jCOKRdRivAcKm3h0ejPJ-oTE5YZPZakTgkZCoRadpqVWDMY0qV5ICavxSSjAVvSJQBZJ4A2-JLv1b_jA/w631-h587/Array.JPG&quot; width=&quot;631&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;If we want to define an array first we have to put &quot;[ (&lt;span style=&quot;color: #0b5394;&quot;&gt;Length of an array&lt;/span&gt; )]&quot; right to the variable as like in the givern screen short. In this I have written &quot;a[&lt;span style=&quot;color: #0b5394;&quot;&gt;100&lt;/span&gt;]&quot; it menas that the lenght of an array &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;a&lt;/span&gt;&quot; is 100 - we can store 100 elements(&lt;span style=&quot;color: #0b5394;&quot;&gt;integer&lt;/span&gt;) in that an &lt;span style=&quot;color: #0b5394;&quot;&gt;array&lt;/span&gt;. For entering valuses in the array you should use &lt;span style=&quot;color: #0b5394;&quot;&gt;for loop&lt;/span&gt;. Just see this programm porperly you will find it &lt;span style=&quot;color: #0b5394;&quot;&gt;quit simple&lt;/span&gt;.&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/5521296259950768374/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/09/array.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5521296259950768374'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5521296259950768374'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/09/array.html' title='Array'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmvkj9qDGmCwz2NXoBsrjenGBECoc5or8VE9t_gfJ5TZfaATaeM5DPDd0fd2jCOKRdRivAcKm3h0ejPJ-oTE5YZPZakTgkZCoRadpqVWDMY0qV5ICavxSSjAVvSJQBZJ4A2-JLv1b_jA/s72-w631-h587-c/Array.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-5960657258311185938</id><published>2021-08-28T18:55:00.003+05:30</published><updated>2021-08-28T18:55:56.247+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>Arduino Nano Pinout</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; text-align: left;&quot;&gt;&lt;span style=&quot;font-family: arial;&quot;&gt;Arduino Nano Pinout&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, sans-serif;&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Beautiful pinout diagram&lt;/span&gt;&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrP6V3WbOjV1WO5bHKlbKPoAid7fepIQdDNq-s_42IyhFcCjcB6h6ktlmjbrNbEy1Fb9ROPOMOHoFPRKRzd-Bxu_n1_Q3K5SiZnIequiloFZ8JlX5Q5jeoWZwIds6WkpJbXL2K9X-5Yd0/s617/arduino_nano_pinout.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;482&quot; data-original-width=&quot;617&quot; height=&quot;499&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrP6V3WbOjV1WO5bHKlbKPoAid7fepIQdDNq-s_42IyhFcCjcB6h6ktlmjbrNbEy1Fb9ROPOMOHoFPRKRzd-Bxu_n1_Q3K5SiZnIequiloFZ8JlX5Q5jeoWZwIds6WkpJbXL2K9X-5Yd0/w639-h499/arduino_nano_pinout.png&quot; width=&quot;639&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: Roboto, sans-serif; font-size: 18px;&quot;&gt;source: Ardunio.cc&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/5960657258311185938/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/arduino-nano-pinout-beautiful-pinout.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5960657258311185938'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/5960657258311185938'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/arduino-nano-pinout-beautiful-pinout.html' title='Arduino Nano Pinout'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrP6V3WbOjV1WO5bHKlbKPoAid7fepIQdDNq-s_42IyhFcCjcB6h6ktlmjbrNbEy1Fb9ROPOMOHoFPRKRzd-Bxu_n1_Q3K5SiZnIequiloFZ8JlX5Q5jeoWZwIds6WkpJbXL2K9X-5Yd0/s72-w639-h499-c/arduino_nano_pinout.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-797982401032463668</id><published>2021-08-27T19:17:00.001+05:30</published><updated>2021-08-27T19:17:29.789+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>Do While</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&amp;nbsp;Do While&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Hello friends welcome again Hello, hi!!!&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Look.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Another loop of &lt;span style=&quot;color: #0b5394;&quot;&gt;C++&lt;/span&gt; programming.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;So in this it will first &lt;span style=&quot;color: #0b5394;&quot;&gt;do &lt;/span&gt;the operation and then it will see whether the condition is true or &lt;span style=&quot;color: #0b5394;&quot;&gt;not&lt;/span&gt;. In detail it is &lt;span style=&quot;color: #0b5394;&quot;&gt;opposite &lt;/span&gt;of while loop in that loop first the &lt;span style=&quot;color: #0b5394;&quot;&gt;condition &lt;/span&gt;is &lt;span style=&quot;color: #0b5394;&quot;&gt;checked &lt;/span&gt;and then if that&#39;s &lt;span style=&quot;color: #0b5394;&quot;&gt;true &lt;/span&gt;than further &lt;span style=&quot;color: #0b5394;&quot;&gt;program &lt;/span&gt;will be &lt;span style=&quot;color: #0b5394;&quot;&gt;exicuted&lt;/span&gt;.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyzT5l9CKnl5aONcSf-jIuNUmDUipx-yVakmRnh9aLL3GwU-8p2wbPIxRAa4RldktM87ZOL9vmjom9v-0NmTFw1OgH5bDp8xEsFXbiuAK8gx3D2XG3v3Q6pah7cD99Y2RvcbyiWdMmUnc/s654/Do+while.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;423&quot; data-original-width=&quot;654&quot; height=&quot;409&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyzT5l9CKnl5aONcSf-jIuNUmDUipx-yVakmRnh9aLL3GwU-8p2wbPIxRAa4RldktM87ZOL9vmjom9v-0NmTFw1OgH5bDp8xEsFXbiuAK8gx3D2XG3v3Q6pah7cD99Y2RvcbyiWdMmUnc/w631-h409/Do+while.JPG&quot; width=&quot;631&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Here is the &lt;span style=&quot;color: #0b5394;&quot;&gt;example &lt;/span&gt;program
of the Do while loop.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;If you see it properly then
you will conclude that this program is just to show example of Do while loop
nothing else because there is &lt;span style=&quot;color: #0b5394;&quot;&gt;no use&lt;/span&gt; of this program.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;In this program the
&lt;span style=&quot;color: #0b5394;&quot;&gt;condition &lt;/span&gt;is the &lt;span style=&quot;color: #0b5394;&quot;&gt;value &lt;/span&gt;of &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;a&lt;/span&gt;&quot;(Entered by user) must be &lt;span style=&quot;color: #0b5394;&quot;&gt;less &lt;/span&gt;than or
&lt;span style=&quot;color: #0b5394;&quot;&gt;equal &lt;/span&gt;to &lt;span style=&quot;color: #0b5394;&quot;&gt;8&lt;/span&gt;. Ok! When the value of &quot;a&quot; will less than or equal to 8
than, it will be &lt;span style=&quot;color: #0b5394;&quot;&gt;added &lt;/span&gt;by &lt;span style=&quot;color: #0b5394;&quot;&gt;variable &lt;/span&gt;&quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;f&lt;/span&gt;&quot;(f=10.26). And the addition
value will be stored in variable &quot;b&quot; and then the value of
&quot;a&quot; will be &lt;span style=&quot;color: #0b5394;&quot;&gt;incremented &lt;/span&gt;by &lt;span style=&quot;color: #0b5394;&quot;&gt;+1&lt;/span&gt;. And then it will be executed again and
&lt;span style=&quot;color: #0b5394;&quot;&gt;again until&lt;/span&gt; the condition becomes true.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;Simple&lt;/span&gt;...&lt;/span&gt;&lt;span style=&quot;color: black; font-size: 18pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/797982401032463668/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/do-while.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/797982401032463668'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/797982401032463668'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/do-while.html' title='Do While'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyzT5l9CKnl5aONcSf-jIuNUmDUipx-yVakmRnh9aLL3GwU-8p2wbPIxRAa4RldktM87ZOL9vmjom9v-0NmTFw1OgH5bDp8xEsFXbiuAK8gx3D2XG3v3Q6pah7cD99Y2RvcbyiWdMmUnc/s72-w631-h409-c/Do+while.JPG" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-3201067272608407233</id><published>2021-08-23T18:39:00.000+05:30</published><updated>2021-08-23T18:39:26.876+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="Arduino"/><title type='text'>Arduino - Arduino Nano</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-family: georgia;&quot;&gt;Arduino Nano&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h1&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Look at this great board &lt;span style=&quot;color: #3d85c6;&quot;&gt;small &lt;/span&gt;and compact and main &lt;span style=&quot;color: #3d85c6;&quot;&gt;thing &lt;/span&gt;is that it is &lt;span style=&quot;color: #3d85c6;&quot;&gt;cheap&lt;/span&gt;☺☺☺.&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBLPHYS8LKXSw_T5Co3BIaDU-El82ruXHkMq3cK9wZg4ZMowRAGr3V2yKuC8SlLN8W4C8dROH0pz2Qq5ahEe1UPRwyGSu5jEokmbk886WF6QhwY4AsePIK154gmeYP8HajU2fDm7p2IUw/s664/06ffaf0c-41a2-475f-84f5-99f6e9c88a3c.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;664&quot; data-original-width=&quot;540&quot; height=&quot;463&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBLPHYS8LKXSw_T5Co3BIaDU-El82ruXHkMq3cK9wZg4ZMowRAGr3V2yKuC8SlLN8W4C8dROH0pz2Qq5ahEe1UPRwyGSu5jEokmbk886WF6QhwY4AsePIK154gmeYP8HajU2fDm7p2IUw/w376-h463/06ffaf0c-41a2-475f-84f5-99f6e9c88a3c.jpg&quot; width=&quot;376&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;Technical specifications&lt;/span&gt;&lt;span style=&quot;font-size: 18pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Microcontroller: Microchip ATmega328P&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Operating voltage: 5 volts&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Input voltage: 6 to 20 volts&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Digital I/O pins: 14 (6 optional PWM outputs)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Analog input pins: 8&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;DC per I/O pin: 40 mA&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;DC for 3.3 V pin: 50 mA&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Flash memory: 32 KB, of which 0.5 KB is used by
bootloader&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;SRAM: 2 KB&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;EEPROM: 1 KB&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Clock speed: 16 MHz&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Length: 45 mm&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Width: 18 mm&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18pt;&quot;&gt;&lt;!--[if !supportLists]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-family: Symbol; font-size: 14pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;&quot;&gt;&lt;span style=&quot;mso-list: Ignore;&quot;&gt;·&lt;span style=&quot;font: 7pt &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;&lt;span lang=&quot;EN-US&quot; style=&quot;font-size: 14pt; mso-bidi-font-size: 12.0pt;&quot;&gt;Mass: 7 g&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/3201067272608407233/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/arduino-arduino-nano.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/3201067272608407233'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/3201067272608407233'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/arduino-arduino-nano.html' title='Arduino - Arduino Nano'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBLPHYS8LKXSw_T5Co3BIaDU-El82ruXHkMq3cK9wZg4ZMowRAGr3V2yKuC8SlLN8W4C8dROH0pz2Qq5ahEe1UPRwyGSu5jEokmbk886WF6QhwY4AsePIK154gmeYP8HajU2fDm7p2IUw/s72-w376-h463-c/06ffaf0c-41a2-475f-84f5-99f6e9c88a3c.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-4834196576846035789</id><published>2021-08-23T18:23:00.004+05:30</published><updated>2021-08-23T18:23:38.084+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>While loop</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&amp;nbsp;While Loop&lt;/span&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Yes
another cool loop statement name &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;While Loop&lt;/span&gt;&quot;. A &quot;While&quot;
Loop is used to repeat a specific block of code an unknown number of times,
until a &lt;span style=&quot;color: #0b5394;&quot;&gt;condition&lt;/span&gt; is met. That’s the simple &lt;span style=&quot;color: #0b5394;&quot;&gt;definition&lt;/span&gt; of while loop.&lt;br /&gt;
Easy it is, isn&#39;t It.???&lt;br /&gt;
So what while loop will do --&amp;nbsp;A while loop statement &lt;span style=&quot;color: #0b5394;&quot;&gt;repeatedly&lt;/span&gt; &lt;span style=&quot;color: #0b5394;&quot;&gt;executes&lt;/span&gt; a
target statement as long as a given condition is &lt;span style=&quot;color: #0b5394;&quot;&gt;true&lt;/span&gt;.&lt;br /&gt;
And what is the &lt;span style=&quot;color: #0b5394;&quot;&gt;difference&lt;/span&gt; between the while and for loop???&lt;br /&gt;
For loop: for loop provides a concise way of writing the loop structure. Unlike
a while loop, a for statement consumes the &lt;span style=&quot;color: #0b5394;&quot;&gt;initialization&lt;/span&gt;, condition and
&lt;span style=&quot;color: #0b5394;&quot;&gt;increment/decrement&lt;/span&gt; in one line thereby providing a shorter, easy to &lt;span style=&quot;color: #0b5394;&quot;&gt;debug&lt;/span&gt;
structure of looping.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImNdyQ7wpzbfK7LeDx_3w1c2ju5PjteKiVxOpnxbvxQrtFGjXzNr6BViu67kuovY4ygauNTNSdZ-Ev4H382rUlgTKw67yD3G7MhFfnSIyo1wfjlGqSAgdHAmy7GJApyzfYnq-qVFNi3I/s559/Whiel+loop.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;span style=&quot;color: black; font-size: large;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;437&quot; data-original-width=&quot;559&quot; height=&quot;495&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImNdyQ7wpzbfK7LeDx_3w1c2ju5PjteKiVxOpnxbvxQrtFGjXzNr6BViu67kuovY4ygauNTNSdZ-Ev4H382rUlgTKw67yD3G7MhFfnSIyo1wfjlGqSAgdHAmy7GJApyzfYnq-qVFNi3I/w634-h495/Whiel+loop.JPG&quot; width=&quot;634&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;Here
it is a &lt;span style=&quot;color: #0b5394;&quot;&gt;beautiful pic&lt;/span&gt; of my program and its output. In this program I have
defined variable &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;a&lt;/span&gt;&quot; and assigned it value &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;0&lt;/span&gt;&quot; and in while loop
condition &lt;span style=&quot;color: #0b5394;&quot;&gt;(a&amp;lt;=8)&lt;/span&gt; is written, so by this it will writ value of an up to
number 8 because the condition is&amp;nbsp;&lt;span style=&quot;color: #0b5394;&quot;&gt;a&amp;lt;=8&lt;/span&gt; and at last the variable &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;a&lt;/span&gt;&quot; will increment
by &lt;span style=&quot;color: #0b5394;&quot;&gt;+1&lt;/span&gt;.&lt;/span&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/4834196576846035789/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/while-loop.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4834196576846035789'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/4834196576846035789'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/while-loop.html' title='While loop'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImNdyQ7wpzbfK7LeDx_3w1c2ju5PjteKiVxOpnxbvxQrtFGjXzNr6BViu67kuovY4ygauNTNSdZ-Ev4H382rUlgTKw67yD3G7MhFfnSIyo1wfjlGqSAgdHAmy7GJApyzfYnq-qVFNi3I/s72-w634-h495-c/Whiel+loop.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3558045312559702869.post-7870611820558624422</id><published>2021-08-23T17:48:00.004+05:30</published><updated>2021-08-23T17:48:54.402+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="C Plus Plus"/><title type='text'>For Loop</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;p align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 1; text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 24.0pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-font-kerning: 18.0pt;&quot;&gt;For Loop&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;

&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 1; text-align: center;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 24.0pt; mso-ansi-language: EN-IN; mso-bidi-language: AR-SA; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: EN-IN; mso-font-kerning: 18.0pt;&quot;&gt;

&lt;hr align=&quot;center&quot; size=&quot;2&quot; width=&quot;100%&quot; /&gt;

&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Hello friends this is &lt;span style=&quot;color: #0b5394;&quot;&gt;new
blog post&lt;/span&gt; about great statement &quot;&lt;span style=&quot;color: #0b5394;&quot;&gt;For loop&lt;/span&gt;&quot;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;It is very &lt;span style=&quot;color: #0b5394;&quot;&gt;useful &lt;/span&gt;statement
in any kind of programming language. Actually it is about when we have to print
of do any kind of &lt;span style=&quot;color: #0b5394;&quot;&gt;operation &lt;/span&gt;repeatedly then it is very useful statement.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCi35fCqwBUo8UfaOaeywzLXAzBc9fx0sTmj1F8Qn1CivNgcAoVWmlZ6HG60pBUeyWKYG-yn80-i-oTGljnphwl0QSDy4GMhZOi1nUtg1xcb7ZYEZpJ60Kj2V5T5454DkCHcH9cxsn-Q/s580/For+loop.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;495&quot; data-original-width=&quot;580&quot; height=&quot;494&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCi35fCqwBUo8UfaOaeywzLXAzBc9fx0sTmj1F8Qn1CivNgcAoVWmlZ6HG60pBUeyWKYG-yn80-i-oTGljnphwl0QSDy4GMhZOi1nUtg1xcb7ZYEZpJ60Kj2V5T5454DkCHcH9cxsn-Q/w579-h494/For+loop.JPG&quot; width=&quot;579&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: black; font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal;&quot;&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal; text-align: center;&quot;&gt;You
can see I have written a program to print number&amp;nbsp;form&amp;nbsp;0 to 10 using
for loop. Here you can see I have &lt;span style=&quot;color: #0b5394;&quot;&gt;defined integer &lt;/span&gt;variable &lt;span style=&quot;color: #0b5394;&quot;&gt;i&lt;/span&gt; which start value
is zero and stop value is &lt;span style=&quot;color: #0b5394;&quot;&gt;a&lt;/span&gt; (&lt;span style=&quot;color: #0b5394;&quot;&gt;integer&lt;/span&gt; &lt;span style=&quot;color: #0b5394;&quot;&gt;value&lt;/span&gt;) whose value is &lt;span style=&quot;color: #0b5394;&quot;&gt;defined &lt;/span&gt;by user. The
&lt;span style=&quot;color: #0b5394;&quot;&gt;cool &lt;/span&gt;thing is that we have to write a single line to print many lines. It is
very useful statement in programming language.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;As
it is very simple program so i don&#39;t thing to write much on this topic. But it
is very &lt;span style=&quot;color: #0b5394;&quot;&gt;important&lt;/span&gt; topic also, so don&#39;t miss it.&lt;/span&gt;&lt;b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;MsoNormal&quot; style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;, serif; font-weight: normal;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p class=&quot;MsoNormal&quot;&gt;&lt;span lang=&quot;EN-US&quot;&gt;&lt;o:p&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;/h1&gt;</content><link rel='replies' type='application/atom+xml' href='https://mymixblogwork.blogspot.com/feeds/7870611820558624422/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/for-loop.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7870611820558624422'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3558045312559702869/posts/default/7870611820558624422'/><link rel='alternate' type='text/html' href='https://mymixblogwork.blogspot.com/2021/08/for-loop.html' title='For Loop'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcCi35fCqwBUo8UfaOaeywzLXAzBc9fx0sTmj1F8Qn1CivNgcAoVWmlZ6HG60pBUeyWKYG-yn80-i-oTGljnphwl0QSDy4GMhZOi1nUtg1xcb7ZYEZpJ60Kj2V5T5454DkCHcH9cxsn-Q/s72-w579-h494-c/For+loop.JPG" height="72" width="72"/><thr:total>0</thr:total></entry></feed>