This will be the final product preview, or at least my final product preview. Yours could end up very different than mine depending on the style of hat along with how many LED's from the LED strip that will be mentioned below will be used.
Step 1: Materials
Here we shall begin with some materials that will be needed, as seen in the picture is:
1x Umbrella Hat (https://smile.amazon.com/gp/product/B004SSVMP2/ref=oh_aui_detailpage_o00_s00?ie=UTF8&psc=1) note: this hat ended up not being used in the final product due to unforeseen issues, the hat I ended up using can be found here: https://www.walmart.com/ip/Faded-Glory-Women-s-Basic-Floppy-Hat/55347295?variantFieldId=actual_color
1x LED Strip (Specifically the WS2812B which can be found here: https://smile.amazon.com/gp/product/B01533H3CG/ref=oh_aui_detailpage_o02_s00?ie=UTF8&psc=1)
1x 2.1x5.5mm Male DC Power Plug to 9V Battery Button Connector Cable (https://www.amazon.com/2-1x5-5mm-Power-Battery-Button-Connector/dp/B005D65LEG/ref=pd_lpo_vtph_147_lp_t_3?_encoding=UTF8&psc=1&refRID=FTYYJGE5584QFBGZ2SM2)
1x Arduino Uno (https://store.arduino.cc/usa/arduino-uno-rev3)
1x 150 Ohm Resistor (https://www.radioshack.com/products/radioshack-150-ohm-1-2w-5-carbon-film-resistor-pk-5)
1x Photoresistor (https://smile.amazon.com/gp/product/B016D737Y4/ref=oh_aui_detailpage_o01_s00?ie=UTF8&psc=1)
Step 2: The Beginning Workings of the Hat
To begin, if you were to buy the umbrella hat as originally planned. Then you would want to adjust the hat to your liking that you think would best suit your needs for the LED strip along with space for the arduino, battery, wires and cables, and some other stuff possibly as well. What can be seen above is what I had originally planned on working with but ended up not working out quite the way I wanted so I went ahead and went with my backup plan which is the floppy hat as linked earlier.
Step 3: What Else Is There?
So now that everything has been gathered and you've done what you've wanted to do to your hat there is something missing that hasn't been touched on yet and that is...you guessed it, programming the Arduino Uno.
One really useful guide that I ended up finding to help with those Mac users out there (Mac master race! (sub note: for the arts anyway)): https://www.arduino.cc/en/guide/macOSX
This link will help you get started with setting up arduino for the mac.
When you first open the arduino software after downloading and installation (link: https://www.arduino.cc/en/Main/Software)
You will want to head into tools section in the task bar and make sure to check that the correct arduino board and port are selected (for Macs for the port it should mention usbmodem). After that head into the preferences of the Arduino and select the location you want all of your "sketches" you'd like to be automatically saved and located. I recommend creating a folder titled "Arduino" and saving it onto an external hard drive if you happen to have one. (my external hard drive if anyone wants one: https://smile.amazon.com/gp/product/B00FRHTTIA/re...
Once the file is created we can finally get to work, if you ended up buying the LED strip that I used then you'll want to download the Adafrui_Neopixel library which can be found here: https://learn.adafruit.com/adafruit-neopixel-uber...
Now we can get to the fun part! The actual coding!!
Now to keep it easy I'll just go ahead and give you the code I ended up using to help save you some time for this process: (hint: download the .ino file, this is the arduino program file with the coding for Electro Hat)
Step 4: Now That You Have Your Coding It's Time to Have Some Fun
Now that the coding is all done (you didn't even have to do the hardwork) you should be close to the end product. After coding the Arduino all that is left to do is to edit how many LED's from the strip you're using (hint: change the number from the #define NUMPIXELS) you can finally come close to the end step.
Once the coding has been done, simply place the lights where you'd like them to go (I would not recommend taking the adhesive off just yet) set them in a mock position that you would like to try and then test the lights to make sure that you will achieve the affect you're going for. Once you're happy with the result you will achieve, take the adhesive backing off and gently place your LED strip in the position you had wanted earlier. TA-DA! You've now completed the electro hat. I hope you enjoyed this intractable and I hope that it was an easy one to follow along.
Step 5: Done!
That was easy now wasn't it? Hopefully this instruactable was helpful at least a little bit. I appreciate any feedback and constructive criticism (this is only my first instructable and I appreciate all of ya'lls time.) Come back now ya here?