This wasn't sponsored but you should def check out their site regardless. It's dope af yo: bit.ly/EvervaultCustomerPageEffect. edit: To clarify, I put the ref=Hyperplexed in the link as well as used bitly to track link clicks. Going to these brands in the future to be sponsors of these types vids would be one of the most seamless ways to integrate a sponsor so I want to be prepared with as much data for myself (and them) as possible. I really wanted to ask Evervault to sponsor but I chickened out because I wasn't sure how this vid would perform lol. Next time...
Sounds like the indie Web to me! Making Web pages into an art form comes pretty naturally to people who make pages in their off time. Just like those really old Internet sites with all the colors & formats, but with new technologies and mediums of expression added onto them, too!
nah pal, you're just mistaken. he's just shamelessly copying the persona of a character named "Joe Goldberg" from the TV Show "You." that's all. that's it.
@@CommissarChaoticI don’t think so, it’s a good idea but singing to remember something better uses some kind of rote musical memory, while simply making something more interesting helps to keep your attention on that thing so you are more likely to remember it
Usually making normal videos dramatic just seems silly, this one however just felt right. No weird plots, no extremely loud rock music, just perfect. It just shows how good of an editor hyperplexed actually is.
after programming for nearly two decades I finally know how to create a random letter and the dramatic importance of this raw power. Thank you, Hyperplexed!
I think it would eventually get way too obnoxious and distracting though. And videos like these barely teach anything. That's not to say I dislike this video, it was a brilliant cinematic masterpiece. It just shows how excellent an editor Hyperplexed really is.
This gave me chills.. Due to all the incompetent Teachers at my university, i had forgotten why i chose CS. But, this is really Inspiring.. I hope I'm not wrong when i say this, but we need more of this lol.
- Make the text generate all the time, but instead of replacing the whole string, replace random characters in the string. - As the user moves their cursor - gradually but hastily speed up the text effect - As the cursor movement stops - gradually (this time slower) reduce to the initial speed of the text effect
Your editing is incredible. I'm a programming content creator (this is my alt account) and keeping programming interesting and enticing for people just getting into it is hard. You seem to have figured it out though :D
You are sooo cool, I love your energy. I feel like even if I wasnt a programmer I would still enjoy every single video you made. They are like short movies, and so consicise and unique. Don't ever stop making them.
Great way to explain hashing: create the random text by hashing the mouse location and seeding a generator with that. Same text every time you visit the same location.
I think that the last time I have commented on a CZcams video was 5 years ago, now is the time. Good sir, I Just wanted to say, that you have not made a tutorial, you have just made an art piece. Nicely done!
This tutorial has enlightened me... I feel like the Terry A. Davis of Javascript programming after this... because of your teachings, I have successfully landed a job at MAANG. not only that, midway though. my wife and two children have reunited after 3 years and she did this without going after my money... thank you...
I'm actually scared. I can't believe you're gonna totally surprise me with each video more and more. Humankind has to protect this man tooth and nails.
bro this shit fire. literally had me invested. could hav emade this 2 hours long and would have finished it in one sitting. shit like this makes learning new things not feel like a chore
I don't understand why it's more fun for me than another tutorial. Your style of speaking in this video is much more interesting than average. I would appreciate more videos on CZcams like this. :D Keep up your great job.
This would be very useful for those who don't want to copy directly. If small hint and surfacial level explaination is helpful, this type of video is better.
I normally don't comment on your posts, but I just want to thank you. I've been doing frontend work for years now and have the issue that at my job its always the same stuff. I got bored with frontend but your videos made me get inspired again and have fun with it! It makes me fall in love with frontend again. Thank you.
About random letters. May be different in other langauges, but in java every char has an (index?), so you can generate random int [1, 26] and assign it to the char, this way you dont need a string of all characters
honestly that was pretty good, and most who tried looking into somthing a little bit complex know that some programming tutorials REALLY need to be more energetic
this is the quality of programming videos we deserve. imagine if those multi-hour programming tutorials that we sometimes have to sit down and watch, were edited like this? how much better would that make introductory programming?
You don't need a random string every time. It would be much more efficient to have one really long predefined string, and only randomize the starting point, since all you need is the effect of looking like a random string.
may be not on the front page, but you could do it for special notifications like when you purchase an item, and then the notification shows it like an achievement putting that effect over the item purchased.
Another absolute banger from the man himself. I didn't even know these were tutorials till a bit ago because they are so entertaining and awesome. I cant wait to actually learn Java and HTML to follow these lol.
Try using the average brightness of each character to make a mapping of brightness values to characters then use the mask to determine the brightness that should be used to choose what each character is. You can add random changes in the input brightness for choosing the character to get the noisy look of the effect you made. That should give the gradient and random characters while keeping most of the pixels at either the background color or text color (any other colors will be from anti-aliasing).
I know it's meant to be comedic but it unirronically made the programming tutorial much better. Maybe you've the cracked the code to a new type of tutorial.
sweet lord, i just went there, and that effect is SO F****ng satisfying. imma be off playing with that customer page for the next 2 hours. Love the video tho. Not as handholdy as we are used to by you but for a change that one was entertaining.
when I just about to give up my programming I just come and visit your channel to see what i'm about to lose you make a simple thing very artistic and give it a stroy to remember when I need to rewatch them
I figured this was a completely ridiculous example that no one would ever use to exaggerate the tutorial _and then he perfectly delivers that this is real!_
bug fix: the number 9 from the chars it not comming chars[Math.floor(Math.random() * (chars.length - 1))] we should write chars[Math.floor(Math.random() * (chars.length ))] it will cover all the letters in the chars string . till the last . 🎨
Absolutely fantastic work. I love that this is like the shitty flute of programming videos. I have some ideas for more episodes: 1. Michael Bay levels of explosions, slow motion shots, and swelling music. 2. Reality TV/Hell's Kitchen theme, featuring idiotic dramatic/tense music and incessant waterphone and bowed cymbal. 3. "Overdramatic Indian Soap Opera Compliation" theme with like 80 slam-zoom shots on "console.log("hello world");"
I'm actually learning html and I thought that tutorials couldn't get any more exiting and now when I look at this, I LOVE IT I would like more of these videos. ps. 100% subscribing:
This wasn't sponsored but you should def check out their site regardless. It's dope af yo: bit.ly/EvervaultCustomerPageEffect.
edit: To clarify, I put the ref=Hyperplexed in the link as well as used bitly to track link clicks. Going to these brands in the future to be sponsors of these types vids would be one of the most seamless ways to integrate a sponsor so I want to be prepared with as much data for myself (and them) as possible. I really wanted to ask Evervault to sponsor but I chickened out because I wasn't sure how this vid would perform lol. Next time...
this website has so many nice animaitons and effects, need to study them
Holy sh!t that was Awesome vid yo O.O
not sponsored but still an affiliate link
?ref=Hyperplexed 🤨
affiliate link, totally not sponsored.
He is not just a programmer. He is an artist, a director, and a great storyteller
Sounds like the indie Web to me! Making Web pages into an art form comes pretty naturally to people who make pages in their off time. Just like those really old Internet sites with all the colors & formats, but with new technologies and mediums of expression added onto them, too!
nah pal, you're just mistaken. he's just shamelessly copying the persona of a character named "Joe Goldberg" from the TV Show "You." that's all. that's it.
Haha I actually liked it. We need more dramatic programming videos. Next time some Hollywood explosions as well!
bollywood explosions are superior
Michael Bay moment
dear god.... its the null pointer exception! *explodes*
hollywood hacker scene
@@Vaultposthii
These videos are literally too good. I feel like I don't deserve this quality of content.
exactly
U deserve everything worth watching.
Don't be like that
damn, that's a new level of hypocrisy
FR
@@billcostawhat do you mean?
This actually made me remember everything mentioned in the video much easier. Just more interesting than regular coding videos.
oh yea
yeah... is it related to the mind-related-science-thingy about singing to remember things? like the periodical table
@@CommissarChaoticI don’t think so, it’s a good idea but singing to remember something better uses some kind of rote musical memory, while simply making something more interesting helps to keep your attention on that thing so you are more likely to remember it
@@redpepper74 yeah.. i guess thats it
Usually making normal videos dramatic just seems silly, this one however just felt right.
No weird plots, no extremely loud rock music, just perfect. It just shows how good of an editor hyperplexed actually is.
after programming for nearly two decades I finally know how to create a random letter and the dramatic importance of this raw power. Thank you, Hyperplexed!
If more tutorials like these existed id be studying programming full time
I think it would eventually get way too obnoxious and distracting though. And videos like these barely teach anything. That's not to say I dislike this video, it was a brilliant cinematic masterpiece. It just shows how excellent an editor Hyperplexed really is.
My man literally dropped the programming tutorial equivalent of Sherlock's "discombobulate"
Was this a coding tutorial or a movie?! I’m blown away
It's a short film 💀
This guy insanity even thinking about creating the videos, what a nerve 💪
man, it'd be so fun if people bothered to actually make tutorials like this
it'd be so fun
Bro you are the most creative developer i ever seen i enjoy every video of yours 💙💙
you mean video editor?
This gave me chills..
Due to all the incompetent Teachers at my university, i had forgotten why i chose CS. But, this is really Inspiring.. I hope I'm not wrong when i say this, but we need more of this lol.
This video was soooo good. Editing was seriously 10/10.
- Make the text generate all the time, but instead of replacing the whole string, replace random characters in the string.
- As the user moves their cursor - gradually but hastily speed up the text effect
- As the cursor movement stops - gradually (this time slower) reduce to the initial speed of the text effect
Haha… love it. It just hurts to think how much work and editing this must’ve taken
Your editing is incredible. I'm a programming content creator (this is my alt account) and keeping programming interesting and enticing for people just getting into it is hard. You seem to have figured it out though :D
Websites will put this entire animation between a simple form transition, give you no option to skip, and blatantly ignore prefers-reduced-motion lol
This deserves to be a movie where programming should be a mysterious clever character like Legend Of the Caraval series.
I HATE YOU IN EVERY ASPECT😭😭😭
From video editing, choice of sound effects, story telling, problem-solving skills...
Just too good, too great😭😭😭
Wow Hyper. This is a ✨MASTERPIECE!✨ I seriously might start learning to code because of this tutorial. The race to 1 million is well on its way!
Man woke up and decided to really put his editing skills to the test. Awesome job.
You are sooo cool, I love your energy. I feel like even if I wasnt a programmer I would still enjoy every single video you made. They are like short movies, and so consicise and unique. Don't ever stop making them.
Great way to explain hashing: create the random text by hashing the mouse location and seeding a generator with that. Same text every time you visit the same location.
Please make more, I need this
This was unironically gorgeous cinematography?!
this man is changing the game.
I think that the last time I have commented on a CZcams video was 5 years ago, now is the time. Good sir, I Just wanted to say, that you have not made a tutorial, you have just made an art piece.
Nicely done!
I need a series like this
This guy made programming interesting for non-programmers.
People will pay loads for a complete tutorial course just for ur style of representation and explanation !!
That reminds me of an Arch production.
Absolutely amazing
we need this dramatic explaining programming videos more in future. LOVE FROM INDIA.
This tutorial has enlightened me... I feel like the Terry A. Davis of Javascript programming after this... because of your teachings, I have successfully landed a job at MAANG. not only that, midway though. my wife and two children have reunited after 3 years and she did this without going after my money... thank you...
I wish programming was like this :(
I'm actually scared. I can't believe you're gonna totally surprise me with each video more and more. Humankind has to protect this man tooth and nails.
I watched that documentary 5 times, I'm speechless
an explenations for evervaults vault would be cool af. That is more then a video and the shadow effect is insane
Why would anyone go to the cinema if they knew something amazing like this video exists for free?
bro this shit fire. literally had me invested. could hav emade this 2 hours long and would have finished it in one sitting. shit like this makes learning new things not feel like a chore
Literally said out loud "already love it" before the video even started. Now that I have seen it:
Still love it!!
I wish more programming tutorials were like this... :)
I don't understand why it's more fun for me than another tutorial. Your style of speaking in this video is much more interesting than average. I would appreciate more videos on CZcams like this. :D Keep up your great job.
top notch cinematography
this guy has just been giving good ideas to add to my website
This would be very useful for those who don't want to copy directly. If small hint and surfacial level explaination is helpful, this type of video is better.
Why am I so obsessed with your channel? Why are all of your videos perfection? Why do birds fly and humans breath? What is the meaning of life?
I normally don't comment on your posts, but I just want to thank you. I've been doing frontend work for years now and have the issue that at my job its always the same stuff. I got bored with frontend but your videos made me get inspired again and have fun with it! It makes me fall in love with frontend again. Thank you.
About random letters. May be different in other langauges, but in java every char has an (index?), so you can generate random int [1, 26] and assign it to the char, this way you dont need a string of all characters
honestly that was pretty good, and most who tried looking into somthing a little bit complex know that some programming tutorials REALLY need to be more energetic
this is the quality of programming videos we deserve. imagine if those multi-hour programming tutorials that we sometimes have to sit down and watch, were edited like this? how much better would that make introductory programming?
You don't need a random string every time. It would be much more efficient to have one really long predefined string, and only randomize the starting point, since all you need is the effect of looking like a random string.
may be not on the front page, but you could do it for special notifications like when you purchase an item, and then the notification shows it like an achievement putting that effect over the item purchased.
THIS IS F*****G AWESOME
Bro just dropped an insane edit and taught us css
Another absolute banger from the man himself. I didn't even know these were tutorials till a bit ago because they are so entertaining and awesome. I cant wait to actually learn Java and HTML to follow these lol.
Be aware. It’s JavaScript
Try using the average brightness of each character to make a mapping of brightness values to characters then use the mask to determine the brightness that should be used to choose what each character is. You can add random changes in the input brightness for choosing the character to get the noisy look of the effect you made. That should give the gradient and random characters while keeping most of the pixels at either the background color or text color (any other colors will be from anti-aliasing).
I'm offended for my browser that's it's being forced to do such brute-force computation, but the results speak for themselves.
When you are overflowing with creativity but CSS only does so much
Wow, this is actually pretty cool
Wow. Truly Beautiful 😢
I know it's meant to be comedic but it unirronically made the programming tutorial much better. Maybe you've the cracked the code to a new type of tutorial.
I love this channel, it's shocking how many "Oooooooh" moments I get from these videos, has we actually excited about css again
sweet lord, i just went there, and that effect is SO F****ng satisfying. imma be off playing with that customer page for the next 2 hours. Love the video tho. Not as handholdy as we are used to by you but for a change that one was entertaining.
This is pure art
Man this is so dope. Me in bed at 3 am watching this for the 5th time. You got me hooked 🎉🎉
Just awesome. Loved that effect. Definitely gonna copy that somewhere
Hyper finally uploaded!
production quality is top notched
when I just about to give up my programming
I just come and visit your channel to see what i'm about to lose
you make a simple thing very artistic and give it a stroy to remember when I need to rewatch them
what what what a production level animation its sooo goooood
I figured this was a completely ridiculous example that no one would ever use to exaggerate the tutorial _and then he perfectly delivers that this is real!_
I was soo pulled into this tutorial wtf. Tutorials should be more like this
The quality of your videos is SO high. This is so creative and well executed again!
Keep on making this awesome content please!
beautifully done, one of the effects I might actually use or play around with too
I LOVE THIS SO MUCH
Wow, im impressed that JavaScript can generate a random number and concatenate it to a string that fast, insane what the V8 engine can do
ey! create a series of these they wild
bug fix:
the number 9 from the chars it not comming
chars[Math.floor(Math.random() * (chars.length - 1))]
we should write
chars[Math.floor(Math.random() * (chars.length ))]
it will cover all the letters in the chars string . till the last . 🎨
I could watch all of these videos on repeat.
The plot twist was INSANE !
The voice of hyperplexed is slowly turning into cinematic
Probably the most compelling coding tutorial I’ve ever seen.
Absolutely fantastic work. I love that this is like the shitty flute of programming videos. I have some ideas for more episodes:
1. Michael Bay levels of explosions, slow motion shots, and swelling music.
2. Reality TV/Hell's Kitchen theme, featuring idiotic dramatic/tense music and incessant waterphone and bowed cymbal.
3. "Overdramatic Indian Soap Opera Compliation" theme with like 80 slam-zoom shots on "console.log("hello world");"
That's why I like your channel! Is it Nolan? Or maybe Villeneuve? Nah, it's Hyperplexed, baby!
Dramaticaly amazing
BRO HALF WAY TO THE MIL CONGRATS
We need more of this.
just tell me , is this supposed to be a motivational video. Just wow how you explain man!
every stack overflow answer should follow this format
Wow!!! I'm appalled. This is art. *Cheff's kiss*
Masterpiece! Music choice is incredible.
which music?
Bro that beginning reminded me about art history TV series with a nun who told all about different paintings
It was the most interesting development video I ever watched on youtube during these 9 years :D
You are doing absolutely amazing, 1M isn't far
Realy realy well done. Amazing
I'm actually learning html and I thought that tutorials couldn't get any more exiting and now when I look at this, I LOVE IT I would like more of these videos.
ps. 100% subscribing:
PLEASE ALWAYS DO IT LIKE THAT
This is actually really good I want to see more!!!! 😫😭😭