New dweets | Dwitter

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 1 remix fullscreen

yonatan

function u(t) {

c.innerHTML=`<svg><filter id=f><feTurbulence baseFrequency=.01 /><feDisplacementMap scale=${t*99}>`;x.filter="url(#f)";x.fillRect(0,0,0,1)

Oct 26 2018 12:11 PM UTC

}// 138/140

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

brighter on firefox

u/joeytwiddle

dude... #plasma #oil #oil_spill
u/Xen

i'm stealing this dweet and having it as an animated desktop background :-P
u/tomxor

Nice. Ahh svg filters... I have good memories, but then they were all destroyed by browser regressions.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)(A=t?A.filter(e=>beginPath()|arc(e.x,e.y,Q=10*(t-e.t),globalAlpha=1/Q,7)|stroke()|t-e.t<10):[]).push({t:t,x:(t**5)%2e3,y:(t**3)%1e3})

Oct 26 2018 9:01 AM UTC

}// 140/140

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

Very similar to something I already did but I like how this is a single expression.

u/joeytwiddle

Moody #virus #outbreak #petri #antivax #organic
u/katkip

That looks so nice! #cell

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width|=k=300,x.font='20em"',b=t*60%19683
for(i=9;i--;x.fillText(" ⚬×"[v],580+k*(i%3),380+k*(i/3|0)))
v=(b/3**i|0)%3

Oct 26 2018 5:24 AM UTC

}// 117/140

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

Every possible tic-tac-toe board (and some impossible too)

u/joeytwiddle

Challenge: Every possible tic-tac-toe game (no illegal boards)
u/pavel

Here, but only problem is that it keeps playing after winning: c.width|=k=300,x.font='20em"',b=frame>>4,m=b&1 for(i=9;i--;)x.fillText("⚬× "[b&2<<i?m^=1:2],580+i%3*k,380+k*(i/3|0))
u/pavel

Oh, nevermind. Its missing boards because it doesn't permute X and O fully for each template.
u/joeytwiddle

Good effort anyway!

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

c.width=1600;
 for(i=1;i<900;i=i+9+C(i)*5) {
  x.lineTo(800+t+C(t+i*t/29)*610,440+S(i*t/29)*280)
 }
 x.stroke()

Oct 26 2018 3:21 AM UTC

}// 111/140

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

Rotatus

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

for(i=0;i<1920;i++) {
x.fillStyle=`hsla(${t*50%360},50%,${(S(i)*100)%100}%,0.5)`
x.fillRect(i,C(i*T(t/50))*530+530,15,15)
}

Oct 26 2018 3:06 AM UTC

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

BirdsTweetCodersDweet

remix of d/10695 by u/Xen

function u(t) {

(t?j:c)[t?'outerHTML':'innerHTML']=h=`<svg id=j><filter id=f><feTurbulence baseFrequency=${(S(t)+1)/50}>`
c.style.filter='url(#f)'

Oct 25 2018 11:44 PM UTC

}// 130/140

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

Boing!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/10689 by u/f8f82804

function u(t) {

(t?j:c)[t?'outerHTML':'innerHTML']=h=`<svg id=j><filter id=f><feTurbulence baseFrequency=${S(t/999)}>`
c.style.filter='url(#f)'

Oct 25 2018 11:38 PM UTC

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

yonatan

remix of d/10690 by u/yonatan

function u(t) {

eval(unescape(escape`挮楮湥版呍䰽怼獶朾㱦楬瑥爠楤㵦㸼晥呵牢畬敮捥⁢慳敆牥煵敮捹㴤笱⽴素牥獵汴㴢∯㸼晥䑩獰污捥浥湴䵡瀠楮㵓潵牣敇牡灨楣⁳捡汥㴤筴紾总砮景湴㴧㥩渠砧㭸⹦楬汔數琨挮獴祬攽≦楬瑥爺畲氨⍦⤢ⰰⰱ攳⤻`.replace(/u(..)/g,"$1%")))

Oct 25 2018 10: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).

#waitforit

u/yonatan

c.innerHTML=<svg><filter id=f><feTurbulence baseFrequency=${1/t} result=""/><feDisplacementMap in=SourceGraphic scale=${t}>;x.font='9in x';x.fillText(c.style="filter:url(#f)",0,1e3);
u/yonatan

Judging by the sound of my fan, I'm guessing filters use SIMD
u/yonatan

or maybe just if they can't find a working GPU
u/yonatan

firefox seems to handle this one better than chrome

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

c.width=600;
for(n=1;n<9;n++) {
 for(i=1;i<8;i=i+6.28/n) {
  x.lineTo(S(t)*C(i)*35+370+n*80-450,200+S(i)*80)
 }
 x.stroke()
}

Oct 25 2018 10:00 PM UTC

}// 126/140

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

Polygon showcase

u/f8f82804

I love the 2-gon!

show FPS hide FPS share fullscreen

f8f82804

remix of d/10286 by u/f8f82804

function u(t) {

with(x)for(s=1e3,j=5;--j;)for(i=7;shadowBlur=i*i--;fillRect(3*s*Math.random()-s,j*t%1*s,s,6))shadowColor=`hsla(${t+T(t)}turn 85%50%/.3`

Oct 25 2018 9:57 PM UTC

}// 135/140

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

broken #tv #glow