Top #shading dweets

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

rodrigo.siqueira

remix of d/28242 by u/rodrigo.siqueira

function u(t) {

for(i=2e4;i--;x.fillRect(960-C(K=S(i*t)**a+3/a-.8)*250*a,540+S(K)*250*a,t<2,a/4))a=(i*i/t)%2-2

Aug 3 2023 10:04 PM UTC

}// 94/140

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

Spiral depth

u/cantelope

#shading

show FPS hide FPS share fullscreen

f8f82804

remix of d/9534 by u/f8f82804

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+i%2*320*(t%6-3),h))))fillStyle=`hsl(32 50%${30+t%6*i+6*i}%)`,moveTo(960,340),lineTo(0,h=1080)

Aug 29 2018 7:41 PM UTC

}// 140/140

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

Rotating pyramid. Thanks to u/yonatan for help with the colors! #shading

u/katkip

Yes! That's exactly what I originally wanted to do! (but i'm more stupid lol) Nice done!
u/aleamb

very smart!
u/katkip

That's genius! The colors illusion

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

KilledByAPixel

remix of d/17225 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𜀻𪐫𚰼𞐹𞱧𦱺🐧𨑤𩁃𫱬𫱲𤱴𫱰𙱝𚀰𛁒𚁱🐹𩐴𛱩𛁩𚠲𛁱𙐲𝐵𚐩𛁧𦱺𧐨𜐬𙰣𜀰𜀰𙰩𚑦𪑬𫁒𩑣𭀨𜀬𜀬𡠽𜡥𜰬𡠩𛁦𪑬𫁓𭁹𫁥👧👣𬡥𨑴𩑒𨑤𪑡𫁇𬡡𩁩𩑮𭀨𦀽𚁓𚁩𚐪𜑥𞐫𭀪𪐪𞐩𙐴𩐳𛐱𩐳𛁙👩𚠹𞐥𡠬𜀬𦀬𦐬𪐪𪐯𞐩`.replace(/u../g,'')))

Jan 15 2020 6:31 AM UTC

}// 140/140

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

Gradient Nebula

u/aleamb

awesome!
u/aleamb

#shading #space #nebula #gradient

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(c.width|=b=i=99;i--;x.fill())x.beginPath(),x.arc(i%b/3+i%5*500,500+i%b/3,i%b+b*S(t+i%5)+b,0,7),x.fillStyle=`hsl(${i%5*b},99%,${b-i}%)`

Nov 18 2017 8:17 AM UTC

}// 138/140

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

the i%b is same as i was just leftover after testing.. ;)

u/13thptr

#balls #shading

show FPS hide FPS share fullscreen

yokljo

function u(t) {

for(a=-22;a<23;a++){
for(b=-30;b<30;b++){
x.fillStyle=R((a+22)*5,a*3+S(t-1)*a)
x.fillRect(960+a*5*(S(t)+1.2),1040-t*60+C(a/14)*b,10,10)
}}

Nov 5 2018 12:22 PM UTC

}// 138/140

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

u/f8f82804

#organic #gradient #lighting #shading

show FPS hide FPS share fullscreen

BalintCsala

remix of d/7678 by u/vittis

function u(t) {

for(c.width=i=500;i--;x.fillStyle=R((X=(C((i+1)%400+S(t)*2)*(1-y*y)**.5)*100)-y*S(t)*100+100),x.fillRect(250+X,100+100*y,28,28))y=(i-99)/100

Apr 16 2018 11:48 PM UTC

}// 140/140

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

Ball with fake, moving lighting

u/iverjo

#sphere
u/f8f82804

#shading

show FPS hide FPS share fullscreen

f8f82804

remix of d/9187 by u/f8f82804

function u(t) {

with(x)for(φ=311;α=S(θ=φ/99),β=99*α*S(--φ+t);beginPath(fillStyle=`hsl(${φ} 90%${9+(β>0)*β}%`))fill(arc(β+960,75*(α*C(φ+t)-C(θ)+6),20*α,0,7))

Aug 10 2018 5:54 PM UTC

}// 140/140

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

#golf #sphere #animated #diffuse #shading #sequins #sprite

u/f8f82804

#pbr

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(i=160;i--;)j=i%4,x.fillStyle=R(200-i),x.beginPath(),x.arc(i-1e3*S(t)+j*650,i-Math.abs(450*S(t+j/2))+610,i*2,0,7),x.fill()

Aug 14 2016 9:26 AM UTC

}// 139/140

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

u/13thptr

#balls #shading

show FPS hide FPS share fullscreen

f8f82804

remix of d/9154 by u/f8f82804

function u(t) {

for(β=s=314;β--;x.fillStyle=`hsl(${β+t}rad 90%${30*(1-(γ=C(α-1)*C(β))-γ**9)}%/${β/a}`)x.fillRect(s*S(α=β/200)*S(β)+960,s*S(α)*C(β)+s,a=53,a)

Aug 9 2018 6:09 PM UTC

}// 140/140

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

Tweaked #sphere parameterization with occlusion, z-buffer and #phong #shading -- #rainbow #d3 #pbr

u/f8f82804

#blending

You've reached the end.

dwitter.net | #shading