Hot dweets by u/rnbw

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

rnbw

remix of d/17581 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`blur(8vh)sepia()invert(`
for(c.width=k=99;k--;x.arc(50,28,k**3/99/k,a=k*(11+S(t+k/9)/99),a));x.stroke()

Feb 12 2020 3:53 PM UTC

}// 119/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

never knew about style.filter... all this time and i still don't have much of a grasp :p

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(c.width+=i=0;++i<3e3;x.fillStyle=`#5`+i/10)x.fillRect(940+i*S(t*2+i/99*S(t/3+i/400))/i*300,540+i*C(t*2+i/99*S(t/3-i/400))/i*300,7,7)

Jan 27 2020 3:44 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

implicit boundaries

u/rnbw

i just realized that i could have cut down on this a little, there are a few unnecessary operations (like i/i spread across functions a few times)

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

for(c.width^=i=0;i++<210;)for(j=0;j++<7;x.fillStyle=`#f`+j*15)x.fillRect(i*9,540-S(a=t-i/80*C(t+i/69)+j*.89)*230,9,Math.max(210*S(a-1.1),0))

Nov 25 2019 7:18 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

an attempt at something like a twister

Show more comments…
u/Xen

mmmmm tasty!
u/tomxor

my exact thoughts #marshmallow
u/katkip

twisted icecream
u/Xen

#flump
u/joeytwiddle

That's a very juicy #twister!
u/cyhawk

I teach 9-year-olds programming and used a tidied up version of this to show them how to figure out how something works. They loved it! Thanks! I've added a bit of gap between the strands to make it easier to understand, and I think it looks good. Like Math.max(180*S(a-1.2),0).
u/rnbw

wow, i would have never thought that my recreational programming would be used for educational purposes. glad i was able to help those kids out on their journeys!
u/danny@hille.dk

Just saw this, nice code man! Save 11 b like this: for(c.width=i=300;i--;)for(j=8;j--;x.fillStyle=#f+j*15)x.fillRect(i,99-S(a=t-i/80*C(t+i/99)+j*.9)*40,1,Math.max(40*S(a-1.1),0))

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(b=0;b++<11;){x.fillStyle=`hsl(${300-b*9},50%,${99-b*9}%)`;for(i=-1;i++<32;)x.fillRect(i*60,1080,60,(a=-600)+S(t*6+i**4-b/3.4)*a)}

Nov 13 2019 2:45 PM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

idk what this is but it looks cool so... yeah

u/magna

yeah

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(j=0;j++<4;)for(i=-2;i++<9;){x.fillStyle=`hsl(${(h=i*(s=270)+t*240%s)/7+t*29},90%,75%)`;x.fillRect(h*(j%2*2-1)+((j+1)%2)*2e3,j*s-s,4,s)}

Nov 13 2019 3:45 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

rainbow gradient scrolling squares - this wasn't what i intended but it's good anyway!!

u/Xen

nice!

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

r=Math.random;t||(i=j=1);j*=i=-i;x.fillStyle=`hsl(${r()*360},69%,70%`;x.fillRect(r()*2e3,r()*1080,1,1);x.drawImage(c,i,j)

Oct 2 2019 12:40 PM UTC

}// 121/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

territories

Show more comments…
u/KilledByAPixel

👍
u/taupelink

This is great
u/DataMeta

Nice!
u/katkip

looks so good
u/katkip

that 69% ;o
u/rnbw

i think i just kept the 9 when i changed that from 99, lol

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

for(c.width^=i=0;i++<2e3;x.fillRect(i,590+S(t*99+i/9)*9,3,9))x.fillRect(99+i%9*50,450-Math.abs(S(t*9+i%3))*29,25,99)
x.fillRect(0,545,2e3,9)

Sep 10 2019 12:55 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

quickly! to the canvas!

u/0x04

🏃‍♂️🏃‍♂️🏃‍♂️😁
u/tomxor

looool 😁
u/yonatan

for(i=c.width|=0;i--;)x.fillRect(...i<9?[99+i*50,450-S(t*9+i%3)**2*29,25,99]:[i,i%2?590+S(t*99+i/9)*9:545,2,9]) - animate their arrival in 29 chars :P
u/yonatan

#default
u/joeytwiddle

Makes me wonder ... what is off screen, chasing the default?

show FPS hide FPS share fullscreen

rnbw

function u(t) {

with(x){t||(globalCompositeOperation=`xor`)
fillRect(0,0,50,50)
drawImage(c,-8,-3)
drawImage(c,-3,15)
drawImage(c,15,3)
drawImage(c,3,-8)}

May 16 2019 5:53 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

finding solace in the restless

u/katkip

#noise

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(i=0;i++<250;x.fillRect(i*9+C(t*4+i/40)*99-200,0,29,9))x.fillStyle=`hsl(${400+S(t*3+i/30)*99*S(t-i/40)-t*99},80%,90%)`;x.drawImage(c,0,9)

May 13 2019 1:46 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

iridesce 🌈

u/Xen

nice style

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

r=Math.random;with(x){for(i=0;i++<99;fillRect(r()*2e3,0,9,2e3))fillStyle=`#456`;font=`8em a`;fillStyle=`#fff`;fillText(u,-t*199,540)}

May 14 2019 3:21 PM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

residual #quine

u/rnbw

and yes, it isn't strict, but... y'know, it works
u/KilledByAPixel

you can use the code variable instead of u to fix it!

dwitter.net | rnbw (353)