Dweets awesomed by u/erin

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 3 remixes fullscreen

DataMeta

function u(t) {

c.style.filter=`invert(`
with(x)for(c.width|=i=384;i--;)a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)

Feb 6 2021 3:01 AM UTC

}// 135/140

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

flying among the #stars

u/cantelope

#starfield #parallax
u/New_Core

...(the with(x) dont do anything here.. )
u/New_Core

but I totaly understand.. I forget to remove stuff all the time.. ;) ..well done else
u/Qwitter

U="🛸";c.style.filter=invert( with(x)for(c.width|=i=384;i--;x.font="99px A",fillText(U,p=540,p+S(7*t)*p/2))a=192/(i*3),x.fillRect(1920*(T(i)+a*t)%3e3,540+540*S(a*2e3),a*6<12?d=a*6:d=0,d)
u/DataMeta

haha yes, I was mucking about with arcs to start :) thanks

show FPS hide FPS share fullscreen

erin

function u(t) {

throw "this text isn't red"

Feb 5 2021 10:20 PM UTC

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

Nope - and this sentence is false
u/erin

the text isn't red

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

x.fillRect(960+S(t/=2)*400+R*t,580+C(t)*400+Math.abs(R=T(t)),9*R,9*S(t)/R)

Feb 1 2021 11:04 PM UTC

}// 74/140

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

