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

New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=200;i--;x.fillRect(960+150*S(i),Y=850-750*C((i/.6+t)%1.57),T=20-Y/70,T))i<1?a=.1:a=255,x.fillStyle=R(0,0,a,a)

Aug 8 2018 1:15 PM UTC

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

Agnes

function u(t) {

for(c.width|=i=2;i--;)for(j=2;j--;)x.fillStyle=(j%2?'hsl(':'hsla(')+'0,100%,50%,.25'+(i%2?')':''),x.fillRect(X=960*i,Y=540*j,958,537)

Aug 8 2018 11:27 AM UTC

}// 133/140

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

HSL compatibility tester: depending on how your strict your browser is, one to four of these squares will be pink (technically translucent red).

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/9101 by u/DataMeta

function u(t) {

for(i=1920;i--;)v=(t*60)%1080,l=((i^v)/(i&v))%360&frame,
x.fillStyle=R(l,l,l),x.fillRect(i,v,1,1)

Aug 8 2018 12:31 AM UTC

}// 97/140

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

u/Xen

Worth the wait, love it!
u/katkip

That's abstract and cool!

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).

dwitter.net | magna (131874)