Dweets awesomed by u/josehcls

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

mmastrac

function u(t) {

t?0:M=[];for(f=w=62,i=500;i--;)M[i]=x.fillRect(w*(i>>4),w*(i%16),w,w,x.fillStyle=R(e=M[i]))||t?f&&e>(z=M[i+1])?(M[f--,i+1]=e,z):e:i**6%256

Oct 30 2017 6:10 PM UTC

}// 138/140

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

Bubble sort visualizer

u/sigveseb

really nice
u/lionleaf

Brilliant
u/katkip

Awesome

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0;x.translate(960,540);for(i=20;i--;x.rotate(t*.1))x.rect(a=-100-i*15+100*S(t+i/5),a,-a*2,-a*2);x.fill('evenodd')

May 18 2017 8:02 AM UTC

}// 122/140

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

u/donbright

excellent
u/lionleaf

woah!
u/Xen

nice :)

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2391 by u/mxfh

function u(t) {

for(c.width|=X=0,x.setTransform(48,0,0,48,960,540);X<8;x.fill(new Path2D(`M2 9a9 9 0 0 1-6-1l${C(t)*5+5} ${S(t)*3-5}`)))x.rotate(X++?.785:t)

Apr 3 2017 9:27 PM UTC

}// 140/140

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

Aperture Science

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width=2e3;for(i=0;i<9;i++)for(j=0;j<40*(1+S(i+9*t)*C(i+t))*i;j+=90)x.fillStyle=R(j,500-j,0,1),x.fillRect(1400-i*99,900-j/2,69,30)

Apr 3 2017 4:56 PM UTC

}// 131/140

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

u/nonce

I can hear the music in my head.
u/sfz

bass is thumpin
u/ilSilvano

I hear the Outrun soundtrack in my mind, and you?
u/joeytwiddle

Modern style spectrum: d/5576

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

t||(W=c.width=600);i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*9+i**3)*12%W))x.fillStyle=R(0,i&&W,0,i?1:.05)

Mar 19 2017 8:18 PM UTC

}// 140/140

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

Welcome to the Matrix!

u/iverjo

#matrix
u/danny@hille.dk

More speed longer trails !t?W=c.width=600:i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*15+i**3)*11%W))x.fillStyle=R(0,i&&W,0,i?1:.03)
u/vain

Beautiful looking remake of the matrix fx

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

t?_[Math.random(B=c.width^=0)*6|0]++:_=[0,0,0,0,0]
x.font='100px O'
_.map((v,i)=>x.fillText('🐌',110+v,$=200+i*179,x.fillRect(0,$-130,B,4)))

Mar 17 2017 10:17 PM UTC

}// 139/140

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

Show more comments…
u/sigveseb

Lol!
u/veubeke

Fun hack: using *6 instead of *5 for the index adds a 6th element containing NaN. The 6th line is visible but not the snail because drawing the snail involves the NaN value.
u/gabrielsroka

neat, but are the snails going backwards?
u/innovati

you're too silly :3
u/tapgiles

What's with the _?
u/veubeke

@gabrielsroka: if you have an emoji font with a snail looking left then they’re going backwards, yes
u/lionleaf

Going backwards on my phone, but forwards on my laptop. This should be part of the snail emoji spec!!
u/veubeke

I’ll bring it up at the next snail emoji consortium meeting.
u/gabrielsroka

lol, they're soooo slow, they're going backwards. and yes, mine look left
u/gabrielsroka

according to http://emojipedia.org/snail/ Apple is in the minority, and Windows 8.1 looks left
u/magna

On my computer, the best snail always wins.
u/ilSilvano

Great idea! :-D
u/iverjo

#random
u/micahcowan

#emoji #snailrace

show FPS hide FPS share 2 remixes fullscreen

mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=960;a=C(i/w*4),b=!b,i-->-w;n+=C(t*i*i),x.fillStyle=R(e=b*w,e,e))x.fillRect(i+b+w,a>0?w+a*a*n*2+b*4:w,2,w)

Mar 13 2017 10:35 PM UTC

}// 138/140

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

dwitter Album Cover Art https://blogs.scientificamerican.com/sa-visu… (deleted the prior version)

Show more comments…
u/donbright

wonderful
u/SpecialAgent

Nice homage to a great band :)
u/p01

Super smart implementation! Wish I saw it before I did https://www.dwitter.net/d/2958
u/zanella

I saw i--> and thought it was a new JS operator. :)
u/lionleaf

#album #album_cover
u/mxfh

#unknownpleasures #joydivision
u/rodrigo.siqueira

Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

show FPS hide FPS share 1 remix fullscreen

mxfh

function u(t) {

for(x.setTransform(f=51,0,i=7,f,h=360,h);i--;x.fillRect(i==3?-f:9+i*.6,i,99,1))x.fillStyle=`hsl(${(t+i)*f%h},99%,50%)`;x.strokeText('▲',4,7)

Mar 13 2017 7:50 PM UTC

}// 140/140

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

Dwitter Album Covers

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(Y=12;Y--;)for(X=12;X--;)(1<<X)&[,396,82,66,76,80,76][Y]||x.fillRect(1190-X*50+S(t+X/10)*30,700-Y*50+C(t*3+X/4)*30,36,36)

Mar 10 2017 7:55 PM UTC

}// 135/140

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

u/donbright

lol i salute this flag
u/joeytwiddle

#flag
u/atgz

#logo

dwitter.net | josehcls (3488)