Very simple, but satisfying animation. These are div's, not gif's
Thanks for all the support (:
Here is something like purple rain except it's raining cats and dogs . The HTML5 canvas and its methods are used: https://repl.it/@malvoliothegood/raining-cats-and-dogs
What are divs
@DJWang
My definition: A "div" is an HTML element. Div is short for divider.
W3schools definition :The <div> tag defines a division or a section in an HTML document.
W3schools :click here to W3schools div introduction
@PowerCoder Cool. Nice Div!
You really shouldn't be learning from w3schools though, MDN is better :) @DJWang
@Coder100 OMG FINALLY SOMEONE WHO LIKE MOZILLA DOCS
Dude I love dis 😊
That is soo satisfying... ahhhhhhhhhhhhhhhhhhh
cool
wowowowowowoow
Very cool and really impressive since I have no idea what you did to make this happen.😊
Me: Cool
Me 2 min later: coool
Me 10 min Later: why am I still here?
Me 3 hours later: *eyes glued to the screen coooooooooooooool
Seriously nice job dude!
Have a great day!
cool
this is awesome
This makes me want to pet a cat
that cool bro, sub to my yt channel. Charles Leonard Gorril
now we just need little red corvettes driving across the screen...
1000000 and its just a pink day :)
also whats with the backwards smile? (: makes me shiver lol. :)
wow powercoder!
also, when are you free? you didn't really finish your styling XD
@ChezCoder Friend me on Discord so we can discuss it more. (I sent afriend request.) I'm Poseidon on discord. (And I'll correct my backwards smiley face.)
lovely <3
i can look at this all day
I love this man, but I guess you can put in input one event listener "oninput" , I guess is better refresh the values if have values to refresh
document.getElementById('speed').oninput = () => {
if ($('#speed').val() != '') {
speed_range=Number($('#speed').val());
}
}Put the speed as "1/" for a weird glitch
allah liked that
When you write + in speed then the program malfunctions.
@FelixMuntean That’s because you’re supposed to put a number
If I open in new tab, it rains super hard. But it’s pretty satisfying, and good job.
@CodeABC123 Probablly means you have a small screen. (I might make something to adjust the speed.)
Yes, I do(mobile device). @PowerCoder
the best song I ever heard
@JeremyIrwin Song? I don't hear one, and I checked my volume is up. Does it have to do with the fact that I'm on a chromebook?
@Trapdoorspyder no, it was a joke because there's a song called purple rain
. . .
satisfying
stutters
it stutters every half second or so
@mwilki7 Not just you, also happens to me too
@TaylorLiang
iirc the fix is:
// Canvas frame update handling
var vendors = ['webkit', 'moz'];
for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x)
{
window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
}
window.requestAnimationFrame(name_of_your_function_here);instead of interval function
@mwilki7 no the solution is to make is so fast that people can’t see what’s happening
This is oddly satisfying.