Dweets awesomed by u/PhiLho

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

iverjo

remix of d/40 by u/iverjo

function u(t) {

c.width=1e3;for(i=60;i--;)v=t-i/9,x.fillStyle='pink',x.font=20+i+C(v*19-8)/(v*v)+'px A',v>0&&x.fillText('❤',490+i*9*S(i),260+i*9*C(i))

Aug 10 2016 1:21 PM UTC

}// 134/140

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

#hearts

u/PiggyClone205

lovely

show FPS hide FPS share fullscreen

sigveseb

remix of d/297 by u/sigveseb

function u(t) {

w=c.width=128;for(i=1e4;a=i%w,b=i>>7,m=a-64+S(t*3)*32,n=b-36,i--;V=((a^(b+49*t))%(2+t/2|0))/l*w,x.fillRect(a,b,V>1?1:V,1))l=m*m+n*n

Aug 9 2016 10:02 AM UTC

}// 131/140

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

scene change every 2 seconds

Show more comments…
u/iverjo

Wow, cool!
u/donbright

incredible
u/joeytwiddle

Wow :-O Like looking through frosted glass.
u/joeytwiddle

#texture #shiny
u/Galaxtone

more like 10 seconds
u/Galaxtone

ok nvm it's 5
u/Galaxtone

oh crap I forgot it's relative to my browser speed
u/joeytwiddle

#hiddengem
u/Odog8

ooga booga

show FPS hide FPS share fullscreen

iverjo

remix of d/395 by u/iverjo

function u(t) {

for(w=i=960;i--;)x.fillStyle=R(a=w*!i,a,a,.1+i),x.fillRect(!a*(w+w*S(d=i/42)*S(b=20.9995*i+t)),!a*(530+530*C(d)),s=19/(S(d)*C(b)+1.3)+2*a,s)

Aug 1 2016 2:36 AM 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 2 remixes fullscreen

iverjo

function u(t) {

for(w=i=960;i--;)x.fillStyle=R(a=w*!i,a,a,.1+i),x.fillRect(!a*(w+w*S(d=i/42)*S(b=48.893*i+t)),!a*(530+530*C(d)),s=6/(S(d)*C(b)+1.2)+2*a,s)

Aug 1 2016 2:08 AM UTC

}// 138/140

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

u/joeytwiddle

Fabergé egg

show FPS hide FPS share fullscreen

iverjo

remix of d/387 by u/iverjo

function u(t) {

for(w=i=955;i--;)x.fillStyle=R(a=w*!i,a,a,.1+i),x.fillRect(!a*(w+w*S(d=i/42)*S(b=42*i+t)),!a*w*(C(d)+T(t/9+d)),s=18/(S(d)*S(b+4.7)+2)+8*a,s)

Aug 1 2016 12:54 AM 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 3 remixes fullscreen

iverjo

function u(t) {

for(i=7;i--;)x.fillStyle=R(a=255*!i,a,a,.02+i),r=S(t/7),x.fillRect(!a*(960+900*S(t+i)*r),!a*(515+500*C(t+i)*r),c=20+8*a,c)

Jul 29 2016 5:10 PM UTC

}// 122/140

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

This might be a good starting point for creating dweets with rectangles that leave trails. For i = 0 a large, white, semi-transparent rectangle is applied to the entire canvas. For i = 1,2,3,4,5,6 small, black, opaque rectangles are drawn.

u/iverjo

#spiral

show FPS hide FPS share fullscreen

mathmania

function u(t) {

c.width=1920;for(i=0;i<9;i++)
{x.fillRect(400+i*100,400+100*T(t+(Math.PI-i)),50,200)}

Jul 29 2016 3:46 PM UTC

}// 85/140

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

u/iverjo

Simple yet pleasing
u/taupelink

#default

show FPS hide FPS share 1 remix fullscreen

3bl3gamer

function u(t) {

c.width=256;for(i=256;i--;)for(j=142;j--;x.fillRect(i,j,1,k/14))for(a=b=0,k=18;k--&&b*b<4;)q=a*a-b*b+i/96-2+C(t*2),b=2*a*b+j/96-1+S(t*2),a=q

Jul 29 2016 7:32 AM UTC

}// 140/140

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

u/iverjo

Cool!
u/iverjo

135 characters: for(c.width=i=256;i--;)for(j=142;j--;x.fillRect(i,j,1,k/14))for(a=b=0,k=18;k--&&b*b<4;a=q)q=a*a-b*b+i/96-2+C(t*2),b=2*a*b+j/96-1+S(t*2)

show FPS hide FPS share 1 remix fullscreen

maraoz

remix of d/356 by u/maraoz

function u(t) {

c.width=1920;function f(y){return Math.sqrt(y)/2*C(y*t)*S(y)*(S(C(t/2))+1)};for(i=0;i<400;i++){x.fillRect(i*5,540+f(i/30.8)*200,8,8)}

Jul 24 2016 4:22 AM UTC

}// 133/140

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

If you'repatient you'll encounter some interesting patterns

show FPS hide FPS share fullscreen

PhiLho

function u(t) {

c.width=W=400;D=16;H=D/2-1;
for(h=W;h-=D;)for(v=W;v-=D;){s=H*C(t*h/30);n=H*S(t*v/30);x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}

Jul 22 2016 2:24 PM UTC

}// 132/140

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

u/iverjo

This runs at 2-3 FPS in Firefox on my laptop because of the missing x.beginPath(). Here's a version that runs at a much higher framerate: c.width=W=400;for(h=W;h-=16;)for(v=W;v-=16;){s=7*C(t*h/200);n=7*S(t*v/200);x.beginPath();x.moveTo(h+s,v+n);x.lineTo(h-s,v-n);x.stroke()}
u/PhiLho

Good to know, thanks.

dwitter.net | PhiLho (793)