Dweets awesomed by u/Cloud

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

for(c.width|=i=9;i--;){a=S(t*6**(i/5))
x.fillRect(510+i*100,400-a*120,50,400+a*120)}

Feb 13 2020 12:24 PM UTC

}// 84/140

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

Listen!?

show FPS hide FPS share fullscreen

Yogeshp3

remix of d/17561 by u/pavel

function u(t) {

c.style.filter="blur(1vh)invert(1";for(c.width|=j=21,x.scale(9,9);j--;)for(i=99;i--;)x.arc(0,0,1.3**(j+i%2+t%2),a=(i+j)%24/4,a);x.stroke()

Feb 12 2020 6:38 PM UTC

}// 138/140

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

u/KilledByAPixel

🕷️

show FPS hide FPS share 5 remixes fullscreen

New_Core

function u(t) {

c.style.filter=`blur(17px)contrast(2e3%)`
for(c.width|=i=11;i--;)x.fillRect(960+600*S(t+i),440+400*C(t+i/.6),200,200)

Feb 12 2020 4:46 PM UTC

}// 117/140

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

Aha.. so thats how the metabals was done ;)

Show more comments…
u/New_Core

*metaballs
u/New_Core

probably better use arc.. didnt check fullscreen before posting....
u/New_Core

about 60 px blur was ok for fullscreen here
u/KilledByAPixel

nice technique!
u/corruptio

you can just do c.filter right?
u/corruptio

oh nope, nevermind
u/joeytwiddle

#metaballs good job!
u/sigveseb

Contrast filter, that's clever!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/17562 by u/KilledByAPixel

function u(t) {

c.style.filter="blur(1vh)sepia()invert(";for(c.width=198,k=777;j=--k>>5;x.arc(99,56,r*r,a=(j+k%32)%30*.21+S(r)/2,a))r=j+k%2+t%2-2;x.stroke()

Feb 12 2020 7:37 AM UTC

}// 140/140

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

#uncompressed

u/KilledByAPixel

i knew you could do it 😉

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(c.width|=j=21,x.scale(5,5),x.lineJoin="round";j--;)for(i=26;i--;)x.arc(192,108,1.3**(r=j+i%2+t%2),a=(i+j)%24/3.8197+C(r)/2,a);x.stroke()

Feb 11 2020 7:29 AM UTC

}// 140/140

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

Creeping

u/katkip

kind #tunnel
u/Yogeshp3

source of mathematics?
u/cantelope

source: pavel
u/pavel

I was inspired by https://twitter.com/beesandbombs/status/1221… I wanted to see if I could draw it with one stroke. Then I just started playing around. +C(r)/2 does most of the work here, if you delete it you can see the reference shape.
u/pavel

%24 is only there to avoid a bug in Safari from angle being too big on arc. /3.8197 is short for *Math.PI/12

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=p=1.047,x.scale(9,9);i--;x.lineTo(47+f(C),f(S)))f=g=>60+56*g(a=~~t*p+i/300)-(i<3)*32*(g(b=2*a-t*p+p/2)-g(2*p*i+b));x.stroke()

Feb 11 2020 6:37 AM UTC

}// 140/140

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

Walking around

u/pavel

One of those things that's difficult to get into 140 chars but doesn't look so impressive hah.
u/pavel

Note that this is done with one stroke. The drawing starts and ends from the point that touches the circle, which changes throughout the animation.
u/pavel

You can see it if you change i/300 to i/310

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/16102 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩🐷𞐬𩡯𫡴🐧𜠵𩑭𘠧𛁴🱔👲🐾𬠪𞀪𣑡𭁨𛡲𨑮𩁯𫐨𚐺𩡩𫁬𥁥𮁴𚀧𡱒𣱗𥁈𙰬𝠰𛀷𜀰𚐻𪐭𛐻𚑦𪑬𫁓𭁹𫁥👒𚁩𛁩𚠳𚐬𩱥𭁉𫑡𩱥𡁡𭁡𚁘👔𚀲𝀰𚐬𦐽𥀨𜠰𜀩𛀱𛀱𚐮𩁡𭁡𦰳𧐦𙡙🀷𝐰𛑴𚠷𙠦𩡩𫁬𤡥𨱴𚁘𚱔𚀲𚐭𜐴𛁙𚱔𚀲𚐭𜐹𛀹𛀹𚐻`.replace(/u../g,'')))

Feb 11 2020 6:36 AM UTC

}// 140/140

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

#growth

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17550 by u/jylikangas

function u(t) {

for(k=99,c.width=i=-8;++i<7;R=a=>x.lineTo(k+a*k/(z=j-t*5%1),k+(k*S(j+t*5&a|9)-a**4)/z))for(j=k;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Feb 10 2020 7:20 PM UTC

}// 139/140

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

Simplified version of u/jylikangas' grid mountains (landscape valley) #uncompressed #d3 #wireframe

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐢𨡬𭑲𚀱𭡨𚑳𩑰𪑡𚀩𪑮𭡥𬡴𚀮𞐢𒡦𫱲𚁣𛡷𪑤𭁨👩🐭𞐻𚰫𪐼𞐻𤠽𨐽🡸𛡬𪑮𩑔𫰨𜐵𜀫𨐪𝰰𛰨𮠽𪠭𭀪𝐥𜐩𚱃𚁴𚐪𜠰𛀹𜀫𚀹𜀫𤰨𪠫𭀪𝐦𨑼𞐩𚠴𜀭𨐪𚠴𚐯𮠩𚑦𫱲𚁪🐲𜀻𮀮𨡥𩱩𫡐𨑴𪀨𮀮𬱴𬡯𪱥𚀩𚐬𤠨𪐩𛀭𛑪𞱒𚁩𚰱𚐩𤠨𪐩`.replace(/u../g,'')))

Feb 10 2020 3:57 PM UTC

}// 140/140

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

To celebrate the launch of devaja.fi

Show more comments…
u/KilledByAPixel

😲
u/rodrigo.siqueira

This is a scene from Dragon's Lair game, where balls were rolling on this grid.
u/sigveseb

no way! daaaamn
u/tomxor

Woaaah! O_O
u/lionleaf

Holy ...! :O
u/katkip

Wow
u/hoplite

Reminded me a bit of https://www.youtube.com/watch?v=6juR6rzAolU :)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17542 by u/KilledByAPixel

function u(t) {

for(c.width|=s=6,k=720;j=k%4,i=k--/4;s/=.99,x.fillStyle=`hsl(${n*j} 70%${n%9<5?0:50}%`)n=i+t*60,x.fillRect(900+C(j+t+i/99)*s,k+S(t+j)*s,i,i)

Feb 10 2020 2:23 PM UTC

}// 140/140

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

The color #tentacle

dwitter.net | Cloud (15464)