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

rodrigo.siqueira

remix of d/12959 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3);
for(var i=1e3;i=i-.25;){
X=S(i)+S(t/2)*S(i*50)*4
Y=C(i)-C(i*50+t)*2
x.clearRect(960+X*150,540+Y*150,3,3)
}

Apr 3 2019 1:11 AM UTC

}// 131/140

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

Torus using parametric equation. #torus

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

t||(x.translate(960,540)),x.rotate(.01);for(i=99;i--;)x.fillRect(-27*i,-27*i,54*i*(r=T(t)),54*i*r),x.clearRect(-25*i,-25*i,r*50*i,r*50*i);

Jun 6 2019 1:24 PM UTC

}// 138/140

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

Zooming into a pyramid loop #d3 #perspective #pyramid #geometry

u/joeytwiddle

Wow!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/33575 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(1)sepia(1)`
for(i=1e4;i--;x.fillRect(960+X,540-Y,.1,t<3))
r=S(i/6-T(i/(i**t)/7)**3)/2,X=r*C(k=i/9+r)*860,Y=r*S(k)*830

Apr 10 2025 12:38 AM UTC

}// 140/140

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

Golden Circle Connection

u/cantelope

*eyes narrow*

show FPS hide FPS share fullscreen

pavel

remix of d/13902 by u/KilledByAPixel

function u(t) {

for(c.width|=S*S<2e4|C*C+9*C>55?onclick=_=>v=-20:S=v=m=0,C=64-m++%98,S+=v++,i=3;i--;)x.fillRect(591+!!i*C*25,[S+491,0,720][i],s=i?360:98,s)

May 17 2019 4:24 AM UTC

}// 139/140

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

Click to flap #interactive #game

Show more comments…
u/pavel

Should give you plenty of characters for an improved compressed version
u/KilledByAPixel

amazing
u/joeytwiddle

Fantastic!
u/username

well, it is not like Flappy Bird anymore. it is just two squares at the same position all the time instead of tubes at random heights
u/username

and I feel like it is constructed in a way that makes any improvements very hard
u/KilledByAPixel

it's a demake of a demake. some really good ideas though, i've already used them to chip off a few more bites from my version
u/pavel

#physics
u/IV

needs the airwolf theme tune :)
u/pavel

#flappybird

show FPS hide FPS share fullscreen

FrenchToast

remix of d/6330 by u/FrenchToast

function u(t) {

c.width^=0
x.globalCompositeOperation='xor'
for(i=200;i--;){x.fillRect(1920*S(i/600)+1920/3,1080*(i/200),600*C(i/50+10*t),200*S(i/70))}

Jan 22 2018 11:54 PM UTC

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

bager

function u(t) {

c.width=1920;
for(i=0;i<9;i++)
{x.fillRect(960+S(i*t)*920, 400-t*t, t*t%25, 200+t*t*2)

}

Mar 2 2017 4:17 PM UTC

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

erin

function u(t) {

throw "this text isn't red"

Feb 5 2021 10:20 PM UTC

}// 27/140

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

u/danny@hille.dk

Nope - and this sentence is false
u/erin

the text isn't red

show FPS hide FPS share 2 remixes fullscreen

richev

function u(t) {

for(i=390;i<690;i+=.1)
x.beginPath(),
x.strokeStyle=`hsl(${-i+680},99%,60%)`,
x.arc(960,900,i,3.14,0),
x.stroke();

Aug 5 2018 12:07 AM UTC

}// 114/140

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

A minimal rainbow - can anyone squeeze in a cloud at each end? (I ran out of characters)

u/magna

100: for(i=300;i--;x.stroke())x.beginPath(x.strokeStyle=hsl(${290-i},99%,60%),x.arc(960,1080,390+i,0,7)

show FPS hide FPS share 1 remix fullscreen

rippedspine

function u(t) {

c.onmousemove=e=>T=S(e.x*.1)
for(w=i=c.width|=0,q=Math.random;i--;b=300*(1-q()**2),d=6.3*q(),x.fillRect(w/2+b*C(d)*T,w/4+b*S(d)*T,4,4));T|=1

Jan 5 2018 1:01 AM UTC

}// 140/140

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

oh how i regret not taking more math in school, this took a ridiculous amount of time and i'm still not satisfied about how the dots are distributed. threw in a mouseover to spice it

u/katkip

141/140?

show FPS hide FPS share 1 remix fullscreen

lewdev

function u(t) {

eval(unescape(escape`睩瑨⡍慴栩睩瑨⡸⥦潲⡦潮琽∲捭✢Ⱪ㴸㭦楬汓瑹汥㵠桳氨⑻椪㐰紬㤹┬㐰┩怬椭ⴻ晩汬呥硴⡦⹮慭攬椪㈴〬ㅥ㌩⥦楬汒散琨琪㤹┲攳ⰷ〰⴨昽孬潧ⱓⱃⱔⱦ汯潲Ᵽ敩氬牯畮搬獱牴嵛楝⤨琩⨹㤬㤬㤩`.replace(/u([^D].)/g,'$1%')))

Sep 12 2024 8:52 PM UTC

}// 138/140

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

📈 See Math functions visually

Show more comments…
u/cantelope

missing power (exp>1)... beautiful otherwise!
u/cantelope

e.g. with(Math)with(x)for(font="2cm'",i=9;fillStyle=`hsl(${i*40},99%,40%)`,i--;fillText(f.name,i*220,1e3))fillRect(t*99%2e3,700-(f=[log,S,C,T,floor,ceil,round,sqrt,exp][i])(t)*99,9,9)
u/magna

I love it!
u/magna

I plotted (shittily) all 28 unary functions: d/32414
u/lewdev

Thanks u/cantelope I didn't know about that one. u/magna your remix is awesome. I didn't know about all of those single-argument functions in Math. There's so much more JavaScript to learn!
u/magna

u/lewdev thanks for the inspiration!