Dwitter - javascript demos in 140 characters

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: #Food

show FPS hide FPS share fullscreen

DazeWare

remix of d/25959 by u/DazeWare

function u(t) {

c.width=1920
for(i=0;i<1080;i++){x.fillRect(1920*T(i*t*.0005+i),i,20*S(i),20*S(i))}

Aug 16 2022 3:57 PM UTC

}// 84/140

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

show FPS hide FPS share 1 remix fullscreen

DazeWare

function u(t) {

r=Math.random()
c.width=1920
for(i=0;i<1080*S(t);i++){x.fillRect(1920*T(i*S(t*.005)),i,50,50)}

Aug 16 2022 3:22 PM UTC

}// 95/140

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

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/25935 by u/KilledByAPixel

function u(t) {

c.width=w=500
x.fillStyle='#025'
for(Y=j=0;j<9;++j)for(i=w;i--;Y+=S((i+t/3e3)**2*j))x.fillRect(i,a=Y+j*29,j/9,w),x.clearRect(i,a,j,1)

Aug 13 2022 4:17 AM UTC

}// 133/140

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

Lost At Sea 🏊‍♂️

u/UEZ

I like the very smooth waves :-)
u/taupelink

wow!
u/pavel

Very nice vibe. You can do x.fillStyle='#025'+j for the fade to avoid the low rez.
u/pavel

Hm your sub-pixel trick works even at 1:1 rez... neat

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/25856 by u/taupelink

function u(t) {

eval(unescape(escape`󮬽󛬵󜼫󣝡󭍨󛭲󨝮󩍯󫜨󚜯󜝥󜼻󩭯󬬨󪼽󜬵󜌬󫜽󭌿󜌺󜝥󝌻󫜭󛜻󮌮󩭩󫍬󚍸󛭳󭍲󫽫󩜨󚜩󚝸󛭢󩝧󪝮󤍡󭍨󚍲󟝭󚬪󚍧󟝭󙝺󚜩󛍩󟝭󙝫󛍸󛭬󪝮󩝗󪝤󭍨󟜮󜌰󜬯󩼯󩼬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪜬󪜬󪜬󫜯󝝥󜼩󛍸󛭡󬭣󚍭󙜹󚭫󚽩󚭃󚍭󚜬󚍭󟬾󜼩󙜵󚭫󚽩󚭓󚍭󚜬󬬬󫜬󫜫󞌪󩼩`.replace(/u../g,'')))

Aug 14 2022 11:22 PM UTC

}// 140/140

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

d/25951

u/taupelink

#B194
u/taupelink

created on ios/Safari...may look more glitchy on other browsers

show FPS hide FPS share 1 remix fullscreen

386dx25

function u(t) {

this.w||(w=c.width=255,v=4*w)
I=x.getImageData(0,0,w,w);d=I.data
for(i=0;i<v*w;i++)d[i]=((d[i+4]+d[i-4]+d[i+v])/3+2)&w
x.putImageData(I,0,0)

Aug 12 2022 7:12 PM UTC

}// 140/140

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

foam waves

u/Odog8

Incredible!

show FPS hide FPS share 2 remixes fullscreen

DazeWare

remix of d/25957 by u/DazeWare

function u(t) {

c.width=1920
for(i=0;i<1080;i++){x.fillRect(1920*T(i*S(t*.0005+i)),i,50,50)}

Aug 16 2022 4:13 PM UTC

}// 77/140

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

SPIN

show FPS hide FPS share 2 remixes fullscreen

DazeWare

remix of d/25958 by u/DazeWare

function u(t) {

c.width=1920
for(i=0;i<1080;i++){x.fillRect(1920*T(i%t*.005+i),i,200,50)}

Aug 16 2022 3:41 PM UTC

}// 74/140

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

show FPS hide FPS share 2 remixes fullscreen

DazeWare

remix of d/25957 by u/DazeWare

function u(t) {

c.width=1920
for(i=0;i<1080;i++){x.fillRect(1920*T(i*t*.005+i),i,10,10)}

Aug 16 2022 3:36 PM UTC

}// 73/140

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

Mesmerizing

show FPS hide FPS share 2 remixes fullscreen

DazeWare

remix of d/25956 by u/DazeWare

function u(t) {

c.width=1920
for(i=0;i<1080*S(t);i++){x.fillRect(1920*T(i*S(t*.005+i)),i,50,50)}

Aug 16 2022 3:31 PM UTC

}// 81/140

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

show FPS hide FPS share fullscreen

clauswilke

remix of d/25936 by u/KilledByAPixel

function u(t) {

x.globalAlpha=0.01;
for(Y=0,i=3000;i--;)x.fillRect(i,Y+t*159,1,Y+=C(i*i*t))
for(Y=0,i=2000;i--;)x.fillRect(Y+t*159,i,Y+=C(i*i*t+500),1)

Aug 13 2022 11:28 PM UTC

}// 135/140

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

Going for a weave texture

u/KilledByAPixel

nice!
u/clauswilke

Was mostly just trying to understand your code. The C(i*i*t) is just to generate randomness, correct? And instead of transparency, you draw fractional pixels.
u/KilledByAPixel

that's pretty much it. C(i*t) gives a good random walk that varies slightly around 0, one of the smallest ways to make noise like this