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

junov

function u(t) {

eval(unescape(escape`景爨眽挮睩摴栽ㄲ㜬愽㌰Ɫ㵡⩡Ɒ㵷⩷㭩㵰♷ⱪ㵰ⴭ⽷㭦㵪ⵡⱯ㴱ⵥ⩥⽢ⵦ⩦⽢Ɑ㵍慴栮獱牴⠨漾〩⩯⤬渽㈪洪⡥⽡⩃⡴⤫洪匨琩⤭匨琩ⱸ⹦楬汒散琨椬樬ㄬㄭ渪渪温⥥㵩ⵡ`.replace(/u([^D].)/g,'$1%')))

Aug 28 2022 8:09 AM UTC

}// 127/140

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

Phong reflection #raytrace

show FPS hide FPS share fullscreen

pavel

remix of d/1112 by u/sigveseb

function u(t) {

for(let w=c.width=127,i=9086,a,b,n,B;a=i&w,b=i--/w;x.fillRect(a,b,1,1/(t+a/n&1^b/n)))n=b-20,B=(w*S(t*9+n/9)+(a-40)**2+n*n)/1e3,n*=B>1||C(B)

Mar 7 2019 8:31 PM UTC

}// 139/140

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

#improved performance

Show more comments…
u/pavel

Original runs at 6fps on my machines this runs at 60fps. I lowered the resolution by a quarter (4x perf) and golfed 13 chars to let me declare all vars locally (2x perf).
u/tomxor

wow! this is a massive perf improvement, the original was impressive but I couldn't really see it realtime. Nice one :)
u/katkip

how
u/nender

Wow! This is amazing!
u/sigveseb

Nice!
u/f8f82804

#raytrace #d3 #pbr
u/Cloud

Cool!!!

show FPS hide FPS share fullscreen

f8f82804

remix of d/9163 by u/f8f82804

function u(t) {

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

Aug 8 2018 11: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).

#rainbow #checkerboard -- #d3 #raytrace #scanline #smooth

u/katkip

This is less laggy

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

jylikangas

function u(t) {

with(x)for(i=16,c.width=198;i--;stroke()&drawImage(c,globalAlpha=.1,i))lineTo(99+S(t+=(7-i)%2/.64)*99/(Z=(t<6)+1+C(t)),49+((i%4/2<<6)-25)/Z)

Mar 28 2018 5:24 AM UTC

}// 140/140

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

White room traps you!

Show more comments…
u/aemkei

Stunning. As always.
u/joeytwiddle

Whoa! 😮
u/zanella

There's. A. Reflection. In. The. Floor.
u/loni_art

jesus!
u/iverjo

Well done!
u/DirtyDan

Remixed: d/7500
u/DirtyDan

whoops, wrong dweet
u/DirtyDan

Well this was a train wreck, wrong link too
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/joeytwiddle

#renderer #reflection #raytrace (or looks like it anyway)

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/271 by u/3bl3gamer

function u(t) {

var X,Y,k
c.width|=0
for(X=240;X--;)for(Y=64;Y--;)(X-120)/(k=Y-72)+9+t&1^Y/k&1&&x.fillRect(X*8,1080-Y*8,8,8)

Mar 11 2018 6:11 AM UTC

}// 108/140

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

I was attempting to optimize for FPS, try commenting out the var line

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

ETHproductions

function u(t) {

c.width|=Z=256;for(Y=1;~Y;Y-=4/Z)for(X=1;~X;X-=4/Z)Math.atan2(((a=Math.acos)(X/(1-Y*Y)**.5)+t)%6.28,a(Y))*9&1&&x.fillRect(Z-X*Z,Z-Y*Z,4,4)

Jan 8 2018 9:23 PM UTC

}// 138/140

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

A completely different approach at a rotating patterned sphere: raytracing!

u/sigveseb

nice
u/Xen

mission completed ;-)
u/magna

hax!
u/13thptr

#raytrace
u/13thptr

#sphere #d3

show FPS hide FPS share 4 remixes fullscreen

3bl3gamer

function u(t) {

c.width=256;for(i=9<<12;a=i&255,b=i>>8,m=a-128,n=b-72,i--;)l=m*m+n*n,(l<7e3?(((m/n+128+t*2)%2)^(b/n%2)):(l>8e3)^(n<0))&&x.fillRect(a,b,1,1)

Jul 20 2016 10:11 PM UTC

}// 139/140

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

u/iverjo

Mindblowing O.O
u/sigveseb

so good!
u/sigveseb

I tried adding fog http://dweet.dwitter.net/id/280?autoplay=1
u/joeytwiddle

#perspective #raytrace #scene
u/lionleaf

d/280

You've reached the end.

dwitter.net | #raytrace