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

remix of d/17748 by u/katkip

function u(t) {

P=(θ,R)=>x.fillRect(C(θ)*R+960,S(θ)*R+540,1,1)
t||(q=z=0)
for(i=2999;i--;)P(q*3.14,z*99),q=S(q-z*z)-4*S(t)+7+C(z*q)*4,z=S(q*17-z/99)*q/3

Feb 25 2020 8:40 PM UTC

}// 136/140

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

Another flower made using #chaos and polar coords

show FPS hide FPS share 2 remixes fullscreen

iznax

function u(t) {

c.width|=0
x.font="32em Eggzes"
Life=["🥚","🐣","🐥","🐤","🐓","🍗"]
x.fillText(Life[i=(t>>1)%6],640+(i?0:S(t*29)*25),850-(i==2)*S((t%2)*1.4)*200)

Feb 21 2020 5:39 AM UTC

}// 140/140

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

A box without hinges hides golden treasure... #growth

Show more comments…
u/KilledByAPixel

Wow!
u/aleamb

lol! #animation
u/Cloud

:D
u/Xen

loving that source ;-)
u/magna

That was epic.
u/KilledByAPixel

Lol, font=eggzes.
u/pavel

You can do Life=[..."🥚🐣🐥🐤🐓🍗"] to save twelve chars
u/pavel

I was expecting the last one to be the poop emoji hah
u/kan_9

So you mean the egg came first?
u/katkip

hehe
u/pavel

Isn't it obvious that the egg came first? Chickens evolved. The first chicken had non-chicken parents. This chicken hatched from a chicken egg... because it was its egg.
u/tomxor

lol, settled by semantics... so where does the chicken begin and it's progenitor end? and is that conveniently by definition when hard shelled eggs appeared.
u/pavel

What do you intend to mean by dismissing what I said as semantics? It would be true that the chicken came first if chickens were the first of their lineage to hatch from eggs but being birds i doubt that is the case.
u/pavel

Err, if they were first to _lay_ eggs, without hatching from one.
u/pavel

Point is, the egg is finalized as far as I know. Whichever example was the first chicken, by whatever definition, even if two people cant agree on a definition, that first chicken hatched from its egg and so a chicken egg came first.
u/tomxor

🤣 don't worry man, it's literally the chicken and egg problem
u/KilledByAPixel

Evolution is very gradual, new species (chicken) don't pop into existence. This can't happen because it would need to mate to procreate. Therefore there is no such thing as "first chicken", so the question itself makes no sense.
u/pavel

'Chicken' is an arbitrary human label, these can pop in. Why can't the second chicken come from non-chicken parents too? Also, we dont need a 'first chicken.' There was a time when we had no chickens, all chickens come from chicken eggs, therefore chicken eggs came first.

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/17716 by u/ElisionFR

function u(t) {

c.width|=0;x.font='99px m'
c.style.cursor='none'
onmousemove=e=>R=e
x.fillText('🐁',R.x*3.4,R.y*3.4)

Feb 23 2020 2:29 PM UTC

}// 99/140

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

Mouse Position

u/tomxor

#mouse
u/KilledByAPixel

another way to do it is c.width=innerWidth, then the mouse pos will match up exactly

show FPS hide FPS share fullscreen

katkip

function u(t) {

f=x=>S(x)*C(x/2)*3
d=(q,t)=>(q(t+1/1e9)-q(t))*1e9

x.fillRect(t?t*100:0,t?540-f(t)*100:540,t?9:2e3,9)
x.fillRect(t*100,540-d(f,t)*100,5,5)

Feb 22 2020 4:59 PM UTC

}// 138/140

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

derivative calculator! d(function, location) will calculate the derivative at function(location)! #math

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17690 by u/rodrigo.siqueira

function u(t) {

for(A=a=b=0,i=1e4;i--;x.fillStyle=R(a*60,i/50),x.fillRect(a*947-1e3,b*720,.5,1))r=0|2*S(t*i**8)**2,a+=r-a/3+b*S(a)/3,b+=C(A)/3+.34-b/4,A=a

Feb 22 2020 2:25 AM UTC

}// 138/140

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

Tip of the pines #growth #tree

show FPS hide FPS share fullscreen

Cloud

function u(t) {

w=8
for(c.width|=i=0;i++<20;){
for(j=10;j--;){
z=(j+2)/2
x.fillRect(i*100+((i-10)*j*30)-S(t/3)*500*z, j*20+650+S(t*2-i+j/2)*50, 8*z,8*z)
}}

Feb 23 2020 7:39 AM UTC

}// 139/140

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

#wave

show FPS hide FPS share fullscreen

tomxor

remix of d/17692 by u/iznax

function u(t) {

c.width=28
c.style.imageRendering='pixelated'
x.fillText([..."🥚🐣🐥🐤🐓🍗👨💩🌱🌾🐓🥚"][i=t%12|0],9+!i*S(t*29),12-S((i&2)*t%2*1.6)*2+S(i!=6||t*32))

Feb 22 2020 3:17 PM UTC

}// 136/140

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

Retro Circle-Of-Life

u/tomxor

For FireFox replace pixelated with crisp-edges

show FPS hide FPS share fullscreen

neimad

remix of d/17705 by u/neimad

function u(t) {

for(c.width|=k=i=540;i--;x.strokeRect(960-i*2,k-i,i*4,i*2))n=i/7,x.setLineDash((t*k+1e5/i)%50>C(t/i)*100?[C(t/i)*n,n,0]:[S(t/n)*i,0,n])

Feb 22 2020 11:52 PM UTC

}// 135/140

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

numbers are funny

show FPS hide FPS share fullscreen

ElisionFR

function u(t) {

c.style.cursor='none'
c.width=innerWidth
m=e=>x.fillText('🐁',e?.x,e?.y)
onclick=e=>{c.a=[e].concat(c.a)}
onmousemove=e=>R=e
c.a?.map(m)
m(R)

Feb 23 2020 9:11 PM UTC

}// 140/140

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

#mouse #click #stamp

u/ElisionFR

Any idea why if I replace "R" by "j" in this script I get a "j is not defined" error ?
u/ElisionFR

God I'm an idiot R is defined as a function by Dwitter....
u/tomxor

nah, i led you down that rabbit hole... using a predefined object (in this case a function, doesn't really matter), is a way to not have to check the object exists to access properties. But you've discovered the new nullish collescing operators :D I can't run this yet cos chrome 80 hasn't landed in debian. looks like it still requires more chars than using existing objects though.
u/tomxor

Hmm, getting a syntax error for browsers who don't support the syntax seems to permantently break the dweet, I have to copy paste to manipulate it.

show FPS hide FPS share fullscreen

katkip

remix of d/17721 by u/katkip

function u(t) {

t||(s=0)
a=-C(-t+s*s)-3
s=S(a-s)/2+C(t+s+S(t*4))/2
for(i=7;i--;)x.fillRect(960+S(.89*i+a)*s*500,540+C(.89*i+a)*s*500,9,9)

Feb 23 2020 5:46 PM UTC

}// 121/140

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

Rose #flower #symmetry #chaos