Random dweets | Dwitter

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 1 remix fullscreen

BackendForth

remix of d/22819 by u/BackendForth

function u(t) {

v=Math.random
i=v()*2e3,j=v()*999,x.fillStyle=R(0,0,a=v()*256)
for(k=999;k--;)x.fillRect(i,j,3,3),a=i-960,b=j-540,i+=S(b/a),j+=S(a/b)

May 19 2021 1:47 AM UTC

}// 133/140

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

Underground tunnel? Cracked windshield? Going to warp?

u/lars-erik

#fracture

show FPS hide FPS share 3 remixes fullscreen

DataMeta

function u(t) {

c.style.filter=`invert(`
with(x)for(c.width|=i=384;i--;)a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)

Feb 6 2021 3:01 AM UTC

}// 135/140

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

flying among the #stars

u/cantelope

#starfield #parallax
u/New_Core

...(the with(x) dont do anything here.. )
u/New_Core

but I totaly understand.. I forget to remove stuff all the time.. ;) ..well done else
u/Qwitter

U="🛸";c.style.filter=invert( with(x)for(c.width|=i=384;i--;x.font="99px A",fillText(U,p=540,p+S(7*t)*p/2))a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)
u/DataMeta

haha yes, I was mucking about with arcs to start :) thanks

show FPS hide FPS share fullscreen

initramfs

remix of d/22953 by u/initramfs

function u(t) {

Y=c.width|=c.style.filter=`invert(1`
for(X=4060;X--;x.lineWidth=1)
x.lineTo(+X+C(Y)*S(t)*20,Y=500+S(X)%C(X)*1000**C(X/.001-t))
x.stroke()

Jun 1 2021 1:46 AM UTC

}// 137/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

coderkid

remix of d/5669 by u/coderkid

function u(t) {

for(w=c.width|=0;w-=30;){q=S(w+t)*1080;x.fillRect(w,(1080-q)/2,30,q);}

Jan 7 2018 12:10 AM UTC

}// 70/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

rippedspine

remix of d/5168 by u/rippedspine

function u(t) {

t||(a=b=0);r=c.width/c.clientWidth;c.onmousemove=e=>{X=e.x*r;Y=e.y*r};x.fillStyle=R(d=C(t)*255,9,99);x.fillRect(a+=(X-a)*.2,b+=(Y-b)*.2,9,9)

Jan 2 2018 6: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).

Mouseover to draw, with colors :)

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=1920;
for(i=0;i<1900;i++)x.fillStyle=R(255*S(t*3-i/70)),x.fillRect(i,500+90*S(i*0.02+2*t),1,30)

Jan 30 2019 8:07 PM UTC

}// 103/140

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

Quick proof of concept of a wave plot

u/iverjo

#sine
u/ximavus

Nice one!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14501 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`琪㴴㭣⹷楤瑨簽〻景爨椽砮汩湥坩摴栽㄰㭩ⴭ㭸⹳瑲潫攨瀩⥱㵃⡴╍慴栮偉⤬砮晩汬⡰㵮敷⁐慴栲䐨砮晩汬却祬攽恨獬⠴㤠㤹┤笵〫㈵⩱紥怩Ɒ⹥汬楰獥⠹㘰⬨椭㐩⩱⨹ⰵ㐰Ⱘ匨琩⨪㈩⨪⸵⨴〰⬱ⰴ〰ⰰⰰⰷ⤩`.replace(/u(..)/g,"$1%")))

Jun 9 2019 4:52 AM UTC

}// 140/140

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

Spinning Coin with Lighting #D3

u/katkip

Realistic

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

}// 138/140

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

Show more comments…
u/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

show FPS hide FPS share fullscreen

just_me_7k

function u(t) {

for(i=0;i<100;i++)x.fillStyle=`hsl(${i*3},80%,40%)`,x.fillRect(i*19,540+200*Math.sin(t+i),10,100)

Jun 30 2025 1:13 PM UTC

}// 97/140

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

u/airstrike

so satisfying

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

for(x.fillRect(0,0,i=W=c.width=400,W);i--;x.fillText(unescape("%u30A"+~~(i+t)%9),W*S(i*W),W*(S(i)+99/(i+99)*t)%W))x.fillStyle=R(0,i?W:0)

Mar 18 2017 10:28 PM UTC

}// 136/140

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

u/sfz

interesting different way to get to something similar to what I did the other day, I like it! https://www.dwitter.net/d/2171
u/joeytwiddle

#matrix