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

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.

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

if(!t)d=255.8,X=1,Y=1,a=1;for(i=d|0;--i;)x.fillStyle=R(S(a+t)*d,C(a)*d,S(-a+t)*d,.1),x.fillRect(X=S(a)+X%(d*8),Y=C(a)+Y%(d*4),8,8),a+=C(t*i)

Dec 28 2016 9: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).

u/iverjo

Funky

show FPS hide FPS share fullscreen

BriSeven

remix of d/531 by u/BriSeven

function u(t) {

for(i=0;i<512;i++)x.fillStyle=R((d=((t*10)%400*i/32)|0)%256,d/1.4%256,d/7%256),x.fillRect((Math.random()*1080&i)-(i/2)+1920/2,i*2,20,2)

Dec 23 2016 12:59 AM UTC

}// 135/140

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

Sierpinsky Tree, Sierpinski Tree, forever smaller triangles!

show FPS hide FPS share fullscreen

BriSeven

remix of d/522 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=119*i)%256,d/1.4%256,d/7%256),x.fillRect(i*160+S(t)*300-300,0,160,1080)

Dec 22 2016 1:10 AM UTC

}// 102/140

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

Same functionality, but smaller, using advice from previous commenters.

show FPS hide FPS share 2 remixes fullscreen

BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++){x.fillStyle=(i*0x775511).toString(16).slice(-6);x.fillRect(i*160+S(t)*300-300,0,160,12000)}

Dec 20 2016 2:28 AM UTC

}// 123/140

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

zensaiyuki: I found this trick for generating a 16 color palette: i*0x775511. i wonder if it can be made smaller in javascript.

u/iverjo

Neat. To begin with, you can replace 0x775511 with 7820561. Further, you can look into bit operations or modulo to truncate/slice the string

You've reached the end.

dwitter.net | BriSeven (768)