Top 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 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(c.width^=i=0;i++<34;){x.fillStyle=`hsl(${280-i*4},99%,40%,3%)`;x.arc(S((p=i+(0^-t*12)+S(i)/7))*17*i+960,C(p)*17*i+540,0,0,0);x.fill()}

Feb 22 2019 3:41 PM UTC

}// 138/140

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

vertigo 🌀

u/rnbw

(i'm back at this again!)
u/sigveseb

Nice colors!
u/DataMeta

Great stuff.
u/CalSch

Cool! I think it would look cooler if it was at a higher frame rate. Is the frame rate low because of the style? Or is it a performance issue.

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0
x.fillStyle='#3ad3'
for(i=-1;i++<8;)x.fill(x.arc(960+S(t+i*.9)*500*(j=Math.min(i,1)),j*400+C(t+i*.9)*129*j+300,0,0,0))

Jan 7 2019 4:48 PM UTC

}// 129/140

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

my first dweet of 2019 :D

Show more comments…
u/rnbw

(in which i learned heptagons are surprisingly efficient - tau/7 can be rounded and shortened to 2 characters!)
u/DataMeta

Very nice!
u/lionleaf

#diamond -looking
u/lionleaf

Clean and nice #gem
u/joeytwiddle

Nice! #model is how I tag 3d objects/shapes
u/f8f82804

#d3

show FPS hide FPS share 5 remixes fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#5b9';for(j=0;j<12;j++)for(i=0;i<22;i++){x.beginPath(x.fill(x.arc(99*i,99*j,S(t*3+i*3.14+j*3.14)*20+49,0,7)))}

Nov 16 2018 7:32 PM UTC

}// 134/140

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

oooooh, circles

u/Xen

Nice
u/sigveseb

cool style

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#ea23';for(i=0;i++<25;){x.setTransform(S(t+i),C(t+i),0.2,0.2,960,500);x.rotate(2);x.fillRect(99,90,5e3,5e3)}

Nov 19 2018 5:10 PM UTC

}// 132/140

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

it's like staring at the sun, but not nearly as blinding

u/rnbw

(this was me just tinkering around with setTransform - it is SO powerful)
u/crunch

wack
u/crunch

wack
u/katkip

cool
u/joeytwiddle

#sun

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) {

c.width=700
x.fillStyle=`#d94`
for(i=-4;i++<53;)for(j=(i+S(t/3+i/3)*10-30);j++<13;)x.fillRect(i*30-30+S(t/3+j)*50,j*30,40,16)

Mar 8 2019 7:29 PM UTC

}// 125/140

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

odd... stripes? can i CALL them that??

u/Xen

nicely done
u/katkip

So smooth! :D

show FPS hide FPS share fullscreen

rnbw

function u(t) {

for(i=-1;i++<35;)for(j=-1;j++<63;){x.fillStyle=R(0,p=((i/5-Math.abs(C(j/5+i/10+S(t+i/7)*2)))^6)*9+i*3,p*2);x.fillRect(j*30,i*30,30,30)}

Dec 12 2018 6:01 PM UTC

}// 135/140

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

ocean motion

u/katkip

#waves
u/magna

I love the style!
u/iverjo

#water

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width=1920;x.fillStyle='#dbf';for(j=-16;j<159;j++)for(i=0;i<36;i++)x.fillRect(-600+i*99+C(t+j/20+i/5)*(S(t*3+i)*99),8*j+C(t+i/2)*99,99,9)

Oct 19 2018 4:36 PM UTC

}// 139/140

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

oh would you look at that, now i can say i've made a dweet! (the performance isn't very good from what i've experienced, but the visual turned out well, so make of it what you will)

dwitter.net | rnbw (353)