{"id":4628,"date":"2022-11-26T16:20:13","date_gmt":"2022-11-26T22:20:13","guid":{"rendered":"https:\/\/dev.iachieved.it\/iachievedit\/?p=4628"},"modified":"2022-11-26T16:23:18","modified_gmt":"2022-11-26T22:23:18","slug":"using-a-hyperpixel-4-0-tft-display-on-a-pi-3","status":"publish","type":"post","link":"https:\/\/dev.iachieved.it\/iachievedit\/using-a-hyperpixel-4-0-tft-display-on-a-pi-3\/","title":{"rendered":"Using a HyperPixel 4.0 TFT Display on a Pi 3"},"content":{"rendered":"

You may have noticed that Raspberry Pi 4s are a bit hard to come by<\/a> these days. The all-knowing Google even predicts you’re searching for an alternative to a Pi 4!<\/p>\n

\"\"<\/a><\/p>\n

Well, if you’re like me, you probably have some Pi 3s lying around and wonder if they’re still up to the task. They are, even if you have to coax some hardware or software that has since moved on. This includes the HyperPixel 4.0<\/a> that took a little work. In particular, we’ll be looking at the 720×720 pixel 4.0 Inch Square<\/a> which I’m using for a weather display<\/a>.<\/p>\n

Disclaimer!<\/b> These instructions are for using the HyperPixel 4.0 with a Raspberry 3 and shouldn’t be used with a Pi 4! Head over to GitHub<\/a> if you have a Pi 4.<\/p>\n

Start off with a fresh Raspberry Pi image. I’m on a Mac and will use Raspberry Pi Imager<\/a>. You can choose either the 32 or 64-bit image. After flashing your image and setting up the Pi, log in and download the Hyperpixel 4.0 firmware for the Pi 3. Note the branch!
\n[code lang=”text”]
\ngit clone https:\/\/github.com\/pimoroni\/hyperpixel4 -b pi3
\n [\/code]<\/p>\n

After cloning the repository go into it and run sudo .\/install.sh<\/code>.<\/p>\n

    \njoe@raspberrypi:~ $ cd hyperpixel4\/\njoe@raspberrypi:~\/hyperpixel4 $ sudo .\/install.sh    \nNotice: building hyperpixel4.dtbo    \nCreated symlink \/etc\/systemd\/system\/multi-user.target.wants\/hyperpixel4-init.service -> \/etc\/systemd\/system\/hyperpixel4-init.service.    \nInstalled: \/usr\/bin\/hyperpixel4-init     \nInstalled: \/etc\/systemd\/system\/hyperpixel4-init.service  \nInstalled: \/usr\/bin\/hyperpixel4-rotate   \nInstalled: \/boot\/overlays\/hyperpixel4.dtbo   \nConfig: Added dtoverlay=hyperpixel4 to \/boot\/config.txt\nConfig: Added overscan_left=0 to \/boot\/config.txt\nConfig: Added overscan_right=0 to \/boot\/config.txt\nConfig: Added overscan_top=0 to \/boot\/config.txt\nConfig: Added overscan_bottom=0 to \/boot\/config.txt\nConfig: Added enable_dpi_lcd=1 to \/boot\/config.txt\nConfig: Added display_default_lcd=1 to \/boot\/config.txt\nConfig: Added display_rotate=0 to \/boot\/config.txt\nConfig: Added dpi_group=2 to \/boot\/config.txt\nConfig: Added dpi_mode=87 to \/boot\/config.txt\nConfig: Added dpi_output_format=0x7f216 to \/boot\/config.txt\nConfig: Added hdmi_timings=480 0 10 16 59 800 0 15 113 15 0 0 0 60 0 32000000 6 to \/boot\/config.txt\n\nBefore rebooting, use 'hyperpixel4-rotate left\/right\/normal\/inverted' to rotate your display!\n\n  left - Landscape, power\/HDMI on bottom\n  right - Landscape, power\/HDMI on top\n  normal - Portrait, USB ports on top\n  inverted - Portrait, USB ports on bottom\n<\/pre>\n
Ignore the hyperpixel4-rotate<\/code> command for now.  Here’s where the tweaks begin.  Edit \/boot\/config.txt<\/code> and comment out the following line:<\/p>\n
[code lang=text]
\ndtoverlay=vc4-kms-v3d
\n[\/code]<\/p>\n
That is you should have something like:<\/p>\n
[code lang=text]
\n# Enable DRM VC4 V3D driver
\n#dtoverlay=vc4-kms-v3d
\nmax_framebuffers=2
\n[\/code]<\/p>\n
Then go down to the section that looks like this:<\/p>\n
[code lang=text]
\ndtoverlay=hyperpixel4
\noverscan_left=0
\noverscan_right=0
\noverscan_top=0
\noverscan_bottom=0
\nenable_dpi_lcd=1
\ndisplay_default_lcd=1
\ndisplay_rotate=0
\ndpi_group=2
\ndpi_mode=87
\ndpi_output_format=0x7f216
\nhdmi_timings=480 0 10 16 59 800 0 15 113 15 0 0 0 60 0 32000000 6
\n[\/code]<\/p>\n
Change dpi_output_format<\/code> to 0x5f026<\/code>.  Then, comment out the hdmi_timings<\/code> line and add:<\/p>\n
[code lang=text]
\ndpi_timings=720 0 20 20 40 720 0 15 15 15 0 0 0 60 0 36720000 4
\n[\/code]<\/p>\n
Your configuration section for the Hyperpixel should look like:<\/p>\n
[code lang=text]
\n[all]
\ndtoverlay=hyperpixel4
\noverscan_left=0
\noverscan_right=0
\noverscan_top=0
\noverscan_bottom=0
\nenable_dpi_lcd=1
\ndisplay_default_lcd=1
\ndisplay_rotate=0
\ndpi_group=2
\ndpi_mode=87
\ndpi_output_format=0x5f026
\n#hdmi_timings=480 0 10 16 59 800 0 15 113 15 0 0 0 60 0 32000000 6
\ndpi_timings=720 0 20 20 40 720 0 15 15 15 0 0 0 60 0 36720000 4
\n[\/code]<\/p>\n
Rotating the Display<\/h2>\n
In its original configuration, the Hyperpixel 4.0 is “upside down” for my purposes.<\/p>\n
\"\"<\/a><\/p>\n
We can fix this with the display_rotate<\/code> parameter.<\/p>\n