Dweets awesomed by u/DataMeta

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

rodrigo.siqueira

remix of d/17612 by u/DaSpider

function u(t) {

c.style.filter=`blur(.1vh)sepia(`
x.font="1in'"
x.fillText(String.fromCodePoint(~~(0x66E+S(t*9)*110)),2e3-(frame%50)*40,30+99*t)

Feb 14 2020 1:15 AM UTC

}// 128/140

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

Arabic Calligraphy Generator - Dwitter Verses #text #arabic

u/pavel

What did you say about my mother!?
u/DaSpider

Al salame alaikum, brother Siqueira

show FPS hide FPS share 1 remix fullscreen

DaSpider

function u(t) {

c.width|=0,x.font="65em s"
x.fillText(String.fromCodePoint(~~(0x13000+10*t%100)),500,880)

Feb 13 2020 8:06 PM UTC

}// 89/140

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

Hieroglyphs - Unicode hidden gems

show FPS hide FPS share fullscreen

Xen

remix of d/17600 by u/Cloud

function u(t) {

x.fillText(x.font="5em'",3e3**t%2e3-99,t*9)

Feb 13 2020 3:28 PM UTC

}// 43/140

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

Space

show FPS hide FPS share fullscreen

Xen

remix of d/17601 by u/DaSpider

function u(t) {

x.font="49em'"
x.fillText(String.fromCodePoint(0x1F311+9*t%8|0),350,840)

Feb 13 2020 3:17 PM UTC

}// 72/140

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

Same, more shorterer

u/Xen

if dont mind it looking terrible can 64bytes: c.width=19,x.fillText(String.fromCodePoint(0x1F311+7*t%8|0),2,9)

show FPS hide FPS share 1 remix fullscreen

DaSpider

remix of d/17598 by u/Cloud

function u(t) {

c.width|=0,x.font="55em s"
x.fillText(String.fromCodePoint(~~(0x1F311+7*t%8)),350,840)

Feb 13 2020 3:03 PM UTC

}// 86/140

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

Same, but shorter

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.width|=0
x.lineWidth=4
for(i=8;--i>0;x.fillStyle='#7'+i*9)A=[99,99+120*i,1/i*t%(i*2)*99,99],x.fillRect(...A,A[2]=1600),x.strokeRect(...A)

Feb 12 2020 10:57 PM UTC

}// 139/140

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

"Getting there..." procrastination-style

show FPS hide FPS share fullscreen

New_Core

remix of d/17584 by u/New_Core

function u(t) {

c.style.filter=`blur(60px)contrast(2e3)`
for(i=11;i--;x.fillRect(960+600*S(t+i),440+400*C(t+i*.6),200,200))x.fillStyle=`hsl(${i*t},99%,50%)`

Feb 12 2020 5:28 PM UTC

}// 140/140

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

color experiment

u/Xen

Goes nice to most Deeprot ;-)
u/andrea270872

cool, looks like a lava lamp!
u/DataMeta

Ooh neat! #waitforit

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 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

dwitter.net | DataMeta (41668)