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

nburn42

remix of d/19048 by u/nburn42

function u(t) {

if(!t) x.fillRect(0,0,2e3,2e3)
for(j=1,m=x.getImageData(0,0,2e3,1e3),g=m.data;j<8e6;j+=c.width-g[g[j]])g[j]=255-g[j]
x.putImageData(m,0,0)

Jun 5 2020 3:41 AM UTC

}// 138/140

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

Better in full screen

u/13thptr

interestingly didn't find it as good in fullscreen

show FPS hide FPS share fullscreen

DaSpider

function u(t) {

for(x.translate(0,(S(t))*(c.height|=i=0)),x.font='40em"';q=t/17*(i+t*9)%51,x.globalAlpha=q/25,++i<2e3;x.rotate(.01))x.fillText(`🚥`,q,q*99)

Jun 4 2020 9:06 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 FPS hide FPS share fullscreen

stefano

function u(t) {

for(c.width=w=48,z=255,i=0;i<1296;){X=i%w;Y=(++i-X)/w;l=X-C(t*3)*10-24;k=Y-13;x.fillStyle=R(z-Math.sqrt(l*l+k*k)/15*z);x.fillRect(X,Y,1,1)}

Jun 4 2020 9:42 PM UTC

}// 139/140

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

Crazy Ball

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/19006 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𛐱𞱴🱰𛡭𨑰𚀨𦱁𛁂𧐬𪐩🐾𬀽𬀮𫑡𬀨𚁛𨐬𨡝𛁪𚐽🠨𦀽𠐭𨐬𦐽𠠭𨠬𬠽𦀪𦀫𦐪𦐬𬠯👲𛰶𛐹𝠬𪠭𪐼𜰦𪠾𪐿𦱡𚱘𛱲𛁢𚱙𛱲𛁸𛡭𫱶𩑔𫰨𠐬𠠩𛁸𛡬𪑮𩑔𫰨𨐬𨠩𧐺𦱡𛁢𧐩𚐩𞡰👛𧐻𬁛𭀪𜰦𜰱𧐽𦰹𞐫𤰨𭀩𚠴𞀬𞀰𚱃𚁴𛰳𚐪𝀸𧐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Jun 2 2020 1:36 AM UTC

}// 140/140

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

#zhezhi #origami #physics

Show more comments…
u/tomxor

#waitforit ...
u/tomxor

Thanks u/nburn42 for suggesting lines
u/tomxor

Fold your own: ;onmousemove=e=>p[t*3&31]=[e.x/2,e.y/2];
u/ntsutae

Awesome
u/nburn42

Love it
u/KilledByAPixel

Amazing, hey tomxor, I'd like to get you involved in a project I'm working on, how can I contact you?
u/katkip

amazing
u/username

fucking sick
u/aleamb

WOW!
u/magna

WHAT
u/katkip

#witchcraft
u/rafroller

AMAZING <3
u/donbright

!!!!!!!!!!!!!!!
u/vain

Incredible! It lives... But i'm lost for words

show FPS hide FPS share 1 remix fullscreen

Annastasia

function u(t) {

(F=(X,Y,L)=>{x.fillStyle=R(C=L*32,C,C);x.beginPath();x.arc(X,500,Y,0,2*Math.PI);x.fill();L>1&&F(X-Y/2,Y/2,L-1)+F(X+Y/2,Y/2,L-1)})(950,950,8)

Jun 4 2020 3:43 AM UTC

}// 140/140

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

drawing circles

show FPS hide FPS share fullscreen

rafroller

remix of d/19035 by u/Annastasia

function u(t) {

(F=(X,Y,L)=>{x.fillStyle=R(C=L*32,C,C);x.beginPath();x.arc(X,500,Y,0,2*Math.PI);x.fill();L>1&&F(X-Y/t*9,Y,L-1)+F(X+Y/2,Y/2,L-1)})(950,950,8)

Jun 4 2020 6:31 PM UTC

}// 140/140

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

That's a big tower

show FPS hide FPS share fullscreen

ersagun

remix of d/18449 by u/ersagun

function u(t) {

t?x.rotate(Math.PI*(5**.5-1),x.fillRect(0,0,.5,399)):x.translate(960,540)

Jun 6 2020 7:49 AM UTC

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

katkip

remix of d/15133 by u/KilledByAPixel

function u(t) {

for(i=1024;i--;)"ﾇ縇縇繷繷繷繧繇缇﻾砇ﹾ烧ﹼ懧︼揧䟧쿧쿧쿧쿧쿧쿧쟧ﰇ＇쿿��".charCodeAt(i/16)&1<<i%16&&x.fillRect(i%C*C,i&-31,C=32,C)

Jun 3 2020 5:45 PM UTC

}// 139/140

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

u/13thptr

#blacklivesmatter

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

!t&&(c.outerHTML=`<b contenteditable onInput=localStorage.T=this.innerHTML>${localStorage.T||"Text editor. Type here, content is saved."}`)

Jun 3 2020 4:26 PM UTC

}// 139/140

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

Text editor with auto-save. Type and reload (or come back later). Your edits are stored in this Dweet.

u/rodrigo.siqueira

Shortcuts: control-b (bold), control-i (italic), control-u (underline). You can even paste html in this Dweet.
u/katkip

wow
u/rafroller

So cool ! Nice use of localStorage :)
u/sigveseb

Cool, didn't know that you could do bold, italics etc like that in contenteditable

show FPS hide FPS share 2 remixes fullscreen

nburn42

function u(t) {

if(!t)x.fillRect(0,0,2e3,2e3)
for(j=0,m=x.getImageData(0,0,2e3,1e3),g=m.data;j<300;j+=4)g[~~(8e6*S(t))+j]=255*C(t*9)
x.putImageData(m,0,0)

Jun 5 2020 1:20 AM UTC

}// 138/140

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

Trying to play with the raw image data is hard

Show more comments…
u/cshadows

wow!!
u/tomxor

It is hard - shame there isn't a simple buffer to write to
u/nburn42

I wanted to build cellular automata based off raw data, but there is so much overhead involved.
u/nburn42

I'll try anyway.
u/tomxor

What do you mean by raw data? using the frame buffer for state? there are quite a variety of CA implementations here but they are mostly tagged gameoflife regardless of specific rule. I made a larger than life one recently that is capable of >1 radi moore neighborhoods
u/nburn42

I see some of your CA, the are awesome, I'll play around with some of your methods too.