Dweets awesomed by u/sawaxon

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 fullscreen

codeslaw

function u(t) {

x.fillRect(0,0,$=2e3,$)
i=3e3;while(i--){x.strokeStyle=`hsla(${i*C(t/21)},79%,49%,.3)`;π=i%$||x.stroke()|x.beginPath()
x.arc(0,i/$*π,π,0,7)}

Mar 18 2017 1:21 AM UTC

}// 140/140

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

Curves, colors, lights, and shadows.

Show more comments…
u/sigveseb

Very nice!
u/iverjo

Nice in Chrome, but froze my Firefox for like 15 seconds
u/codeslaw

😅 You can play around with lowering i and $ to raise the frame rate ¯\_(ツ)_/¯
u/donbright

i like the elegance of this, really has a special look to it
u/donbright

i like the elegance of this, really has a special look to it
u/joeytwiddle

#shiny

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 fullscreen

magna

function u(t) {

x.fillRect(960+960*C(t*3)-1,540+540*S(t*5)-1,2,2);x.filter='sepia(100%) invert(100%)';x.drawImage(c,10,10,1900,1060,0,0,1920,1080);

Mar 17 2017 8:18 PM UTC

}// 131/140

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

#waitforit

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2158 by u/sfz

function u(t) {

c.width=w=480;x.fillRect(0,0,w,w);t*=3;for(i=99;i--;t+=i)for(j=7;j>0;x.fillText((u+'')[~~t*j%137],t%w,t*i%w-i*j--))x.fillStyle=R(0,i?w:0)

Mar 17 2017 5:15 AM UTC

}// 137/140

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

Metamatrix

u/donbright

i wonder if there is a way to mix this with Kalanchoe's technique from https://www.dwitter.net/d/1395
u/donbright

something like this r=Math.random t?o.push({X:480*r(),c:~~(r()*99),Y:0,ẏ:1}):(o=[]) c.width=480 o.map(a=>(x.fillText(String.fromCharCode(a.c++),a.X,a.Y+=a.ẏ)))
u/sfz

well, if you change the for loop to something like for(i=99;i>18;t+=i--) it gets rid of the clumpy crap on the left side, but I didn't figure that out until afte posting.
u/scottglz

The clumpy crap is my favorite part
u/joeytwiddle

#matrix

show FPS hide FPS share 1 remix fullscreen

jczimm

function u(t) {

b=t+4.5;t<2.5&&(x.beginPath(x.fill()),x.fillStyle=R(S(b*-23)*127+127,0,10),x.arc(960+50*T(b*10),540+30*S(b/2),b*30,15*b-1,15*b))

Mar 16 2017 11:48 PM UTC

}// 128/140

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

u/tapgiles

Beautiful!

show FPS hide FPS share fullscreen

remix of d/2108 by u/mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=900;a=C(i/w*55),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*3+b*5:w,55,w)

Mar 16 2017 12:55 PM UTC

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

alubenov

function u(t) {

x.fillRect(0,0,w=1920,h=1080)
s=this.s||[]
for(i=265;i-=1;r=s[i]=s[i]||Math.random()*h,x.fillStyle=R(i,i,i),x.fillRect((i*4*t+r)%w,r,6,6));

Mar 15 2017 6:16 PM UTC

}// 139/140

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

Parallax stars field :-)

u/iverjo

Nice :) Here's my take on it: https://www.dwitter.net/d/81

show FPS hide FPS share fullscreen

mxfh

function u(t) {

w=960,c.width=w*2
for(i=s=~~(t*60+t)%360,x.setTransform(p=Math.PI,a=p/s,0,p,w,w/2);i--;x.rect(d=s,-d/4,w,w))x.rotate(a*2)
x.fill("evenodd")

Mar 15 2017 12:19 AM UTC

}// 139/140

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

seizure warning

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2131 by u/recursive

function u(t) {

for(i=63;i--;)z=t/7%1,x.fillRect(X=z*2e3-99,Y=S(t)*540+540,80/z,80*z),t+=99/13,x.fillStyle=R((i&48)<<3,(i&12)<<5,(i&3)<<7,S(t/X)*C(-t/Y)/9)

Mar 14 2017 9:09 PM UTC

}// 140/140

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

No room to spare.

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

for(i=63;i--;x.fillRect(t/3%1*1920,S(t)*500+500,80,80))t+=7.15,x.fillStyle=R((i&48)<<3,(i&12)<<5,(i&3)<<7)

Mar 14 2017 8:07 PM UTC

}// 107/140

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

Room to spare.

u/sigveseb

pretty

dwitter.net | sawaxon (8048)