Giter Club home page Giter Club logo

fastled-animator's Introduction

FastLED Animator

My mission is to empower noncoders to make art with RGB-led light strips. Not knowing how to code should not stop you from creating. I want to enable artists, hobbyists, and the curious to build amazing things. If you have any feedback or use cases, please email me at glaserpower [] gmail.com.

Thank You

The code used to run the rgb LEDs on the Arduino is fastled. It's a free, open-source project. I would not have been able to build the website without them. Thank you focalintent and kriegsman for this making possible!

Future LED Object

const frame = {
    // [1,2,4] are the leds that will be colored "#00AA00"
    colors: [{"#00AA00": [1,2,4], "#AA0000": [3,5]}],
    // These are the selected leds
    selected: [1,2,3]
} 

fastled-animator's People

Contributors

phptuts avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

fastled-animator's Issues

Selection icon png update

This is an attempt to improve usability a bit. Currently the visual location of the selection pointer is offset from where the actual pick location is (which seems to be the upper left of the graphic). This moves the visual of the blue pointer point closer to that location. Or maybe there's a better way to do this?

slection pointer info

Old and new png file.
selectionOld
selection

Matrix Support

Grid support with shape selection tools

Is there support for matrixs?

Multiple LED Strips

A blue-sky feature would be the ability to have multiple LED strips, so that I could create a scrolling vertical pattern, or scrolling text.

Copy Tool

Create a tool that copys the code to the clipboard.

Make it so that two colors are selectable

A mouse button action would be more intuitive and easier to use. Perhaps click to toggle the selected LED between the selected colour and off.

As an extra enhancement, how about having 2 currently selected colours, one linked to the left mouse button and one to the right mouse button, each with "click to toggle" the colour as above ?

Notes

Look at the illustrator UI as an example of what might be possible.

Cut LED out

Used for people sewing leds with unique patterns.

Me page UI suggestion

When I first went to the Me page, the name field and Save button didn't even register to me since it was almost the full page width. I think I thought the Save button was a page section divider of some sort. Here's a UI change suggestion.

SNAG-0031

Can Select and Unselect be combined?

I was wondering if the Select and Unselect buttons could be combined? Then when clicking it would select, or unselect, based on if the pixel was already selected or not.

Bounce Patterns Should Auto Subtract

Purpose

We should look at the last led that is not black and make the necessary subtraction of frames.

Original Post

I tried 8 LEDs, 16 frames, Bounce right

When the lit LED gets back to LED 0 after the first bounce the next LED to light is number 7 so something is not correct

	//Frame 16
	leds[0].setRGB(0, 0, 0);
	leds[7].setRGB(170, 0, 0);
	FastLED.show();
	delay(500);

This seems to be the problem

Stream Patterns

Stream pattern the live from the browser to the Arduino without flashing it.

Opens the door up for syncing with music.

Generate Better code when pattern generation is used.

Reddit Comment

very very cool. could the code it outputs be a little more streamlined? ill admit I didn't play around with it too much, so forgive me if this is a feature. could the code output be at least optionally in the form of a for loop for example? and as a function?... after messing around a little more I see you can paint individual LEDs!!!! very cool feature and I see why a for loop wouldn't work. but when you use the odd, even, and forth could those be Output as For loop functions?

Adjust Size of LEDs

Would love to be able to adjust the size of the LEDs so that instead of curving like a snake I can view it in one row.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.