Pretty cool ASCII animation, but I'm more impressed by your presentation. What software did you use to create the animations of your presentation with?
You can use higher order functions for most of your for-loops, For example .forEach(), .map() and .reduce() Also just use a two-dimensional array, so identifying the depth is easier :)
Disliking one of the best pieces of content that teaches how to create a cool effect in a way where there is minimal effort to translate this to other languages is such a soy boy js dev move
There are so many errors and laziness in the code that I would be ashamed of publishing this if I was you. Or maybe, this just an AI generate code for a cash grab to get RUclips revenus. Also, the code you give does not make the wanted fire output, you should test your code. The +1 in (width*height+1) to fill the array at the beginning, is donne just so the calculation of averageValue doesn't break because it is not done properly, shows the laziness of the programmer. Here is an obvious error, when you put the end of line in the string the if statement should be "if ((i+1) % width === 0) {" and not "if (i % width === 0) {". Why a random column when initializing the array ? It is already assigning a random character just use i (+ bottom line position) as the index. This has to be AI generated code. No sane programmer would do this.
It's not his code. And as he said at the beginning, the guy is a front end developer who shared some 140 experiments in this github repo. Cut him some slack and stop being a jerk. But you did identify the issue that causes the fire to creep to the left. Lastly, the random column is a hack to increase the number of spaces on the bottom row.
If you thought thst was neat, the "bb" demo will blow your mind. That fire demo looks a lot like the one from aafire/cacafire (from aalib/libcaca respectively)
@@gnelsedrakyan7366 You don't necessarily end up with the same number of iterations, but in this context it's very likely that the micro-optimizations of prefix addition and unravelling won't really do much in runtime.
@@melchiormagni 'Char' and 'chars' in code are abbreviations with their own established pronunciations. We devs pronounce them 'car' and 'cars'. And your suggested pronunciation is wrong: The first 'a' in 'character' (IPA: /ˈkarɪktə/) is pronounced like in 'cat', not 'care' (IPA: /kɛː/). Source: Oxford Dictionary.
Neither Oxford nor you decide English pronunciation. I doubt that slight accent made the content any less understandable. Dictionaries are reference materials, not the law.
Abusing Math.random() to the fullest and torture your CPU. How about just save the random value in the first line of the loop and add-multiply-mod it so to save calc time?
Video could've been much better if you had put in an actual human voice. Currently it is just plan emotionless voice which many will straight away ignore or leave in middle.
@@rranon8489 Your criticism is that his "explanation sucks" which is useless. Then you insult his accent. You're just terrible at programming and taking it out on someone who actually can.
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
If you find this video valuable then do Like Share Comment and Subscribe to the channel: ruclips.net/channel/UCNWGZXzuU9oGggS2egZiKxA
Please provide code to practice beginners can't do this by themselves
Sure, I have mentioned the link to code in video description 🙂
@@Snippets_Code Thank you such much and keep growing and shining 🌟
1:37 Awesome, you just killed my laptop speakers 🧨
1:35
Imagine having headphones in
rip to my ear (using headphone)
1:30 - 'Next, we will generate the fire' BOOOOOOOOOOOM.
better use request animation frame so that it become non blocking
1:34
Pretty cool ASCII animation, but I'm more impressed by your presentation. What software did you use to create the animations of your presentation with?
There is a tool called Motion Canvas and I'm wondering if you used that....
@@CaptainPanickr/lefttheburneron
@@hakuruyu lol, I can see why you'd think that.
Immense animations on the video! Such an awesome presentation!
A very convoluted way of explaining it...
You can use higher order functions for most of your for-loops,
For example .forEach(), .map() and .reduce()
Also just use a two-dimensional array, so identifying the depth is easier :)
Sure 🙂
you should use some noise multiplied by other noise to get better effect, also you didn't explain to use mono font, besides that good for beginners
That's the purpose of pre tag, which he did mention.
This is insane, i'm impressed 🤯
Disliked for adding sheety loud noise in middle
I will make sure to fix it from the upcoming videos, thank you for letting me know 🙂
@@Snippets_Codei was kinda taken by surprise, i thought that perhaps you forgot to tone down the clip's volume.
Disliking the video just for that seems a bit excessive, though. The content was good
Disliking one of the best pieces of content that teaches how to create a cool effect in a way where there is minimal effort to translate this to other languages is such a soy boy js dev move
If I would dislike, it would be for JavaScript. However, the video is good.
1:35 Oh this is the best moment of the video
Liked and subscribed... it reminded me of my student days using the C language 😊
There are so many errors and laziness in the code that I would be ashamed of publishing this if I was you. Or maybe, this just an AI generate code for a cash grab to get RUclips revenus. Also, the code you give does not make the wanted fire output, you should test your code.
The +1 in (width*height+1) to fill the array at the beginning, is donne just so the calculation of averageValue doesn't break because it is not done properly, shows the laziness of the programmer.
Here is an obvious error, when you put the end of line in the string the if statement should be "if ((i+1) % width === 0) {" and not "if (i % width === 0) {".
Why a random column when initializing the array ? It is already assigning a random character just use i (+ bottom line position) as the index. This has to be AI generated code. No sane programmer would do this.
It's not his code. And as he said at the beginning, the guy is a front end developer who shared some 140 experiments in this github repo. Cut him some slack and stop being a jerk.
But you did identify the issue that causes the fire to creep to the left. Lastly, the random column is a hack to increase the number of spaces on the bottom row.
Can you provide a link to a working codepen, plsssss? This is amazing. Thanks, SC!
I have mentioned the link to code in description 🙂
@@Snippets_Code thank you very much 🙂
Nice visuals, great explanation!
If you thought thst was neat, the "bb" demo will blow your mind.
That fire demo looks a lot like the one from aafire/cacafire (from aalib/libcaca respectively)
yeah, young js devs rediscovering 20yr old stuff
@@SamusUy a new generation of Apple inventors 😂
Liked the tutorial 💜
Surprisingly simple
Yeah I thought this would be way more complicated
Amazing presentation and information, thanks
❤❤❤ Now That is some Technical JS
I didn't understand 😢. But you explained well .
You can try checking the code, link the in the description, that might help you 🙂
thanks, I'll bash that for my terminal:)
why are people mad bro, good video
some people dont like how loud the explosion was
@@Mutrax4706 only the tistic ones
this video is interesting i will try to recreate it
This is slow. Too many loops. You can do this in 1 loop.
How?
No reason to do that, iterations number will be same, or you got some interesting way I don't thought about
Dude, you can't say "this can be done in one loop and not say how. That and saying nothing is the same, that's just throwing hate for hate's sake
Explain then.
@@gnelsedrakyan7366 You don't necessarily end up with the same number of iterations, but in this context it's very likely that the micro-optimizations of prefix addition and unravelling won't really do much in runtime.
Why does the voice sound like AI?
Ooooh lit animations
Replace background to something like #830 as the grand finale.
Why are you only using let even on static values that will never change?😅
I’m losing it at the booooom controversy
"chars" is pronounced like "cars", not "cares".
@@melchiormagni 'Char' and 'chars' in code are abbreviations with their own established pronunciations. We devs pronounce them 'car' and 'cars'. And your suggested pronunciation is wrong: The first 'a' in 'character' (IPA: /ˈkarɪktə/) is pronounced like in 'cat', not 'care' (IPA: /kɛː/). Source: Oxford Dictionary.
Neither Oxford nor you decide English pronunciation. I doubt that slight accent made the content any less understandable.
Dictionaries are reference materials, not the law.
I feel like this is not the approach i would take if i was given this as a problem.
Carmack not mentioned 😢
basically how tui software works
Abusing Math.random() to the fullest and torture your CPU.
How about just save the random value in the first line of the loop and add-multiply-mod it so to save calc time?
Isn’t that what math.random does? It doesn’t seed each time (I hope)
What's the original link to see ?
I have mentioned that in the description 🙂
Libaa much?
Explaining completely nothing.
Indian chat gpt fireship
Video could've been much better if you had put in an actual human voice.
Currently it is just plan emotionless voice which many will straight away ignore or leave in middle.
It will cause a major frame drop use canvas instead
For the love of god, please don't destroy your efforts with annoying sound effects.
Playing with dom isn't efficient
you can play with canvas brooooo
Meh
bro its not that hard just get a gif put it in a canvas get the canvas pixels and just encode them in a string bro using monospace font
That’s not the point lol
Good job entirely missing the point.
Explanation sucks.
"fireChar" and "for loop" pronunciations suck.
I will try to improve in further videos 🙂
Rude comment.
@@jeffreygordon7194 Might be. But that doesn't mean there isn't a room for improvement. Can't always have sugar-coated criticisms.
@@rranon8489 Your criticism is that his "explanation sucks" which is useless. Then you insult his accent. You're just terrible at programming and taking it out on someone who actually can.