Top dweets by u/BriSeven

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: #Food

show FPS hide FPS share fullscreen

BriSeven

remix of d/17773 by u/veubeke

function u(t) {

c.width^=0
with(x)for(lineWidth=1,i=400;i--;stroke())beginPath(),setLineDash([3.14*i]),lineDashOffset=t*500*(1-i%2*2),arc(960,540,i*1,0,7)

Feb 28 2020 2:01 AM UTC

}// 138/140

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

Amazing what a couple parameter changes can do with this one!

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/17695 by u/pavel

function u(t) {

with(x){for(beginPath(t||scale(9,9)),fillText('STONKS',160,99),i=2;i--;lineTo(6*j,11+j*j+11*S(4*j)))j=~~t+i;rect(1,-1,222,111);stroke()}

Feb 28 2020 12:30 AM UTC

}// 136/140

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

OH NO, I'M RUINED

u/pavel

Hah, yeah! This is more accurate right now.

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/578 by u/New_Core

function u(t) {

if(t<13)d=0.5,m=127,x.fillStyle=R(C(t*d)*m+m,S(t*d-d)*m+m,S(-t*d-d)*m+m),x.fillRect(t*150,0,4,2e3);else x.drawImage(c,a=C(t),0,1920,1050)

Jan 3 2017 1:21 AM UTC

}// 137/140

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

hsl has harsh linear transitions. i've swapped in smooth gliding sinewave transitions

Show more comments…
u/iverjo

Smooth indeed
u/iverjo

127 characters: m=127;t<13?(x.fillStyle=R(C(t/2)*m+m,S(t/2-.5)*m+m,S(-t/2-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

125 characters: m=127;t<13?(x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

123 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,a=C(t),0,1920,1050)
u/New_Core

121 I guess as a= is not needed anymore ;)
u/iverjo

121 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/BriSeven

119 with a compromise on the constant m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<15?x.fillRect(t*m,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/New_Core

114 if we skip the prepaint wait. m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);x.fillRect(t*m,0,4,2e3);x.drawImage(c,C(t),0,1920,1050)
u/New_Core

and last number should be like 1060 for a bit more distortion
u/iverjo

For some extra swaying movement, replace C(t) with 2*C(t)

show FPS hide FPS share fullscreen

BriSeven

remix of d/524 by u/BriSeven

function u(t) {

x.globalAlpha=0.1;for(i=0;i<16;i++)x.fillStyle="#"+(i*t*20>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,C(t/10)*500+500,161,160)

Dec 20 2016 10:43 PM UTC

}// 131/140

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

add sweep and moar motion blur!!

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/512 by u/BriSeven

function u(t) {

if(!t)X=[];s=2e3;i=s;while(i)o=X[i],c=i%2*s,X[i]=o<0||o>s||!o?550:o+Math.random()*8-4,x.fillStyle=R(S(t)*s,c,c,2/9),x.fillRect(o,X[--i],4,4)

Dec 19 2016 10:42 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 fullscreen

BriSeven

remix of d/17751 by u/BriSeven

function u(t) {

document.body.innerHTML=`<svg><path d="M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z"/>`

Mar 25 2020 3:39 AM UTC

}// 133/140

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

SVG Path Tester type two

u/pavel

x.fill(new Path2D("M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z"))

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/17887 by u/BriSeven

function u(t) {

c.width+=0;x.font='1cm a'
x.save()
x.scale(9,9)
x.translate(109,60)
x.rotate(t*13+C(t*6)*2)
x.fillText('📀',-19,16)
x.restore()

Mar 11 2020 1:33 AM UTC

}// 126/140

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

disc read error: adjusted to be more centred in some browsers.

u/BriSeven

this does some very strange transformation artefacts in safari 12.1

show FPS hide FPS share fullscreen

BriSeven

remix of d/17857 by u/New_Core

function u(t) {

c.width|=c.style.filter=`blur(${T*4}px)contrast(9`
x.scale(80,99)
for(i=2;i--;x.fillText(~~v%10,9,9))x.fillStyle=R(0,v=t+i/2,0,T=1-C(v*6.3))

Mar 7 2020 5: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).

got my mods under 140, yay.

u/BriSeven

although this 151 has a nicer effect. c.width|=c.style.filter=blur(${1-S(t*6.3)*4}px)contrast(9 x.scale(80,99) for(i=2;i--;x.fillText(~~v%10,9,9))x.fillStyle=R(0,v=t+i/2,0,T=.5-C(v*6.28))
u/BriSeven

even more appealing c.width|=c.style.filter=blur(${.5-S(t*6.28)*12}px)contrast(12 x.scale(80,80) for(i=2;i--;x.fillText(~~v%10,9,9))x.fillStyle=R(0,v=t+i/2,0,T=.7-C(v*6.28))

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/17787 by u/BriSeven

function u(t) {

for(i=r=X=9e2,Y=5e2,W=(H=1e3)*4;i;i--)x.fillStyle=`hsl(${i/20+60},${i/20+20}%,50%)`,x.fillRect(X+=3*S(r+=C(Y*t*r)),Y+=3*C(r),5,5)

Feb 28 2020 3:40 AM UTC

}// 129/140

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

Mossball

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/583 by u/New_Core

function u(t) {

if(!t)r=X=Y=800,W=2e3,H=1e3;x.fillStyle='hsl('+r*9+',99%,50%)';x.fillRect(X+=5*S(r+=S((t+X)*r)),Y+=5*C(r),5,5),X=((X%W)+W)%W,Y=((Y%H)+H)%H

Jan 3 2017 10:34 PM UTC

}// 138/140

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

slight modification makes it a bit easier to see what the mysterious "r" accumulator is doing over time.

dwitter.net | BriSeven (900)