Poor man's raytraced sphere

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/21547 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐲𞀬𪐽𝰱𝠸𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𝀸𚱘𛰴𞀪𚀲𝀫𤰨𦀯𞀭𦐯𞀭𭀪𝰩𛐴𚡃𚁴𚐩𛁙𛰲𚱘𛰱𜠪𚀲𚱓𚁘𛰱𝠭𭀪𜰩𚰲𚡃𚁴𚐩𛁩🱘𛰲𝀭𜐮𜱞𦐯𝀸𛐱𛠱𝠿𜠺𜐺𛐳𛁩🱙𛰳𝠭𜐮𝡼𦀯𜐰𛐳𛠲𯁙𚰱𙠴🰮𜐺𛠵𞠷𜀩𚑙👩𛰶𝀬𦀽𪐥𝠴𚠨𦐦𞀿𜐺𜐮𜠩`.replace(/u../g,'')))

Feb 1 2021 8:58 PM UTC

}// 140/140

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

#medieval #default #flag

Show more comments…
u/tomxor

It's ok to eval if when it's medieval
u/tomxor

Soz had to replace other one due to chrome rendering bug, faster in FireFox
u/erin

this is great tom! crazy to see i've started this
u/tomxor

Thanks :) it's still the same principle you started, new_core and I just squeezed and textured it.
u/erin

lol thanks!
u/tomxor

I got the description wrong, this is not medieval but an #ancient #chinese #flag design... hard to find a definitive source of historic flag designs to reference
u/katkip

#realistic

show FPS hide FPS share 3 remixes fullscreen

tomxor

remix of d/21533 by u/New_Core

function u(t) {

for(c.width&=i=6272;i--;x.fillRect(40+X/2+X/48*C(X/8-Y/8-t*7),8+Y/2+X/6+X/12*S(X/16-t*3),2,i?X/36-1.3|Y/10-3|X+1&4?.06:.36:63))X=i%98,Y=i/98

Feb 1 2021 5:00 PM UTC

}// 140/140

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

#default #flag

Show more comments…
u/ciaccodavide

nice!
u/Xen

swish
u/erin

why do I always start dwitter movements
u/erin

first it was me reviving filters, now it's flags
u/tomxor

Maybe the theme of the month should be a person... this month it's erin :P
u/danny@hille.dk

I like this a bunch
u/KilledByAPixel

nice!
u/jellyedwards

Amazing
u/magna

Yes!
u/neimad

how?????
u/aleamb

wow!!
u/Qwitter

antastic!
u/Qwitter

*Fantastic!
u/joeytwiddle

Beauty
u/joeytwiddle

Firefox users: If it's too dark, change ,2, to ,.2,

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21513 by u/erin

function u(t) {

for(j=w=c.width|=N=60;j--;x.fillRect(X+4*(X*Y/8e3),Y+X/9*S(Y/N+X/N-7*t)+99,9,9))X=j%N*15,Y=j/N*15;x.fillRect(0,N,9,w)

Jan 31 2021 3:47 PM UTC

}// 117/140

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

golfed a character and added some better movement - also some help from danny@hille.dk

u/Qwitter

Grand!
u/danny@hille.dk

Cool! how about a texture on it? for(j=w=c.width|=N=60,x.fillRect(68,N,18,w);j--;x.fillRect(X+4*(X*Y/8e3)+90,Y+X/9*S(Y/N+X/N-7*t)+70,s=(X|Y)%256*.06,s))X=j%N*15,Y=j/N*15
u/erin

love it
u/Qwitter

(CO|OL)

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21477 by u/Qwitter

function u(t) {

w=c.width=1920;N=70;for(j=3e3;j--;){X=(j%N)*15;Y=((j/N)^0)*15;x.fillRect(X+4*(X/120*Y/100)+90,Y+40*S(X/N-7*t)+55,9,9);}x.fillRect(N,4,9,w)

Jan 30 2021 10:56 PM UTC

}// 138/140

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

flag, but i can't figure out how to have the left side not move, if anyone has ideas feel free to remix!

Show more comments…
u/erin

#flag
u/danny@hille.dk

just have your y movement be a function of x -> w=c.width=1920;N=70;for(j=3e3;j--;x.fillRect(X+4*(X/120*Y/100)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=(j%N)*15,Y=((j/N)^0)*15 x.fillRect(N,50,9,w)
u/danny@hille.dk

for(j=w=c.width|=N=60;j--;x.fillRect(X+4*(X*Y/8e3)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=j%N*15,Y=j/N*20;x.fillRect(N,50,9,w)
u/erin

o wow there we go
u/erin

room for color too
u/Qwitter

nice!

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21440 by u/erin

function u(t) {

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=i/w,X/9+1*(Y/6.5)+S(X/7-5*t),1),x.fillStyle=`hsla(${U=i/13+S(t+i)*4+w},30%,50%,${T(U)+.5})`

Jan 27 2021 9: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).

this is supposed to be water in the sun, but i couldn't figure out how to make the color blue instead of rainbow without ruining the shine.. any ideas?

u/danny@hille.dk

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=i/w,X/9+1*(Y/7)+S(X/7-5*t),1),x.fillStyle=hsl(${U=191+i/55+S(t*9+i)*4},60%,40%,${T(U)+.5}
u/danny@hille.dk

You can do it the lazy way, by simply adjusting the number range to lay within a single color hue, and shifting it towards the blue hue, blue is around 165 (light greenish blue) to 260(purplish blue)
u/danny@hille.dk

But i actually like the rainbow water better :-)
u/erin

lol thanks! :)

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21439 by u/erin

function u(t) {

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=i/w,X/15+1*C(Y/6.5)+C(X/7-5*t),1),x.fillStyle=`hsla(${U=i/9+S(t+i)*9},5%,50%,${C(U+i)+1})`

Jan 25 2021 2:15 AM UTC

}// 138/140

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

Pulsar v2

u/andrea270872

very cool. It makes me thing of some retro tv intro, like from Dr Who! Great

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21430 by u/erin

function u(t) {

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=(i)/w,X/15+1*C(Y/7)+C(X/7-5*t),1)

Jan 25 2021 1:52 AM UTC

}// 81/140

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

Pulsar

u/erin

no fuckin clue how i got this in 81 characters
u/Qwitter

if you send a single pixel across the screen at this resolution (70) like fillRect(X+t,,1,1,1) you can see how the canvas has a smoothing effect by slowly pouring the alpha = 255 value between the pixels
u/magna

76: c.width=w=70;for(i=3e3;i--;)x.fillRect(X=i%w,Y=i/w,X/15+C(Y/7)+C(X/7-5*t),1)
u/danny@hille.dk

drip drip -> c.width=w=70;for(i=3e3;i--;)x.fillRect(Y=i%w,X=i/w,X/14+C(Y/11)+C(X/7-t*8),1)

dwitter.net | erin (4633)