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

shandriy

function u(t) {

for(n=0,i=c.width=96,f=(a)=>x.fillRect(i,S(i/9+t)*a*S(t)+27+((h=S(i/9+t)*-a*S(t))<0?n=~~((i/9+t)*9)%4?0:2:0),2,n?h<0?h-2:h:2);i--;f(9))f(-9)

Aug 4 2024 8:20 PM 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 fullscreen

tem

function u(t) {

for(i=2e3;i--;x.fillRect(i,t*60,1,2))x.fillStyle=`hsl(${C(i*(i/99-S(t/2)/9))*99},69%,69%)`

Aug 6 2024 4:37 PM UTC

}// 90/140

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

I tried to render a circle,but got this texture instead

u/Joachim

Nice work! Have a look at this if you want a circle. Change M to change the render speed --> for(i=2e3;i--;x.fillRect(i,t*M,1,M))M=600,A=i-960,B=t*M-540,x.fillStyle=hsl(${S((A*A+B*B)/9999)*99},69%,69%)

show FPS hide FPS share fullscreen

lewdev

remix of d/32212 by u/lewdev

function u(t) {

for(c.width|=i=0,x.font="4cm'";i<44;i++)x.fillText('💸',S(i)*800+850,C(t+i)*400+550)

Aug 7 2024 5:03 AM UTC

}// 83/140

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

💸 Rolling Ring of Emojis

show FPS hide FPS share fullscreen

lewdev

remix of d/29301 by u/lewdev

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󞜹󞽴󟜨󫭥󭼠󡍡󭍥󚌢󜬰󜬴󛜰󞌭󜜳󥌱󜜺󜌰󞬰󜍚󘬩󛝄󨝴󩜮󫭯󭼨󚜩󛼱󩜴󒭦󫽲󚍩󟜲󞽩󛜭󞼩󮌮󩭩󫍬󥍥󮍴󚍩󟼢󢭓󜜳󢼢󞭛󞌶󝌰󛌳󝬰󛌶󛌮󜜬󛬰󜌱󧜮󫝡󬌨󭜽󟬨󭬽󭌾󟝵󟽴󛽵󟬾󜌺󜌬󭌥󟝵󛍶󟬹󟽶󞭠󜍠󚽶󚜩󛭪󫽩󫭠󞭠󛌵󛍩󟼲󝜺󝌰󚜻`.replace(/u../g,'')))

Aug 5 2024 6:20 AM UTC

}// 133/140

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

⏲ #countdown to JS13K 2024 Aug 13 13:00-Sep 13 13:00 CEST

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/32194 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,i=w=c.width|=0,w);for(;i--;x.clearRect(960+S(i*w)*z+S(i)*z,i*T(i/z-t/80)/50+560*(1+5/T(i*i)/t/t/t),w/i,-w/i))z=w*90/i

Aug 5 2024 2:29 PM UTC

}// 132/140

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

City of stars

show FPS hide FPS share fullscreen

dabl03

function u(t) {

eval(unescape(escape`𩀽𫡥𭰠𡁡𭁥𚀩𞱴👛𩀮𩱥𭁓𩑣𫱮𩁳𚀩𛁤𛡧𩑴𣑩𫡵𭁥𬰨𚑝𞱷🐵𜀰𞱣𛡷𪑤𭁨👷𚠴𞱷𪑴𪀨𮀩𮱴𬡡𫡳𫁡𭁥𚁷𛁷𚐻𨑲𨰨𜀬𜀬𭰬𜀬𜠪𜰮𜐩𞱦𫱲𘀨𫁥𭀠𪐠𪑮𘁴𚑻𬱡𭡥𚀩𞱲𫱴𨑴𩐨𭁛𪑝𚠰𛠱𜀴𝰩𞱲𩑣𭀨𜀬𜀬𜐰𚱩𚠱𜀬𛐳𜀰𚐻𬡥𬱴𫱲𩐨𚑽𬱴𬡯𪱥𚀩𯐠`.replace(/u../g,'')))

Aug 3 2024 10:54 PM UTC

}// 140/140

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

Seconds and minutes clock

u/dabl03

My unpackaged code -> let time=new Date(); time=[time.getSeconds(),time.getMinutes()];w=500;c.width=w*4;with(x){/* When placing it, I avoid x.translate , x.arc..*/translate(w,w);/* 500,500*/arc(0,0,w,0,2*3.1);for (let i in t){save();rotate(t[i]0.1047);/* Imita -> t[i](Math.PI/30)*/rect(0,0,10+i10,-300);/* If it were 300 it would be the other way around*/restore();}stroke();}
u/dabl03

I edited my code in a notepad that removed the *, here is my fixed code: t=new Date();t=[t.getSeconds(),t.getMinutes()];w=500;c.width=w*4;with(x){/* When placing it, I avoid x.translate ,x.arc..*/translate(w,w);/* 500,500*/arc(0,0,w,0,2*3.1);for (let i in t){save();rotate(t[i]*0.1047);/* Imita -> t[i](Math.PI/30)*/rect(0,0,10+i*10,-300);/* If it were 300 it would be the other way around*/restore();}stroke();}
u/lewdev

#analogclock

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/32191 by u/magna

function u(t) {

x.fillRect(0,0,i=w=c.width|=0,w);x.translate(960,540);for(x.rotate(t/12);i--;x.clearRect(T(i*i-t/40)*z,C(i*w)*z+S(i)*z,w/i,w/i))z=w*90/i

Aug 2 2024 10:21 PM UTC

}// 136/140

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

Volumetric star rotation #stars

u/Agnes

Wow!!!
u/lewdev

Probably the closest I'll get to watching the stars at the north or south poles.
u/KilledByAPixel

https://www.reddit.com/r/tinycode/comments/1…

show FPS hide FPS share fullscreen

shandriy

function u(t) {

for(i=2,c.width=96;i--;x.fillRect(0,0,(S(t)+1)*48+(i?99:0),99))x.fillStyle=R(i*220,50,(i-1)*-220)

Aug 4 2024 1:52 AM UTC

}// 97/140

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

#Opposites

show FPS hide FPS share fullscreen

DaBe

function u(t) {

let a=1920,b=540
c.width=a
x.fillRect(0,b,a,1)
for(i=0;i<a;i++)
x.fillRect(i,b+b*S((i+t*a)%a/305),2,2)

Aug 6 2024 12:59 PM UTC

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

shandriy

remix of d/32181 by u/shandriy

function u(t) {

eval(unescape(escape`󪝦󚌡󭌩󮽯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󮜽󩜮󮜯󝬭󝜻󮜽󫼽󜍽󨼮󭽩󩍴󪌽󞜶󞽦󫽲󚍩󟜰󞽩󟌳󞽸󛭦󪝬󫍒󩝣󭌨󦼰󛌲󚼨󦌽󩬨󝌵󚜩󛌹󝍝󦽩󧜬󦽹󛍙󟝦󚌲󝬩󛍙󛜴󧝛󪝝󛌲󛌱󜌭󪜫󚼥󜬪󞌬󫼽󯭾󦌿󫼺󮜭󜬼󦜦󙭹󚼱󜌾󦜿󫼺󭌩󚝦󟝭󟜾󣝡󭍨󛭡󨭳󚌨󚍴󛝯󚜪󚬱󛬱󚜪󫜯󝌰󙜴󛜲󚜪󫜻`.replace(/u../g,"")))

Aug 3 2024 1:13 AM UTC

}// 139/140

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

#Pong #playable with increasing difficulty

u/shandriy

Original code: if(!t){onmousemove=e=>y=e.y/6-5;y=o=0}c.width=96;for(i=0;i<3;x.fillRect([0,2+(X=f(45)),94][i],[y,Y=f(26),Y-4][i],2,10-i++%2*8,o=~~X?o:y-2<Y&&y+10>Y?o:t))f=m=>Math.abs(((t-o)**1.1)*m/40%4-2)*m
u/Joachim

Really cool
u/dabl03

It looks pretty good, how do you compile the code?
u/shandriy

I used CapJS (capjs.3d2k.com) to compress it.
u/dabl03

Thank You