wasm_impl.h

Go to the documentation of this file.

 
 
 
 
#include <FastLED.h>
#include "fl/fx/2d/noisepalette.h"
#include "fl/stl/json.h"
#include "fl/stl/span.h"
#include "fl/fx/fx_engine.h"
 
#include "fl/fx/2d/animartrix.hpp"
#include "fl/ui/ui.h"
 
 
 
#define LED_PIN 3
#define BRIGHTNESS 96
#define COLOR_ORDER GRB
 
#define MATRIX_WIDTH 32
#define MATRIX_HEIGHT 32
#define GRID_SERPENTINE false
 
#define NUM_LEDS (MATRIX_WIDTH * MATRIX_HEIGHT)
 
// This example combines two features of FastLED to produce a remarkable range
// of effects from a relatively small amount of code.  This example combines
// FastLED's color palette lookup functions with FastLED's Perlin noise
// generator, and the combination is extremely powerful.
//
// You might want to look at the "ColorPalette" and "Noise" examples separately
// if this example code seems daunting.
//
//
// The basic setup here is that for each frame, we generate a new fl::array of
// 'noise' data, and then map it onto the LED matrix through a color palette.
//
// Periodically, the color palette is changed, and new noise-generation
// parameters are chosen at the same time.  In this example, specific
// noise-generation values have been selected to match the given color palettes;
// some are faster, or slower, or larger, or smaller than others, but there's no
// reason these parameters can't be freely mixed-and-matched.
//
// In addition, this example includes some fast automatic 'data smoothing' at
// lower noise speeds to help produce smoother animations in those cases.
//
// The FastLED built-in color palettes (Forest, Clouds, Lava, Ocean, Party) are
// used, as well as some 'hand-defined' ones, and some proceedurally generated
// palettes.
 
// Scale determines how far apart the pixels in our noise matrix are.  Try
// changing these values around to see how it affects the motion of the display.
// The higher the value of scale, the more "zoomed out" the noise iwll be.  A
// value of 1 will be so zoomed in, you'll mostly see solid colors.
#define SCALE 20
 
// We're using the x/y dimensions to map to the x/y pixels on the matrix.  We'll
// use the z-axis for "time".  speed determines how fast time moves forward. Try
// 1 for a very slow moving effect, or 60 for something that ends up looking
// like water.
#define SPEED 30
 
// This is our frame buffer
fl::CRGB leds[NUM_LEDS];
 
// We use an fl::XYMap because it will produce the correct fl::ScreenMap for the
// web display.
fl::XYMap xyMap = fl::XYMap::constructRectangularGrid(MATRIX_WIDTH, MATRIX_HEIGHT);
fl::NoisePalette noisePalette = fl::NoisePalette(xyMap);
 
fl::UITitle title("FastLED Wasm Demo");
fl::UIDescription description("This example combines two features of FastLED to produce a remarkable range of effects from a relatively small amount of code.  This example combines FastLED's color palette lookup functions with FastLED's Perlin noise generator, and the combination is extremely powerful");
 
 
// These UI elements are dynamic when using the FastLED web compiler.
// When deployed to a real device these elements will always be the default value.
fl::UISlider brightness("Brightness", 255, 0, 255);
fl::UICheckbox isOff("Off", false);
fl::UISlider speed("Noise - Speed", 15, 1, 50);
fl::UICheckbox changePallete("Noise - Auto Palette", true);
fl::UISlider changePalletTime("Noise - Time until next random Palette", 5, 1, 100);
fl::UISlider scale( "Noise - Scale", 20, 1, 100);
fl::UIButton changePalette("Noise - Next Palette");
fl::UIButton changeFx("Switch between Noise & fl::Animartrix");
UINumberField fxIndex("fl::Animartrix - index", 0, 0, static_cast<int>(fl::AnimartrixAnim::NUM_ANIMATIONS));
fl::UISlider timeSpeed("Time Speed", 1, -10, 10, .1);
 
// Group related UI elements using fl::UIGroup template multi-argument constructor
fl::UIGroup noiseControls("Noise Controls", speed, changePallete, changePalletTime, scale, changePalette);
fl::UIGroup animartrixControls("fl::Animartrix Controls", fxIndex, changeFx);
fl::UIGroup displayControls("Display Controls", brightness, isOff, timeSpeed);
 
// fl::Animartrix is a visualizer.
fl::Animartrix animartrix(xyMap, fl::AnimartrixAnim::POLAR_WAVES);
 
// fl::FxEngine allows nice things like switching between visualizers.
fl::FxEngine fxEngine(NUM_LEDS);
 
void setup() {
    Serial.begin(115200);
    Serial.println("Sketch setup");
    FastLED.addLeds<WS2811, LED_PIN, COLOR_ORDER>(leds, NUM_LEDS)
        .setCorrection(TypicalLEDStrip)
        .setScreenMap(xyMap);  // This is needed for the web display to work correctly.
    Serial.println("FastLED setup done");
    FastLED.setBrightness(brightness);
    //noisePalette.setSpeed(speed);
    noisePalette.setScale(scale);
    fxEngine.addFx(animartrix);  // Adding both effects allows us to switch between them.
    fxEngine.addFx(noisePalette);
    Serial.println("Sketch setup done");
}
 
void loop() {
    uint32_t now = fl::millis();
    FastLED.setBrightness(!isOff ? brightness.as<uint8_t>() : 0);
    noisePalette.setSpeed(speed);
    noisePalette.setScale(scale);
    fxEngine.setSpeed(timeSpeed);
 
    if (changeFx) {
        fxEngine.nextFx();
    }
    // We use the dynamic version here which allows the change time to respond
    // to changes from the UI element.
    EVERY_N_MILLISECONDS_DYNAMIC(changePalletTime.as<int>() * 1000) {
        if (changePallete) {
            noisePalette.changeToRandomPalette();
        }
    }
 
    if (changePalette) {
        noisePalette.changeToRandomPalette();
 
    }
 
    // Do a change of palette if the button is pressed.
    static int lastFxIndex = -1;
    if (fxIndex.value() != lastFxIndex) {
        lastFxIndex = fxIndex;
        animartrix.fxSet(fxIndex);
    }
 
 
    fxEngine.draw(now, leds);
    FastLED.show();
}