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

pavel

remix of d/17068 by u/pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960-p/h,540+q/h,5,5))j=i>>8,f=g=>2%~j*g(9696*j-t)+3**!j*g(578*i),p=f(C)-3**.5*S(t/16),q=f(S),h=(p*p+q*q)/420

Jan 11 2020 9:02 AM UTC

}// 140/140

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

Eight kissing circles 2

u/pavel

Using map-the-dots method. As you can see circles stay circles but they scrunch and stretch along their path.
u/yukulele

https://en.wikipedia.org/wiki/Steiner_chain
u/katkip

WOW

show FPS hide FPS share fullscreen

katkip

function u(t) {

localStorage.TT=`if(!t)(L={x:960,y:540},A=0,G=3.1415/2);F=(s)=>{for(i=s;i-->0;)L.x+=S(A),L.y+=C(A),x.fillRect(L.x,L.y,9,9)}`

Jan 14 2020 9:16 PM UTC

}// 124/140

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

Turtle #library. Use eval(localStorage.TT) in projects and use this turtle functions. F (steps) => forward, A = angle, G = 90 degree angle, L.x an L.y => turtle location

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(let i=c.width|=0;i--;)Z=2**T(~~(i/9)/67+t%.1/3-5),x.fillStyle=R(i%2*i),x.fillRect(960+(i%9*5)*Z*9-Z*200,Z*99+50*S(Z+t),45*Z,Z*20)

Jan 12 2020 12:14 PM UTC

}// 133/140

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

wasnt the best solution but I post it anyway...

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.fillStyle=R(t*20,t*20,t*20)
x.fillRect(710,1080-t*100,500,-(t*100))
if(t>10){x.clearRect(760,540,400,t*50)}

Jan 13 2020 3:54 PM UTC

}// 109/140

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

#castle

u/katkip

kawaiii

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=i=99,scale(9,3);i--;stroke())for(beginPath(j=5);a=j--/.6367;arc(111,174+i/2,70,t+a,t+a))i>9||setLineDash([5])

Jan 12 2020 7:28 AM UTC

}// 129/140

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

3D #Castle Wall

u/iverjo

Nice
u/katkip

Really nice
u/sigveseb

#d3

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(c.style.background="#AAC",i=3;i--;x.fillText(i?"♖♜"[i-1]:"ⵌ𝕮𝖆𝖘𝖙𝖑𝖊",i?420:300,i?800:1050))x.fillStyle=R((i>1)*255),x.font=(i?67:22)+"em'"

Jan 11 2020 5:05 PM UTC

}// 140/140

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

Rook #castle

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𩠽𪐽𞀰𞱩𛐭𞱦𪑬𫁓𭁹𫁥👒𚁷𚠹𞐬𘑷𚡦𛀭𨐪𩠩𛁦𪑬𫁔𩑸𭀨𙱜𭐰𝀱𞁎𙱛嵮𮡝𛀸𚱡𚡱𛰱𞐬𜐲𛑱𛰱𞐩𚑡🐨𪐯𜠰𯀰𚐥𜠿𜐺𛐱𛁺👩🀴𜀬𭰽𪐥𜠰𛁳𨑶𩐨𬡥𬱴𫱲𩐨𬐽𮠿𭰺𭰫𞐰𚐩𛁴𬡡𫡳𩡯𬡭𚁦𛁡𚠴𜀬𜀬𩠬𛑡𚠲𜰰𛀭𨐪𝀶𜀩`.replace(/u../g,'')))

Jan 10 2020 8: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).

NINTENDO 64!

u/sigveseb

woow!
u/KilledByAPixel

#logo

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(c.width|=j=5,z=600;j--;)for(i=2*z;i--;)x.fillRect(960+C(i*52e-4)*600+S(i*j+t)*99,540+S(i*52e-4)*300+C(i*j+t)*99,s=C(i*52e-4-1.5)*2+5,s)

Jan 10 2020 1:02 PM UTC

}// 139/140

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

#ellipse inside a #torus

u/DataMeta

#opticalillusion

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

with(x)t?beginPath(setLineDash([99])):fillRect(0,0,2e3,2e3),arc(960,540,t*49,S(t),9),strokeStyle=`hsl(${t*29} 99%50%`,stroke()

Jan 11 2020 5:15 AM UTC

}// 126/140

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

Spiral Dash 2

show FPS hide FPS share fullscreen

tylertoomey

function u(t) {

t?B=0.02:X=Y=A=255;x.fillRect(0,0,2e3,2e3,x.fillStyle=R(0,0,0,B)),x.fillRect(X,0,A,1280,x.fillStyle=`hsl(${X/20},100%,60%`,X=800+C(t)*857)

Jan 11 2020 5: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).

pseudo trails / blur by additively drawing a semi-transparent rect over the canvas every frame. change the value of 'B' to increase / decrease 'trail' length