GithubHelp home page GithubHelp logo

jixishi / neopixel-effect-generator Goto Github PK

View Code? Open in Web Editor NEW

This project forked from adrianotiger/neopixel-effect-generator

0.0 1.0 0.0 640 KB

Online editor to generate Arduino code for neopixel ledstrips without programming knowledge

Home Page: https://adrianotiger.github.io/Neopixel-Effect-Generator/

License: GNU General Public License v3.0

CSS 16.02% HTML 7.56% JavaScript 76.41%

neopixel-effect-generator's Introduction

Neopixel-Effect-Generator

Online editor to generate Arduino code for neopixel ledstrips without programming knowledge

With this editor, you can create some effects for your led strips. It is easy and you don't need to know how programming it, the code will be generated directly on the webpage.

Try it

Open this link https://adrianotiger.github.io/Neopixel-Effect-Generator/ and begin to "draw" your animation. screenshot

Since v3.0, it works also on smartphones: screenshot

How to use the webpage?

Open the webpage and add a strip. Select the pin and led quantity. At this point you will be able to add effects to your strip dinamically. At the end press the "Generatre Arduino Code" to get the code for your Arduino.

How create the hardware?

It is really simple:

  1. Buy an Arduino (from 2$ to 15$, doesn't matter)
  2. Buy a WS2812 Led Strip (30leds/1m is 4$ and 60leds/1m is 8$ for each meter)
  3. Connect a power supply to the led strip and connect 1 wire from Arduino to the Led Strip (data)
  4. That's it Check the Wiki for more information.

Want to create your own effects?

For each effect, there is a dedicated webpage on github. You can see the documentation for each effect. Check the Wiki page to discover how create a new effect for this generator.

neopixel-effect-generator's People

Contributors

adrianotiger avatar jmmzzei avatar

Watchers

 avatar

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.