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

KilledByAPixel

remix of d/24066 by u/KilledByAPixel

function u(t) {

V='🏃';eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍣󛭷󪝤󭍨󯌽󪜽󜼸󝌬󩭯󫭴󟜧󜽩󫬢󙼬󩭩󫍬󥍥󮍴󚌧󥭅󤭔󢝇󣼧󛌳󜼰󛌱󜌶󜌩󛍦󪝬󭍥󬬽󙽧󬭡󮝳󨽡󫍥󚌧󛍦󫽮󭌽󙼷󪝮󘬧󛍴󬭡󫭳󫍡󭍥󚌱󩜳󛌴󝜰󚜬󬭯󭍡󭍥󚍴󚜬󩭩󫍬󥍥󮍴󚍖󛌭󜼸󜌬󜬱󜌩󞽩󛜭󞽲󫽴󨝴󩜨󝜩󚝣󫍥󨝲󤭥󨽴󚍩󛌰󛌹󛌶󜌩`.replace(/u../g,'')))

Oct 13 2021 10:43 PM UTC

}// 140/140

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

Vertigo 🔔

u/magna

You devil! Just saw the V= trick!
u/KilledByAPixel

#ScaryMovies

show FPS hide FPS share fullscreen

magna

remix of d/24079 by u/yonatan

function u(t) {

eval(unescape(escape`󭜽󪌽󝜱󜜻󩭯󬬨󨼮󭽩󩍴󪍼󟝫󟜰󞽫󟌲󞽫󚼽󛬰󜬩󩭯󬬨󪜽󭜽󭜪󝜦󪌻󭼽󪜭󛜯󝌻󚝸󛭦󪝬󫍒󩝣󭌨󚌨󪽼󯍓󚍩󚜩󚽴󛽨󚬨󪼿󭜯󞜺󞜩󚜥󜜪󪌪󝜭󪌭󭜪󥌥󭼬󥌽󪌫󚍩󙬵󟽩󛝵󞭵󛝩󚜬󪼿󭼺󭜬󜬫󤼨󥌾󪌦󙭷󚽴󚬹󚜩`.replace(/u../g,'')))

Oct 12 2021 5:01 PM UTC

}// 118/140

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

Boat trip

Show more comments…
u/magna

Assignment: Add a V-shaped flock of migrating birds
u/magna

Uncompressed: u=h=511;for(c.width|=k=0;k<2;k+=.02)for(i=u=u*5&h;w=i--/4;)x.fillRect(((k||S(i))+t/h*(k?u/9:9))%1*h*5-h-u*T%w,T=h+(i&5?i-u:u-i),k?w:u,2+S(T>h&&w+t*9))
u/danny@hille.dk

sweet parallax effect!
u/yonatan

beautiful, much nicer with the parallax
u/magna

Thanks!
u/tomxor

First thing I thought of when I saw Yonatans! Such a great team effort, the original idea, lots of golfing and these two finishing touches.
u/rep_movsd

Fantastic
u/rep_movsd

Now add color 😂

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/24093 by u/TGY

function u(t) {

with(x)for(i=w=128;i--;fillStyle=R(i%2?fillRect(X=i%16*64,Y=i*8&-w,t=X+Y&w,t)|w:Y/w%7||fillText('♜♞♝♚♛♝♞♜'[X/w^Y/w],X,Y+w)))font=w+'pt s'

Oct 14 2021 10:32 PM UTC

}// 137/140

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

pieces #chess

u/pavel

font='4cm"'
u/FireFly

ohh good one, didn't know about the font-family name trick
u/TGY

now we need to combine 2 dweets into single XD
u/DataMeta

fit them together with compression, but would be more interesting to jam it into 140 :)
u/FireFly

I can do a full chess board in 151c currently, but it *would* be really satisfying to fit it into the 140c without compression tricks indeed

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

c.width|=1
for(Y=68;Y--;)
for(X=120;X--;)
d=Math.hypot(X-58,Y-34),
x.fillRect(
 X*16+C(d+t*9)*9,
 Y*16+C(d+t*9)*9,
 9+2*C(t*.8),
 9+2*S(t)
)

Oct 14 2021 9:48 PM UTC

}// 140/140

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

dripstare

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=0;x.font="30em A";x.fillText("🙂",600,700);



O=~~(Math.random()*100);x.fillText(O<4?[..."🧛👻😱🤡"][O]:"",600,700);

Oct 14 2021 11:10 AM UTC

}// 121/140

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

Just a normal smiling emoji 🙂 #scarymovies

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24054 by u/ciaccodavide

function u(t) {

for(m=Math,i=1e4*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.5-X,k=.27-Y),x.fillRect(2e3*X,2e3*Y,69-d*345,1);c.style=`margin:${r()}px`

Oct 12 2021 8:45 AM UTC

}// 137/140

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

The Ring #ScaryMovies

u/ciaccodavide

maybe I should have used margin:${r()/2}px for a subtler shake

show FPS hide FPS share fullscreen

TGY

remix of d/24118 by u/ciaccodavide

function u(t) {

for(c.width|=Y=68;Y--;)for(X=120;X--;x.fillRect(X*16+(m=C(d*d/t)*9),Y*16+m,w=9+2*C(t),w))x.fillStyle=R(d=5+Math.hypot(X-58,Y-34),3*d,6*d)

Oct 15 2021 8:43 AM UTC

}// 137/140

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

#windows11 edition

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

c.width|=0;c.style.filter='blur(1vw)contrast(3)invert(';for(i=64;i--;)for(j=30;j--;)x.fillRect(i*30+j,m=T(t/4+i+S(i-j)),9+m**.4,9+m)

Oct 12 2021 8:37 PM UTC

}// 132/140

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

#ScaryMovies Fear of rain

u/magna

Very realistic!
u/rep_movsd

Without invert it looks cool, maybe add color

show FPS hide FPS share 1 remix fullscreen

ketolli

function u(t) {

x.strokeStyle='hsl('+C(t/4)*180+',99%,50%)',x.lineWidth=20,x.beginPath(),x.arc(960+S(t/3)*840,540+C(t)*420,100,0,Math.PI*2),x.stroke()

Oct 15 2021 8:33 PM UTC

}// 134/140

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

Hue Explorer

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󮬽󜭥󜼻󪜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜬󪬽󭌪󝬰󛌱󛽺󛍺󚬪󜬩󛍤󟜨󬬽󚍘󟝩󛼷󜌪󛬰󝜭󛬶󝜩󚭘󚼨󦜽󪬯󝬰󚬮󜌴󚜪󦜩󟬱󟼰󞭃󚍲󚜯󞜬󮬽󠼨󦌯󩌭󝜩󚭙󛽤󒭴󟬱󞌦󙬨󮌮󩭩󫍬󤽴󮝬󩜽󙼣󩭦󩬧󛍸󛭦󫽮󭌽󙼹󨽭󘍡󬭩󨝬󙼬󮌮󩭩󫍬󥍥󮍴󚌧󥬠󡜠󣬠󣼠󣜧󛌱󝌰󛌷󜌰󚜩`.replace(/u../g,'')))

Oct 13 2021 9:58 PM UTC

}// 138/140

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

#ScaryMovies Venom #waitforit