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

f8f82804

remix of d/9458 by u/f8f82804

function u(t) {

τ=4.7;for(i=2048;i--;x.fillRect(32*(i%64),32*(i/64|0),32,32))x.fillStyle=R(99+99*S(b=(C(t)*(i%64)+i/64)/3**(S(t)+1)),60*S(b+τ),99+99*S(b-τ))

Aug 28 2018 1:10 AM UTC

}// 140/140

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

u/danny@hille.dk

nice

show FPS hide FPS share fullscreen

f8f82804

remix of d/9491 by u/Xen

function u(t) {

eval(unescape(escape`楦⡴┮㈼⸰ㄩ睩瑨⡮敷⁏獣楬污瑯牎潤攨愽湥眠䅵摩潃潮瑥硴ⱻ晲敱略湣示ㄱ〪匨㤪瑞琩紩⥣潮湥捴⡧㵡⹣牥慴敇慩渨⤩Ⱨ⹣潮湥捴⡡⹤敳瑩湡瑩潮⤬朮条楮⹳整呡牧整䅴呩浥⠰ⰮㄵⰮ〱⤬獴慲琨⤬獴潰⠮㈩`.replace(/u(..)/g,"$1%")))

Aug 27 2018 11: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).

playing notes with an evelope to avoid clicking #audio #compressed

u/f8f82804

if(t%.2<.01)with(new OscillatorNode(a=new AudioContext,{frequency:110*S(9*t^t)}))connect(g=a.createGain()),g.connect(a.destination),g.gain.setTargetAtTime(0,.15,.01),start(),stop(.2)

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

if(t%1<.01)with(o=(a=new AudioContext).createOscillator())connect(a.destination),start(),stop(a.currentTime+1);o.frequency.value=1e3*C(t*69)

Aug 27 2018 7:47 PM UTC

}// 140/140

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

#audio #halting

u/katkip

Nice.
u/katkip

Now it is not jumpscary
u/384.cz

#alien #babble

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

x.fillStyle='#0ff';x.fillRect(0,0,2e3,2e3)
x.fillStyle='#bb7';x.moveTo(960,340);x.lineTo(0,1080);x.lineTo(1920,1080);x.fill();

Aug 29 2018 9:24 AM UTC

}// 126/140

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

Pyramid

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

x.fillStyle=`hsla(${180-t*10},99%,50%)`;x.fillRect(0,0,960,2e3)
x.fillStyle=`hsla(${t*10},99%,50%)`;x.fillRect(960,0,960,2e3)

Aug 29 2018 8:49 AM UTC

}// 125/140

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

Inverted colors. #color #comparison

show FPS hide FPS share fullscreen

katkip

remix of d/9520 by u/katkip

function u(t) {

for(i=0;i<128;i++)for(j=0;j<74;j++){x.fillStyle=`hsla(${(T(i*t)|0+T(j*t)|0)%2==0?t*50:t*99},99%,50%)`;x.fillRect(15*i,15*j,15,15)}

Aug 29 2018 8:40 AM UTC

}// 130/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 1 remix fullscreen

katkip

remix of d/9518 by u/katkip

function u(t) {

;c.width^=0;for(i=0;i<77;i++)for(j=0;j<44;j++){
x.fillStyle=`hsla(${j&&i<T(i*j+t)*C(i*j+t)*t*3?0:100},83%,45%)`
x.fillRect(25*i,25*j,25,25)}

Aug 29 2018 7:57 AM UTC

}// 140/140

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

Building the binary city

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9516 by u/katkip

function u(t) {

;c.width^=0;for(i=0;i<74;i++)for(j=0;j<42;j++){x.fillStyle=`hsla(${i<<j+t*9},90%,50%)`
x.fillRect(26*i,26*j,25,25)}

Aug 29 2018 7:47 AM UTC

}// 115/140

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

#infinite binary xying scrolling

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9508 by u/f8f82804

function u(t) {

eval(unescape(escape`昽愽㹍慴栮牡湤潭⠩ⵡ㭦潲⡩㴲㔻椭ⴾ㠻⥦潲⡪㴱㠻樭ⴾㄻ⥦潲⡫㴸⩦⠲⥼〻欫⬻瑼籸⹳瑲潫敒散琨ⴳ㈬ⴳ㈬㘴ⰶ㐩⥸⹳整呲慮獦潲洨猽昨〩ⰰⰰⱳⰶ〪椬㘰⩪⤬砮牯瑡瑥⡦⠮㔩⼴⤻`.replace(/u(..)/g,"$1%")))

Aug 29 2018 3:49 AM UTC

}// 128/140

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

A tribute to _(Dés)Ordres_ -- Vera Molnár, 1974

Show more comments…
u/f8f82804

#art #tribute
u/f8f82804

f=a=>Math.random()-a;for(i=25;i-->8;)for(j=18;j-->1;)for(k=8*f(2)|0;k++;t||x.strokeRect(-32,-32,64,64))x.setTransform(s=f(0),0,0,s,60*i,60*j),x.rotate(f(.5)/4)
u/f8f82804

#compressed
u/BirdsTweetCodersDweet

a=Math.random;for(i=17;--i;)for(j=17;--j;)for(k=8*(a()-2)|0;k++;t||x.strokeRect(-32,-32,64,64))x.setTransform(s=a(),0,0,s,60*i,60*j),x.rotate((a()-.5)/4) for a 153-char golf :/
u/f8f82804

u/BirdsTweetCodersDweet: that helps, but I really wanted to keep the centered display. See my remix where I use a single for loop to jump around the grid randomly, which avoids the random initialization of k.
u/iverjo

Best in fullscreen

show FPS hide FPS share fullscreen

katkip

remix of d/8952 by u/firegodjr

function u(t) {

F=n=>{return S(n)*C(n)<T(n)+C(t)*2}
x.drawImage(c,0,l=10)
for(j=214;j--;)x.fillStyle=F(j^t*60)?"#000":"#fff",x.fillRect(j*l,0,l,l)

Aug 26 2018 6:47 PM UTC

}// 130/140

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

still style is godlike