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

katkip

function u(t) {

if(t<6)for(i=4;i--;)x.fillRect(960+S(t-i%t*t)*100*t%400,540+C(t-i%t*t)*100*t%400,9,9)

Feb 7 2020 6:38 PM UTC

}// 85/140

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

#nsfw

show FPS hide FPS share fullscreen

DepressoEspresso

function u(t) {

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

Feb 8 2020 12:16 AM UTC

}// 111/140

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

i dont relly know what i did i was just typing in random stuff

u/Xen

have a play with any dweet and do a remix, soon learn ;-)
u/lionleaf

Welcome to dwitter! :)

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12354 by u/rodrigo.siqueira

function u(t) {

for(a=b=i=2e4;i--;x.fillRect(960+99*a,540+99*b,.1,1))r=Math.random(),[a,b]=r>.5?[S(b)*8,C(a*b+t)*5]:[S(b/3)*5,a/3]
x.fillStyle=R(b*60*(i%3))

Feb 5 2020 12:33 PM UTC

}// 140/140

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

Into the abyss of rectangles #recursive

u/DaSpider

Where is the recursion?
u/rodrigo.siqueira

Each [a,b] is defined by the previous state of [a,b], so it's actually iterative.. It's based on IFS (Iterated Function System) with transformations are based on a probability.
u/sigveseb

That shading ends up looking really nice!
u/tomxor

Yeah, really nice texture!
u/lulasz

Looks like pencil drawing 🤔

show FPS hide FPS share fullscreen

kaideno

function u(t) {

for(a=b=i=2e4;i--;x.fillRect(960+99*a,540+99*b,.1,1))r=Math.random(),[a,b]=r>.5?[S(b)*8,C(a*b+t)*5]:[S(b/3)*5,a/3]
x.fillStyle=R(b*60*(i%3))

Feb 7 2020 6:29 PM UTC

}// 140/140

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

is this cool

u/13thptr

no it's not . you literally copied someone else's dweet. try harder next time.
u/katkip

reported
u/lionleaf

To remix other dweets, just edit the dweet directly and you get an option to "post as remix". That way you credit the original author

show FPS hide FPS share fullscreen

Cloud

function u(t) {

p=3//🔴Choose your number🔴
for(c.width|=i=p+1;i--;){
x.lineWidth=8
a=i*(Math.PI/(p/2))+t*2
x.lineTo(S(a)*500+960, C(a)*500+540)
x.stroke()
}

Feb 6 2020 2:41 PM UTC

}// 139/140

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

Shape

u/Xen

nice!
u/pavel

The Dweet below this one is super slow and it is slowing down this simple one. Doesn't seem fair to this dweet.
u/DaSpider

Try reducing your browser's window, or moving to portrait mode on mobile, allowing only one dweet per page.
u/pavel

Everybody will have the same issue so this dweet might get less Awesomes than if it was posted next to different Dweets.
u/DaSpider

Perhaps with enough comments the following dweet wont be activated.

show FPS hide FPS share fullscreen

angelnm

function u(t) {

r=()=>(~~(Math.random()*3)-1)*9
s=(V,Z)=>x.fillStyle=R(V,Z)
f=(Q,W)=>x.fillText(8,Q,W)
s(r()*28)
t?f(X+=r(),Y+=r()):X=Y=540

Feb 9 2020 2:40 AM UTC

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

rodrigo.siqueira

remix of d/17500 by u/rodrigo.siqueira

function u(t) {

for(a=b=i=1e4;i--;x.fillRect(960+99*a,540+99*b,.3,1))S(i*i*t)>0?[a=S(b)*9,b=S(S(a/3)*3)*3+C(S(t)*i)]:a=S(i%2*-b)*5-a/4,x.fillStyle=R(i%2*99)

Feb 6 2020 12:29 PM UTC

}// 140/140

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

Dual Wave Symmetry #wave

u/Xen

sexy lines

show FPS hide FPS share 1 remix fullscreen

angelnm

function u(t) {

c.width=1920
f=(x)=>(i+x)%255
for(i=0;i<1296;i++)
x.fillStyle=R(f(0),0,f(200)),
x.fillRect(i%48*40,Math.floor(i/48)*40+S(i+t*5%50)*15,37,37)

Feb 9 2020 1:14 AM UTC

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

bandaloo

function u(t) {

x.fillStyle=`hsl(${t*99} 50%50%)`
x.font=`${t**2*20}px Arial`
x.fillText(Math.floor(t),0,1e3)

Feb 7 2020 5:35 AM UTC

}// 93/140

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

growing numbers #growth

show FPS hide FPS share fullscreen

Xen

remix of d/17504 by u/bandaloo

function u(t) {

t?x.fillStyle=R(!x.fillText(t,~~t*99%d-99,t*d%d),d):x.fillRect(0,0,d=2e3,d)

Feb 7 2020 7:31 PM UTC

}// 75/140

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

slight golf for more options... i'd try c.width=d=500 instead ;-)

u/bandaloo

nice! i was gonna go back and golf this some more but you nailed it. learned some stuff from this
u/bandaloo

the ternary with time is too cool. calling fillRect in R is neat. if you get rid of the ! it looks almost the same, too