How to make Custom Pixel Art with NO CODE on Any LED Grid - GlowBit Matrix With WLED & ESP32/ESP8266

Поделиться
HTML-код
  • Опубликовано: 16 июн 2024
  • WLED is the greatest way to add IoT connectivity to fully addressable LEDs Grids like the GlowBit Matrix 8x8 or NeoPixels Squares. Filled to the brim with customisable light shows, purpose build for grids, it is truly one of the best open-source projects ever conceived ✨🔮 Absolutely No Coding Required! Plus I show how to display custom Pixel Art With a Single Click for ANY Size Matrix!
    Full Article - core-electronics.com.au/guide...
    Subscribe For More!
    Big props to | Hey.. Can i have a go? | for showing me that Easy Pixel Art is possible! - www.youtube.com/@Can_I_Have_A...
    Related Information
    Flash WLED to your ESP32 or ESP8266 (PART 1!) - core-electronics.com.au/guide...
    WLED App on Google Play Store - play.google.com/store/apps/de...
    WLED App on IOS App Store - apps.apple.com/us/app/wled/id...
    WLED Web Installer - install.wled.me
    GlowBit Matrix 8x8 Python and MicroPython Guide - core-electronics.com.au/guide...
    ESP32 Nomenclature Guide - core-electronics.com.au/guide...
    To be clear, this guide will be all about controlling any Fully Addressable LED Grid or Matrix, in any size or shape, using any Espressif ESP32 or ESP8266 Development Board. These developer boards are the best way to get WiFi connectivity into any project. Your mobile phone or computer will then be able to tell the LED Nodes exactly what to do wirelessly. All through the local WIFI! This is all possible by WLED, one of the best open-source projects ever conceived.
    Nothing beats bright shiny colourful lights and adding an extra dimension only makes them better. This guide demonstrates the fastest and most customizable way to have WS2812B grids of fully addressable LED Nodes come alive. Exactly how you want. Even better, because as we are using WLED, there will be absolutely No Code Required. GlowBit Matrix 8x8 are fully addressable LED grids literally purpose-built for this task, built in-house, Australian-made, and this guide will use them extensively.
    Know that WLED will work even if you built a Square or Rectangle shape from any WS2812B Strips or Any Other Fully Addressable LED Nodes. This guide will also make it clear how to inject extra power into a LED Light system. That way you can feel confident in lightning more than 30 LED Nodes. This guide will demonstrate how to set up WLED on a Single Glowbit Matrix 8X8 (that is 64 unique LED nodes) and provide all the tools to take it to the next level with a 3X3 GlowBit Matrix 8x8 Grid (that is 9 GlowBit Matrix components put together, totaling 576 LED Nodes)! There are even tips to make your system portable and sound reactive (check full article for more). Long Live Pusheen!
    If you have any questions about this content or want to share a project you're working on head over to our maker forum, we are full time makers and here to help - coreelec.io/forum
    Core Electronics is located in the heart of Newcastle, Australia. We're powered by makers, for makers. Drop by if you are looking for:
    Heaps of ESP32 and ESP8266 Boards (Any Will Work): core-electronics.com.au/brand...
    Adafruit HUZZAH ESP8266 (Used Here): core-electronics.com.au/catal...
    GlowBit Matrix 8X8 (Used Here): core-electronics.com.au/catal...
    5V 4A Power Supply (Used Here): core-electronics.com.au/catal...
    DC Barrel Jack to 2-Pin Terminal Block Adapter: core-electronics.com.au/catal...
    Adafruit HUZZAH32 ESP32 Feather Board (Perfect for Portable) - core-electronics.com.au/catal...
    3.7V LiPo Battery: core-electronics.com.au/power...
    0:00 Intro
    0:49 Guide Overview
    2:05 What You Need
    2:50 Hardware Build
    4:10 Software Set Up
    4:46 WLED Set Up for 2D Matrix
    5:14 First Success!
    4:25 Not Getting Light? Do This
    4:46 First Success!
    5:35 More LEDs More Better
    6:04 *Brenton Soldered (Thank You Mate)
    6:10 Completed Build
    6:22 BIG Success!
    6:39 Custom Pixel Art How To
    6:47 Whoops I Must've Bumped It
    7:07 First Set WLED to Solid Colour
    7:27 Click on | pixartmin.html |
    7:49 Completed Wizard Settings
    8:30 Pixel Art Success!
    8:49 Check Out That ART!
    6:35 Creating a Custom Light Show
    9:01 Make WLED Portable!
    9:52 Outro
    The following trademarks are owned by Core Electronics Pty Ltd:
    "Core Electronics" and the Core Electronics logo
    "Makerverse" and the Makerverse logo
    "PiicoDev" and the PiicoDev logo
    "GlowBit" and the GlowBit logo

