Dweets awesomed by u/prplz

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 1 remix fullscreen

pavel

remix of d/10512 by u/f8f82804

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=17;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=1.57*(i-(i>>2))-X))
x.stroke()

Oct 17 2018 4:40 AM UTC

}// 134/140

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

#minimal #perspective #d3 #cube #interactive

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

x.lineWidth=4
c.onclick=e=>S=[e.clientX*3.4,e.clientY*3.4,1,0,Math.PI*2,1]
S[2]<2000&&(x.beginPath(),S[2]*=1.2,x.arc(...S),x.stroke())

Oct 16 2018 11:39 AM UTC

}// 134/140

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

Click - Waves

u/magna

#interactive

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

x.lineWidth=4
c.onclick=e=>S=[e.clientX*3.4,e.clientY*3.4,0,0,6.3]
S[2]<2000&&(x.beginPath(),S[2]+=9,x.arc(...S),x.stroke())

Oct 16 2018 10:54 AM UTC

}// 124/140

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

Click - Concentric circles

u/magna

#interactive
u/katkip

I love it.

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

function u(t) {

for(c.width|=j=20;j--;x.fillRect(960+S(k=9*t+j/2.3)*12-w,540+C(k)*12-h,2*w,2*h))x.fillStyle=R(s=13*j,s,r=s*1.5),w=r*(.5+j%2),h=r*(1.5-j%2)

Oct 16 2018 9:51 AM UTC

}// 138/140

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

Blue cross tunnel - a tribute to https://pycodelic.blogspot.com/2018/08/tunne…

u/joeytwiddle

Oops the ripples should come outwards k=9*t-j/2.3
u/sigveseb

pretty colors
u/joeytwiddle

That website is actually made by a Dwitter user, but I'm sorry I forgot who!

show FPS hide FPS share fullscreen

f8f82804

remix of d/10479 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.beginPath(x.stroke()))for(i=17;i--;)x.lineTo(297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:53 PM UTC

}// 136/140

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

#d3 #perspective #cube #remix -- this alternative approach is more "correct" in drawing each cube once (and avoiding the moveTo/lineTo dance), but it actually loses the multiple-stroke effect that makes the outer cubes heavier

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10469 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.stroke())for(a='moveTo',i=17;i--;a='lineTo')x[a](297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:51 PM UTC

}// 140/140

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

#d3 #perspective #cube #remix

u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

katkip

function u(t) {

x.fillStyle=R(0,0,0,0.02),x.fillRect(0,0,2e3,2e3),x.fillStyle='#fff';for(i=0;i++<t*t;)x.fillRect((v=Math.random,v())*1920,v()*1080,10,10)

Oct 15 2018 12:57 PM UTC

}// 137/140

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

Overpopulation. The whole dweet is written on mobile.

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,1e4,1e4)
t+=16
n=1200
i=3768
for(;i--;)x.clearRect(
960+240 * S(i/n) * S(i+t/4),
640-240 * C(i/n) / C(t*8/i)
,4,4)

Oct 14 2018 4:11 PM UTC

}// 129/140

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

Bulbous

u/magna

Very pretty
u/rbong

Nice orb
u/lionleaf

#champagne #bulb #bulbous
u/joeytwiddle

#organic #onion
u/tomxor

Oh yeah... didn't think of onions. Challenge: garlic?

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/10375 by u/akx

function u(t) {

for(y=c.height|=0;y-=5;)for(i=9;i--;x.fillRect(99*i-420,0,y/20+10,y/200))x.setTransform(3**(y/999),0,0,1,960+99*S(3*t-y/66),y)

Oct 14 2018 8:34 AM UTC

}// 126/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 1 remix fullscreen

rodrigo.siqueira

function u(t) {

c.width^=0
for(y=-4;y<4;y+=.1){
for(X=-4;X<4;X+=.1){
x.fillRect(960+X*210*S(t*.6)+y*18,560-S(X*X+y*y)/(X*X+y*y)*240*S(4*t)+y*85*S(t),3,3)
}}

Oct 13 2018 8:44 PM UTC

}// 140/140

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

3D Sombrero Equation

u/aleamb

cool!!

dwitter.net | prplz (7100)