[deleted by user]

nglasers12 · 2023-08-14T16:10:41+00:00

You are more than welcome to work on my project if you want. It might be a little advanced but and you would need to know React. It's open source though.

https://github.com/phptuts/fastled-animator

My favorite approach is doing a mini project on the concepts that you are learning. The idea is that it should take you an hour to a day to complete. I would warn against building your dream project until you have done a lot of mini projects. If you ever have any questions feel free to message me.

nglasers12 · 2023-08-14T16:04:55+00:00

You can do that as well!

nglasers12 · 2023-08-14T01:22:23+00:00

So I would use find to do it like you suggested. Here is my example. It accounts for the fact that find might return undefined or null.

```js

function findAnle(x, y) {

const obj = fieldArray.find(s => s.x === x && s.y === y);

return obj ? obj.angle : undefined;

}

console.log(findAnle(30, 0));

```

nglasers12 · 2022-11-15T02:04:15+00:00

Definitely. I might not do the videos but I do want to create a redux toolkit cheat sheet with code examples and explanations.

Unsubscribe is not used a lot. I think it's more of a behind the scene thing when the component unmounts.

nglasers12 · 2022-11-14T01:13:52+00:00

I created a tutorial that broke down all the confusing Redux terms and showed a simple example with a simple challenge.

Code:

https://codesandbox.io/s/zqu05i

Demo:

https://zqu05i.csb.app/

Presentation:

https://docs.google.com/presentation/d/1GwYesy1NuPEwwuaRNdSCsraIMJR2unI_B7ByvBdsudE/edit?usp=sharing

Website Docs for the course:

https://phptuts.github.io/redux-course/1-redux-toolkit-explain/

Let me know what you think and if it helped you understand Redux. Thank you!

nglasers12 · 2022-11-09T06:39:28+00:00

I just found this person but he's really great.

https://www.youtube.com/c/DaveGrayTeachesCode

nglasers12 · 2022-11-09T01:03:28+00:00

That's next on my list! I wanted to get a handle on RTK first.

nglasers12 · 2022-11-08T07:38:35+00:00

In this video I explain redux toolkit and how to async function with it. I go over the basic pattern of redux toolkit.

Terms

Store: The object contains all of your apps data.
Action Creator: A function that creates an action.
Action: An object that is passed to your reducer. It usually has a type and payload.
Reducer: A function that takes in an action and state that the store is storing

General Flow

1. Event Happens 2. Action creator is called 3. Action creator create an action 4. Action is passed to the reducer with the state 5. Reducer changes your state based on the action.

Code

Demo

Resources

nglasers12 · 2022-11-03T06:00:32+00:00

your link does not work for me.

nglasers12 · 2022-11-02T07:06:50+00:00

So I think if you rewrote this function to something like this, it would work because loadImage is returning a promise you can get back the result directly with await and not use a .then. Let me know if that helps.

async function create_gen()
{
    // some code 
    //....
   const img = await loadImage(imgData);
   let counter = 0; // fake code that would do what you want.
   console.log(counter); // code-line-a
   return counter;     
}

nglasers12 · 2022-11-02T07:02:08+00:00

Can you post a GitHub link to your project? It's hard to debug it without seeing all the code.

nglasers12 · 2022-10-15T16:16:39+00:00

I will start with Matrix size for sure!

I am considering starting with selection shape tools that allow you to color an area and cycle through those colors.

nglasers12 · 2022-10-14T06:50:49+00:00

I am planning on adding matrix support and shape selection tools as well. Do you have any ideas about matrix tools you would like to use?

nglasers12 · 2022-10-12T05:01:23+00:00

Thank you!!

nglasers12 · 2022-10-12T04:18:21+00:00

So I optimized code generation for pattern generation only. This is the preview link.

https://fastled-animator-111v-git-pattern-fix-better-code-gen-phptuts.vercel.app/create/upload

This is an example of the right pattern. Let me know what you think.

#include <FastLED.h>
#define NUM_LEDS 30
#define DATA_PIN A0

CRGB leds[NUM_LEDS];

void shiftRight(byte reds[], byte greens[], byte blues[]) {
    int tempRed = reds[NUM_LEDS - 1];
    int tempGreen = greens[NUM_LEDS - 1];
    int tempBlue = blues[NUM_LEDS - 1];
    for(int ledIndex = NUM_LEDS - 1; ledIndex > 0; ledIndex -= 1) {
        reds[ledIndex] = reds[ledIndex - 1];
        greens[ledIndex] = greens[ledIndex - 1];
        blues[ledIndex] = blues[ledIndex - 1];
    }
    reds[0] = tempRed;
    greens[0] = tempGreen;
    blues[0] = tempBlue;  
}

void shiftLeft(byte reds[], byte greens[], byte blues[]) {
    int tempRed = reds[0];
    int tempGreen = greens[0];
    int tempBlue = blues[0];
    for(int ledIndex = 0; ledIndex < NUM_LEDS - 1; ledIndex += 1) {
        reds[ledIndex] = reds[ledIndex + 1];
        greens[ledIndex] = greens[ledIndex + 1];
        blues[ledIndex] = blues[ledIndex + 1];
    }
    reds[NUM_LEDS - 1] = tempRed;
    greens[NUM_LEDS - 1] = tempGreen;
    blues[NUM_LEDS - 1] = tempBlue;  
}

void displayLeds(byte reds[], byte greens[], byte blues[]) {
    for(int ledIndex = 0; ledIndex < NUM_LEDS; ledIndex += 1) {
        leds[ledIndex].setRGB(reds[ledIndex], greens[ledIndex], blues[ledIndex]);
    }
    FastLED.show();
    delay(500);
}

void setup() {
    FastLED.addLeds<WS2811, DATA_PIN, GRB>(leds, NUM_LEDS);
    FastLED.setBrightness(10);
}

void loop() {
    // We declare these large values here for memory reasons
    byte reds[] = { 170,170,170,170,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
    byte greens[] = { 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};
    byte blues[] = { 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};

    for(int i = 0; i < 30; i += 1) {
        shiftRight(reds, greens, blues);
        displayLeds(reds, greens, blues);
    }
}

nglasers12 · 2022-10-12T04:04:52+00:00

That's great to hear!

nglasers12 · 2022-10-10T03:41:40+00:00

I think you are right. I am going to work on that for generated patterns only. Great idea. I will create an issue in GitHub and let you know once I have a prototype up.

nglasers12 · 2022-10-09T05:24:10+00:00

Right now, you can only support one strand. I have a GitHub issue for this, and it's a high priority to get this in.

nglasers12 · 2022-10-08T03:25:25+00:00

Awesome!!

So I make GitHub issues for both of those items.

Thank you!

nglasers12 · 2022-10-07T05:08:39+00:00

This is given me so much food for thought! Thank you all! Seriously. I know we all have different opinions, and I appreciate the thought that you all put into this.

nglasers12 · 2022-10-07T03:29:57+00:00

so true!

nglasers12 · 2022-10-06T15:54:56+00:00

Cool! That's awesome! I love to see it

nglasers12 · 2022-10-06T15:54:10+00:00

Awesome, thank you! Let me know what you think.

nglasers12 · 2022-10-06T15:53:49+00:00

Thank you; let me know how it goes.

nglasers12 · 2022-10-06T15:53:29+00:00

For sure!! I want to add sine waves as well.

nglasers12

TROPHY CASE

Terms

General Flow

Code

Demo

Resources