Dweets awesomed by u/magna

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

f8f82804

remix of d/7280 by u/prplz

function u(t) {

for(X=240;X--;)for(Y=64;Y--;)x.fillStyle=`hsl(${X+255*(t+Y/(k=Y-72))} 90%${50*((X-120)/k+t+9&1^Y/k&1)}%)`,x.fillRect(X*8,1080-Y*8,8,8)

Aug 7 2018 11:22 PM UTC

}// 134/140

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

Rainbow checkerboard #d3 #perspective #raytrace #slow

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9161 by u/f8f82804

function u(t) {

c.width=100
for(i=314;i--;)x.fillRect(9*S(α=i/100)*S(β=t+i)+50,4*((a=S(α)*C(β))-2*C(α)+6),3,3),x.fillStyle=`hsl(${t*i} 90%${30*(1+a+a**9)}%`

Aug 7 2018 7:45 PM UTC

}// 140/140

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

Remix with ambient light #phong #pbr

u/f8f82804

#d3
u/magna

Nice!
u/aleamb

fucking awesome!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9160 by u/f8f82804

function u(t) {

c.width=100
for(i=314;i--;)x.fillRect(10*S(α=i/100)*S(β=t+i)+50,4*((a=S(α)*C(β))-2*C(α)+6),2,4),x.fillStyle=`hsl(${t*i} 90%${45*(a+a**9)}%`

Aug 7 2018 7:33 PM UTC

}// 139/140

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

Rainbow marble with Phong lighting #3d #pbr

u/f8f82804

#phong
u/yonatan

Really nice! both of them.
u/f8f82804

@yonatan Thanks! I'm enjoying getting into this, and a Phong shader seemed like a good goal.
u/lionleaf

u/f8f82804 Welcome to dwitter! Nice dweet! #shading
u/aleamb

really stunning

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9159 by u/f8f82804

function u(t) {

c.width|=0
for(i=314;i--;)x.fillRect(100*S(α=i/100)*S(β=t+i/7)+960,45*((a=S(α)*C(β))-2*C(α)+9),10,10),x.fillStyle=`hsl(0 90%${45*(a+a**9)}%`

Aug 7 2018 7:04 PM UTC

}// 140/140

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

Phong reflection model

u/f8f82804

#phong

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9154 by u/f8f82804

function u(t) {

c.width|=0
for(i=314;i--;)x.fillRect(100*S(α=i/100)*S(β=t+i/7)+960,40*S(α)*C(β)-90*C(α)+540,10,10),x.fillStyle=`hsl(0 90%${60*S(α)*C(β-7)}%`

Aug 7 2018 6:39 PM UTC

}// 140/140

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

Diffuse reflection model

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9156 by u/Xen

function u(t) {

for(x.fillRect(0,0,Z=2e3,i=Z);i--;x.fillRect(i*Math.abs(S(t)),Z*T(i-t),59*T(i+t),(94*t)%256))x.fillStyle=R(T(t&i)*256,256*C(i|t),i*9/t,.1/t)

Aug 7 2018 6:14 PM 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 1 remix fullscreen

Xen

remix of d/9155 by u/katkip

function u(t) {

for(x.fillRect(0,0,Z=2e3,i=Z);i--;x.fillRect(i,Z*S(i+t),59*C(i+t),39))x.fillStyle=R(C(t^i)*255,255*S(i^t),i/9,i/Z/13)

Aug 7 2018 6:10 PM UTC

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

firegodjr

remix of d/9138 by u/katkip

function u(t) {

c.width|=r=255
for(a=i=900;i--;x.fillRect(X=S(i/9+t*2)*r+a,T(i/27)*400+500,X<a?i%60?40:a*2-X*2:40,9))x.fillStyle=R(T(i*3)*r,S(i/t)*r,C(t)*r)

Aug 7 2018 4:49 PM UTC

}// 140/140

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

#challengeaccepted 😁

u/d0n.key

"When you try your best ...
u/katkip

Um... weird but cool!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/9146 by u/katkip

function u(t) {

x.fillRect(0,0,Z=2e3,Z)
for(i=Z;i--;x.fillRect(i,Z*C(S(2*t|0)*i+t),99,i/9))x.fillStyle=`hsla(${199*t+i/4},99%,50%,.2)`

Aug 6 2018 7:27 PM UTC

}// 118/140

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

u/magna

#keepsongiving
u/d0n.key

This created some kind of music in my mind o.O.o
u/katkip

Images you can hear

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9145 by u/Xen

function u(t) {

for(i=t*3e9%2e3|3;i--;x.fillRect(i*t,500+2*i*T(i),1,i))x.fillStyle=`hsla(${i*t/C(t)+T(i)},99%,50%,.3)`,x.strokeRect(0,0,i*9+T(t-i)/t,2e3)

Aug 6 2018 7:12 PM UTC

}// 137/140

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

#remix_chain

u/katkip

The deep space lost colors.

dwitter.net | magna (133577)