New #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

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 fullscreen

joeytwiddle

remix of d/8414 by u/joeytwiddle

function u(t) {

for(c.width|=0,i=3500;i--;x.beginPath())x.globalAlpha=.03,x.arc(S(i**.5-t*9)*i*i/1e4+960,C(i**.5-t*9)*i*i/1e4+540,i**2/8e4+2,0,7),x.fill()

Jun 5 2018 9:59 AM UTC

}// 138/140

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

Soft shaded spiral

u/joeytwiddle

This is what I was going for, but it's kinda boring
u/zanella

No boring at all, I think it's the best spiral I've seen here. :)
u/joeytwiddle

tx zanella :) Derived from d/8393 by firegodjr and BirdsTweet
u/iverjo

#shading #spiral
u/iverjo

This has to be one of the best spirals I've seen on Dwitter

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

s=t&15
T=t>>4
for(i=2;i--;x.fillRect((t%16+s-T%2*2+i)*72,y*9-20,2,50))_=t%2*3,y=T*4+(i?s%2*2:C(_)+1)*2,x.fillStyle=R($=S(!i*_)*20+200-y,$,$)

Jun 4 2018 10: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).

u/magna

Neat!
u/aleamb

cool
u/iverjo

Nice! 3D #hexagons #perspective #shading
u/iverjo

#slow_render

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

rippedspine

remix of d/6003 by u/rippedspine

function u(t) {

for(i=w=1920,a=S(t*2),d=99;i--;b=S(i),x.fillStyle=R(200+a*d/2,e=(1-b)*d),x.fillRect(w/2+d*C(i)*(a+2)+C(t-a)*99,t*150+d*b/6,4,4));

Jan 13 2018 11:36 PM UTC

}// 129/140

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

u/joeytwiddle

#3d #shading

show FPS hide FPS share 1 remix fullscreen

corruptio

remix of d/5769 by u/ETHproductions

function u(t) {

for(c.width=256,Z=X=64;--X+Z;)for(Y=Z;--Y+Z;)x.fillRect(X+Z,Y+Z,(Math.acos(X/(Z*Z-Y*Y)**.5)+t)%6/(Y/Z+2)*8&1,1-(X-Y+Z)/2/(X*X+Y*Y+Z*Z)**.5)

Jan 10 2018 9:43 AM UTC

}// 139/140

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

Added a directional light source

u/ETHproductions

Quite an amazing feat to get this into 140 chars :-)
u/f8f82804

Nice! #sphere #raytrace #shading

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

statenlogic

function u(t) {

for(c.width=d=300,e=2e3;e;a=C(e)*C(d+t),b=S(e),z=C(e)*S(d+t),q=6e3/(z+100),x.fillRect(a*q+150,b*q+85,r=z>-.1&&2+5*z**4*(a+b),r))d+=e-=.5

Aug 16 2017 8:21 PM UTC

}// 136/140

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

Show more comments…
u/sigveseb

Stellar!
u/sigveseb

The shading!
u/magna

WOW!
u/donbright

epic win
u/statenlogic

Thanks guys. It's my first dweet.
u/cantelope

this is one of the most amazing dweets i've ever seen. gr8 job!
u/nystrand

really nice first dweet!
u/n0va

I realy like this one, welldone!
u/iverjo

#sphere
u/joeytwiddle

#lighting #shading

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

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

You've reached the end.

dwitter.net | #shading