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 fullscreen

katkip

function u(t) {

c.width*=1;
x.font='21cm"'
x[z="fillText"]("202",150,810)
t=frame/t+3.14/2;
x[z]("0",1340,810+T(-t)*200)
x[z]("1",1340,810+T(-t+3.14/2)*200)

Jan 1 2021 11: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).

happy new year

show FPS hide FPS share fullscreen

Pascal

remix of d/21092 by u/Pascal

function u(t) {

t/=3;c.width|=p=Math.PI;for(i=56;i--;)x.beginPath(),x.lineWidth=10,x.arc(960,540,20*i,i*t+t*8+S(5*t),i*t+t*8+S(5*t+2)+2),x.stroke()

Dec 31 2020 6:09 PM UTC

}// 131/140

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

#hypnotize #spinner

show FPS hide FPS share fullscreen

erin

remix of d/21083 by u/erin

function u(t) {

c.width=1920
for(i=0;i<6;i++)
x.fillRect(c.width/2 + C(t+i)*500, c.height/2 + S(t+i)*500, 20, 20)

Dec 31 2020 12:24 AM UTC

}// 97/140

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

hexagons

u/erin

this is a reeally shitty hexagon, lets be real

show FPS hide FPS share 3 remixes fullscreen

erin

function u(t) {

c.width=1920
for(i=0;i<c.width/50;i++)
x.fillRect(i*50, c.height/2 + S(t+i)*50, 20, 20) // draw 50x200 rects

Dec 31 2020 12:06 AM UTC

}// 108/140

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

my first dweet.

u/erin

this is fun :)
u/erin

just wanted to do a sin wave. modified the default
u/lionleaf

Welcome!
u/erin

thanks!
u/Xen

welcome to the dwitter family!

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚐊𨰮𭱩𩁴𪁼🐱𒡰👸𛡣𬡥𨑴𩑐𨑴𭁥𬡮𚁤𫱣𭑭𩑮𭀮𬑵𩑲𮑓𩑬𩑣𭁯𬡁𫁬𚀧𨱡𫡶𨑳𙰩𦰱𧐬𙰧𚐊𮀮𩡩𫁬𤱴𮑬𩐽𬀊𮀮𬱨𨑤𫱷𠡬𭑲🐱𜀰𒡸𛡳𪁡𩁯𭱃𫱬𫱲👒𚀰𚐊𮀮𨑲𨰨𞐶𜀬𝐴𜀬𜰳𜰫𤰨𭀩𚠱𜀰𛀰𛀹𚐊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Nov 20 2020 5:02 PM UTC

}// 128/140

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

What lies behind the canvas

u/Xen

cool idea
u/ciaccodavide

Thanks :)
u/danny@hille.dk

nice trick
u/DataMeta

#fourthwall

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

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

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

show FPS hide FPS share fullscreen

yonatan

function u(t) {

for(i=c.width|=u=v=0;i--;)x.fillRect(960+u*2,540+v,99,9),u+=b=S(m=i/99*S(i*i/1e6+t)),v+=a=C(m),x.fillStyle=`hsl(${q=a*b*50} 50%${q+50}%`

Nov 12 2020 10:26 PM UTC

}// 136/140

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

u/donbright

really clean, smooth

show FPS hide FPS share fullscreen

New_Core

remix of d/20460 by u/pavel

function u(t) {

with(x)for(c.width|=i=226;i--;beginPath(fill()),fillStyle=R(T,i),T=(65-65**S(t+i)))for(j=6;j--;)lineTo(T*S(q=j*1.05)+i%38*59,T*C(q)+i%12*99)

Nov 4 2020 7:02 PM UTC

}// 140/140

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

well... almost

u/pavel

-12 chars with(x)for(c.width|=i=226;i--;beginPath(fill()),fillStyle=R(T,i))for(j=6;j--;)arc(i%38*59,i%12*99,T=65-65**S(t+i),q=j*1.05+11,q)

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(c.width|=i=266;i--;x.beginPath(x.fill()))for(r=74-T(S(i*i+t/4)*.6+t/2)**8,j=6;j--;)x.arc((i>>4)*2-i%2<<6,i%16*111,r>0&&r,a=j*1.047+11,a)

Nov 3 2020 8:04 PM UTC

}// 140/140

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

Hexagons are the Bestagons

Show more comments…
u/pavel

Inspired by https://www.youtube.com/watch?v=thOifuHs6eY and https://twitter.com/Hau_kun/status/124501623…
u/danny@hille.dk

Amazing
u/pavel

This would look better with the colors inverted but I couldn't fit it.
u/tomxor

Neat!
u/joeytwiddle

Hexcellent
u/anotherkitten

so crisppp
u/Xen

so clean
u/DataMeta

hextra smooth
u/katkip

hexy
u/RamiSlicer

HEXAGONS ARE THE BESTAGONS!!!!!
u/erin

they are

show FPS hide FPS share 1 remix fullscreen

smtsjhr

function u(t) {

c.width|=0,m=0|(4+100*S(t/4)**2),s=1920/m;for(k=m*m;a=[u=k%m*s,v=(k/m|0)*s,s,s],l=v-T(t)*(u-960)-540+2*s,k--;)s<l&&l<2*s?x.fillRect(...a):0

Oct 19 2020 6:43 AM UTC

}// 139/140

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

how do you render a straight line?

dwitter.net | erin (4633)