Dweets awesomed by u/zanella

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 2 remixes fullscreen

prplz

remix of d/8154 by u/Xen

function u(t) {

r=Math.random
for(i=666;i--;x[S(((22-y)**2+(13-z)**2)**.35+t)**2>.8?'clearRect':'strokeRect'](y*T,z*T,T=44,T))y=r()*T,z=r()*T

May 26 2018 12:52 PM UTC

}// 125/140

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

Thanks Xen for the strokerect, it makes really cool textures

u/firegodjr

Looks like pencil crosshatching!

show FPS hide FPS share fullscreen

jellyedwards

remix of d/8172 by u/generative-eu

function u(t) {

c.width|=0;with(x)for(i=66;i--;stroke())H=i%29,A=H>10,beginPath(lineWidth=25+H),arc(960,540,L=8*i,A*5.4,A?4:7),strokeStyle=R(255-L*t,0,0,.4)

May 24 2018 6:23 AM UTC

}// 140/140

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

What are you doing, Dave? .... #2001

u/zanella

*applause*
u/generative-eu

This is awesome, thanks for the remix!
u/jellyedwards

Thanks very much! I had tried something like this before but couldn't get it <140, your dweet really helped!

show FPS hide FPS share 1 remix fullscreen

Tesseract

remix of d/8219 by u/Tesseract

function u(t) {

t||(p='m 512 224',d=0)
x.lineWidth=3
x.stroke(new Path2D(p+=["h-13","v13","h13","v-13"][(d++).toString(2).match(/1/g).length%4]))

May 24 2018 2:19 AM UTC

}// 129/140

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

u/prplz

so cool!
u/Xen

one of my new top dweets
u/lionleaf

#path
u/Tesseract

#fractal

show FPS hide FPS share fullscreen

Tesseract

remix of d/8219 by u/Tesseract

function u(t) {

t||(p='m341 341',d=k=0)
for(i=x.lineWidth=4;i--;d+=(k++^k)+1&k?-1:1)p+=(d%2?"h":"v")+(d&2?"8":"-8")
x.stroke(new Path2D(p))//slow if in loop

May 24 2018 1:53 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/Xen

faster than mine :-O nice work

show FPS hide FPS share 1 remix fullscreen

johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=9;j--;){
x.font=j/5+'em a'
x.rotate(t)
for(i=21;i--;)x.rotate(.3),x.fillText("CIRCLE*"[i%7],0,j*20)}

May 23 2018 9:33 PM UTC

}// 137/140

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

#text

u/magna

#circle

show FPS hide FPS share 1 remix fullscreen

Tesseract

remix of d/8200 by u/Tesseract

function u(t) {

for(i=999;i--;)r=Math.random()*8&7,
x.fillRect(T=243*(r*.4|0)+T/3|0,C=243/2*(r%3*5&6)+C/3|0,1,1)

May 22 2018 9:10 PM UTC

}// 96/140

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

u/joeytwiddle

Nice technique to skip the middle :)
u/zanella

Fractals are awesome!
u/S.T.L.K.R.

DAMN IT MAN :O
u/fujimotos

#slow_render #fractal

show FPS hide FPS share 1 remix fullscreen

nix

function u(t) {

for(w=i=c.width=1920;i>=0;i-=3){x.fillRect(i/2*S(t+i)+w/2,t+((i/S(i)))*S(i),50*(1+S(i)),w/120*(1+S(i))
)
x.fillStyle=R(i/4,i/4,i/4)}

May 22 2018 6:04 PM UTC

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

Barth

function u(t) {

for(a=990,c.width=1920,x.font="99px a",i=0;i<20;i++)x.lineTo(99*i,9*S(i-t)+a);x.fill(),x.translate(a,a),x.rotate(C(t)/5),x.fillText("🚴",0,0)

May 22 2018 6:00 AM UTC

}// 140/140

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

Cannot compress it, help me

u/prplz

Try c.width|=0. This uses the "bitwise or" operator on the width, which does nothing with zero. Any time width is written to, the canvas is cleared
u/Barth

Thanks
u/Barth

https://www.dwitter.net/d/8195
u/jellyedwards

with(x){...} saves on every x. : with(x){for(a=990,c.width=1920,font="99px a",i=0;i<20;i++)lineTo(99*i,9*S(i-t)+a);fill(),translate(a,a),rotate(C(t)/5),fillText("🚴",0,0)}
u/jellyedwards

he follows the hills a bit better here: with(x){for(a=990,c.width|=0,font="99px a",i=0;i<20;i++)lineTo(100*i,99*C(i-t)+a);fill(),translate(a,a),rotate(C(t)/3),fillText("🚴",200,0)}

show FPS hide FPS share 1 remix fullscreen

robbyg

remix of d/7417 by u/robbyg

function u(t) {

R=Math.random,t||(p='m 960 540')
x.lineWidth=3
x.stroke(new Path2D(p+=[['h','v'][~~(R()*2)],20*(R()>.5?1:-1)].join(' ')))

May 21 2018 9:28 PM UTC

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

Xen

function u(t) {

for(Z=i=199;i--;x.strokeRect(X,Y,Z,Z))x.fillRect(X=9e2+C(i-t)*i*6,Y=4e2+S(i-t)*i*4,Z,Z),x.fillStyle=`hsla(${4*t*i},90%,50%,.05)`

May 21 2018 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).

u/DataMeta

completely mesmerizing
u/aleamb

awesome!
u/fourier.space

Has the effect that if you stare at it for a long time, everything else you look at afterwards becomes twisty
u/katkip

#xweet

dwitter.net | zanella (15449)