Комментарии • 83

  • @hwerkstrom
    @hwerkstrom Год назад +13

    Cool vid. FYI PixelArtConverter fully integrated with WLED code and will be generally available in next release.

    • @Core-Electronics
      @Core-Electronics  Год назад +4

      Big News! I very very very much look forward to it 😊!

    • @Can_I_Have_A_Go
      @Can_I_Have_A_Go Год назад +1

      what screen recorder software do you use please obs is obcrap

    • @Core-Electronics
      @Core-Electronics  Год назад

      Elgato Game Capture in Makerverse. You can crank up the settings on OBS and the results are good though.

    • @Can_I_Have_A_Go
      @Can_I_Have_A_Go Год назад

      @@Core-Electronics thanks ill give it a lookie see. wouldn't know what to crank in OBS id probably break it

  • @tyrush6224
    @tyrush6224 Год назад +10

    I’ve literally never seen this channel but somehow I was one of the first to find this video, youtube just knew this is EXACTLY what I was looking for. God bless you.

  • @MiVoodoo
    @MiVoodoo Год назад +4

    What a great channel. My son is now looking to making one, thanks for the inspiration. My son said he liked your cat pixel image.

  • @Daily-Videos-
    @Daily-Videos- Год назад +1

    You never cease to blow my mind 😍

  • @chrisbbc09
    @chrisbbc09 Год назад +1

    That sweater is FIRE, especially when you had the matrix match it 4:14

  • @ledbekasi
    @ledbekasi 4 месяца назад

    Simple explanation, so cool....👍

  • @i-changeus
    @i-changeus 2 месяца назад

    Hi, great content, and really helpful to do this stuff! We are just getting into a WS2812. Small suggestion, it might help if you show the product, wiring and interface much more (than just seeing you talk) I think it's great to show yourself during the into, and end, etc, but for tech videos, it helps to see visuals that aid the discussion, even if they are not changing ever 2 seconds, because this is hard to learn all this!

  • @Arduino.bibassata
    @Arduino.bibassata Год назад +1

    Thanks your video is rich as all lasts

  • @Razor_Burn
    @Razor_Burn Год назад +1

    Fully sick!!! 😍

  • @wildfox1994
    @wildfox1994 5 месяцев назад +1

    8:25 I didin't tried it yet myself but i believe that You can also copy the generated text and paste in as new preset in WLED controller so You can store multiple the pixel arts inside the controller.
    Edit: Ok, I tried it but it looks like there's not enough memory per preset or something to remember all 256 pixels in it. But I found the go-around: I Created 2 presets: one with leds from 0 to 128, and second from 128 to 256. Then I created a playlist with short duration and transition times and with "repeat indefinitely" box unchecked. Now i can set certain pixelart by one click on certain preset playlist. Oh and you should use DEC as Color code format while generating the code, Hex for some reason didn't work for me.
    Edit2: Simple Pixel Arts can "fit" in only one preset, and by creating playlist of different frames we can also create a simple custom animations inside WLED controller.

  • @Can_I_Have_A_Go
    @Can_I_Have_A_Go Год назад +1

    Glad I made you aware of this and knew you'd make a video on it

    • @Core-Electronics
      @Core-Electronics  Год назад

      Is so good! Thanks for teaching me 😊

    • @Can_I_Have_A_Go
      @Can_I_Have_A_Go Год назад +1

      @@Core-Electronics did you really learn it from my video albeit without your production value (which is grand btw) im humbled

    • @Can_I_Have_A_Go
      @Can_I_Have_A_Go Год назад +1

      @@Core-Electronics ive been playing with another way to do what youve done in this video. essentially what you've but in a different way. If you Hollywood that one give me a mention LOL

    • @Core-Electronics
      @Core-Electronics  Год назад

      Updated the description ❤

    • @Can_I_Have_A_Go
      @Can_I_Have_A_Go Год назад

      @@Core-Electronics love you bro.
      Not love love lol.. More bruv love.

  • @daiduong3007
    @daiduong3007 3 месяца назад

    thank you for sharing. I have a question: can I save that image on wled?

  • @joaooliveira8155
    @joaooliveira8155 6 месяцев назад +1

    Hi nice tutorial.
    Do you know a way to add animated gifs?

  • @nika1336
    @nika1336 Год назад +1

    Im a little confused about the battery powered system.
    Does it have 5V on the output pins? And how many LEDs can it power since they don't have a dedicated power supply?

  • @TheTechRandom
    @TheTechRandom Год назад +1

    Awesome explanation! I just finished building a massive LED wall on my channel and I keep getting comments suggesting WLED. My setup is four seperate matrices made with ws2812b strips, each controlled by its own esp8266. I'm going to try this out and see if it's a better solution than my scuffed web socket server.

    • @Core-Electronics
      @Core-Electronics  Год назад

      Get Amongst It! I love your most recent video - ruclips.net/video/PiaS8zfuBHo/видео.html - The WLED Hypnotic Effect would go so hard on that 7 foot long LED Grid. If you need a hand with anything mate come pop me a message 😊❤ Tim

  • @spwim
    @spwim 7 месяцев назад +1

    fantastic project, i built this one!
    about the artists: i defentiely recognize Grant Wood, Friedrich, Mondriaan and is it Rembrandt?

    • @Core-Electronics
      @Core-Electronics  7 месяцев назад

      Cultured and sophisticated 🍷. Also congrats on the build!

  • @zarakikenpachi1773
    @zarakikenpachi1773 10 месяцев назад

    It is possible to make it portable by setting a built in power system like a battery setup, and skip the power cables?

  • @user-rn2fv2fo8b
    @user-rn2fv2fo8b 3 месяца назад

    got any advice on how to make a scrolling led "sign" ? im thinking of using this to make a custom scrolling led sign for my car to put around it at a car show. i havent seen anyone do something like that and i think it'd get a lot of attention.

  • @taranagnew436
    @taranagnew436 Год назад

    can you do this with a nodeMCU and a 32x32 led matrix?

  • @jakemccoy2887
    @jakemccoy2887 Год назад

    Can I connect 2 led panels together in different frames and have them as 2 separate segments in wled?

  • @aktoyourface
    @aktoyourface 10 месяцев назад +1

    The David Attenborough of the led World

  • @Ilumeplaycurtainlights
    @Ilumeplaycurtainlights 5 месяцев назад

    Wow😮

  • @yourguardianangel4714
    @yourguardianangel4714 Год назад

    thats good mate can u plz show me where too get the pixel Art from because l dont have none?...........🤣😚

  • @lanphanh
    @lanphanh Год назад

    Can this ESP8266 work with the regular RGB Led?

  • @volkinaxe
    @volkinaxe 4 месяца назад

    is there something like this for hub 75 led i have had no luck with programing
    them

  • @fartovyi_exe
    @fartovyi_exe 11 месяцев назад

    Hello!
    Is there a converter for converting gif images?

  • @janclauder
    @janclauder 5 месяцев назад

    Is this also possible with a LED Matrix which is 8x10 pixels?

  • @ianacoustic6685
    @ianacoustic6685 Год назад +1

    hello sir can i request?please create a tutorial about how to set time and date using the buttons please help me im a student thankyouu

  • @Mr.Hedonixt
    @Mr.Hedonixt 5 месяцев назад

    can i use custom shapes such as a triangle?? pls reply

  • @Guilevic
    @Guilevic Год назад +1

    (Just watched 2 mins but.. )Thats so cool!!!!! Trying to understand the English, I'm Brazilian.

    • @Core-Electronics
      @Core-Electronics  Год назад

      Awww sweeet! Thanks for your kindness! Hit up the Captions in the bottom right and translate me to Portuguese if that helps 😊

    • @fabricioBarros
      @fabricioBarros Год назад

      Haha outro Br aprendendo aqui

  • @notsurt
    @notsurt Год назад +1

    If you want to go from D1 Mini to battery powered you could just add the D1 Mini Battery Shield rather than switching to a whole other MCU board.

    • @Core-Electronics
      @Core-Electronics  Год назад +1

      Definitely a good idea, just chatting to our Purchase Man about adding that Shield to our store 😊

  • @ferusinfo
    @ferusinfo Год назад +1

    As for 3x3 matrix grid, what power supply have you used? With 576 LEDs it must be something more serious.

    • @Core-Electronics
      @Core-Electronics  Год назад

      I utilised a Single 5V 4A supply which makes all the lights proper bright, link to the exact one I used here - core-electronics.com.au/catalog/product/view/sku/AM8911B

  • @janclauder
    @janclauder 5 месяцев назад

    Can I also upload a gif or just one image?

  • @andrewowens5653
    @andrewowens5653 Год назад +2

    Nice Coogi...

    • @Core-Electronics
      @Core-Electronics  Год назад +1

      Australian made! Like me 😊
      Coogi down to the socks

  • @vipalsharma4120
    @vipalsharma4120 11 месяцев назад

    When disconnected 5volt and again given voltage all led plan no data how to save in esp board ?

  • @LockedOutBy2FA
    @LockedOutBy2FA Месяц назад

    I love pixel art displays but have no 3D printer (they're quite expensive when you only need it once or twice) 😞

    • @Core-Electronics
      @Core-Electronics  Месяц назад

      Sorry to hear that mate, you might be able to access a 3d printer other ways though. See if there is a makerspace or Fablab nearby, they usually have 3d printing services for cheap. Or even pop a post on your local Facebook group or something like, a lot of 3d printer nerds love helping people out! 😃
      Best of luck!

  • @prashantaxn
    @prashantaxn Год назад

    good

  • @walterhynson2898
    @walterhynson2898 4 месяца назад

    If this works with adafruits "matrix portal" I will be one happy camper

  • @caleydorrell
    @caleydorrell 10 месяцев назад

    Is there a way to add gifs to this?

  • @monocycle63
    @monocycle63 Месяц назад

    Could you increase the attack of your Noise Gate Filter for next videos please ? Every time you pronounce a word it cuts the start of your word.

  • @Kencole19
    @Kencole19 Год назад +5

    Am I the only who HATES when a video says link down below and the link isn’t there…??! 😡😡

    • @Core-Electronics
      @Core-Electronics  Год назад

      Check the full article for all the resources 😬😬

    • @spwim
      @spwim 7 месяцев назад +1

      @@Core-Electronics That's prerry elaborate clickbate :D

  • @KevinGroninga3D
    @KevinGroninga3D Год назад +1

    Is there a way to save an uploaded bit of Pixel Art as a preset? I've tried and can't get it to seem to save the current state of the segment. i also tried copying the API code from the HTML page and saving it into the preset and the JSON API code doesn't pass validation. Any advice?

    • @julianodasoo5900
      @julianodasoo5900 Год назад +2

      Same for me

    • @Leconcasseur
      @Leconcasseur 7 месяцев назад

      hey you found anythings ?

    • @ryanschmitt5053
      @ryanschmitt5053 7 месяцев назад +1

      I am having this issue as well. I want to save a few images as presets to create a playlist. When I save a preset with the image loaded to it and go back to that preset the lights are all off

    • @KevinGroninga3D
      @KevinGroninga3D 7 месяцев назад

      @@ryanschmitt5053 in my case, my images were larger than could be held in the preset, so I had to do multiple presets, each with a portion of my image. Then created another preset tied the 4 or 5 of them together.

    • @ryanschmitt5053
      @ryanschmitt5053 7 месяцев назад +1

      @@KevinGroninga3D I finally figured it out. For me the solution was unchecking "use current state" from there the api window pops up and you can copy the clipboard of the pixel art converter page in to there.

  • @dkacor
    @dkacor Год назад

    nice vid but its something bad with ur microphone or with my speakers lol.very often your voice is cutting at the end of words

    • @roguestreak
      @roguestreak 9 месяцев назад

      there's some extremely annoying audio processing happening, a noise gate or something, especially when combined with the choppy music at the start

  • @mbennett2663
    @mbennett2663 Год назад

    I love messing w matrices and haven't seen these boards before.. holy shit those are expensive as hell for such a little board! Amazon has larger 16x16 for the same price and dbl the LEDs brother just a heads up for anyone wanting more for ur money.

  • @KJW648
    @KJW648 Год назад +2

    I prefer to use bigger Flexible panels, last version was a 32x32 with 10 retro arcade full scrolling animations on one Arduino .... ruclips.net/video/Y6wS0QHChsw/видео.html

    • @Core-Electronics
      @Core-Electronics  Год назад +1

      Very elegant build! Thank you kindly for showing 😊 the code you have running on them has me curious.
      WLED will also work on those Flexible Panels, I'd love to see some of the grid patterns running on your set up.

  • @PizzaCologne3
    @PizzaCologne3 7 месяцев назад

    we need animations

  • @markpostlethwaite2340
    @markpostlethwaite2340 6 месяцев назад

    Why do you speak with so many long pauses?

  • @ryodan3886
    @ryodan3886 4 месяца назад

    The audio quality is shit