Top dweets by u/ciaccodavide

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/14505 by u/simonmkwii

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,500/--z))x.setTransform(s=20/z+S(t),0,0,s,0,0),x.fillText('*',i%z*99-C(t),t++%z*60)

Dec 30 2020 3:42 PM UTC

}// 137/140

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

command line #snowflake

u/andrea270872

Matrix Xmas :D Very cool!

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24054 by u/ciaccodavide

function u(t) {

for(m=Math,i=1e4*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.5-X,k=.27-Y),x.fillRect(2e3*X,2e3*Y,69-d*345,1);c.style=`margin:${r()}px`

Oct 12 2021 8:45 AM UTC

}// 137/140

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

The Ring #ScaryMovies

u/ciaccodavide

maybe I should have used margin:${r()/2}px for a subtler shake

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/23983 by u/pavel

function u(t) {

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>T(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.6+.3*S(t)):--z*.4

Oct 11 2021 8:13 PM UTC

}// 137/140

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

ripple #raytracing #remix

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/21217 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐱𝠻𪐻𦀫👁𛁙𚰽𠠩𚀴𜀫𦀯𝀸𧠱𝠫𦐯𝀸𚐥𜐵🠱🱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𫠯𚰫𮠪𚠮𝐬𜐯𞀩𞠨𮠽𜐬𬠽𚁮𚰷𚐪𚡩𚡴𛁁🐲𚡓𚁲𚐬𠠽𜠪𠰨𬠩𛀭𛑮𚑼𯀨𫠽𞀬𦀽𞐱𜀫𠰨𭀩𚠹𞐬𦐽𝠵𝀫𤰨𭀩𚠹𞐬𛐭𪐩`.replace(/u../g,'')))

Jan 12 2021 1:02 PM UTC

}// 140/140

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

Circle of Light

u/tomxor

:D I tried a similar thing at one point. Making the source this wide has some interesting affects on the shadows in this scene.
u/ciaccodavide

yeah! It's fun playing with the light source! And raymarching is awesome, I still need to look at your code to understand it better "^_^
u/tomxor

Give me a shout on discord if you've any questions. One part I'm still trying to understand is the probability distrubution of the reflections which I accidentally got non-uniform (which is good for diffuse, ideally want it lambertian) due to how no correction is made upon intersection.

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/22008 by u/magna

function u(t) {

setStatsVisibility(1)
k=stats.dom.firstChild.getContext`2d`
for(j=19;j--;)k.fillStyle=j%2==0?'#003':'#0ff',k.fillRect(15+j*3+S(t)*8,15,3,9)

Mar 18 2021 5:05 PM UTC

}// 139/140

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

#default inside #stats #remix

u/tomxor

:D subtle but clever - it's not a blank page folks, look carefully.
u/Xen

very nice!!
u/magna

Kudos on fitting it without compression!
u/katkip

wtf

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/24117 by u/ciaccodavide

function u(t) {

c.width|=1
for(Y=68;Y--;)
for(X=120;X--;)
d=Math.hypot(X-58,Y-34),
x.fillRect(
 X*16+C(d*d/t)*9,
 Y*16+C(d*d/t)*9,
 9+2*C(t*.8),
 9+2*S(t)
)

Oct 14 2021 9:51 PM UTC

}// 140/140

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

#waitforit

u/magna

Wow
u/cantelope

awesome
u/cantelope

relevant d/21033 ...also d/18773

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20877 by u/pavel

function u(t) {

q=n=>t/n-(t/n+.5|0)
p=n=>60*n*Math.abs(q(n))
with(stats.dom.style)left=p(16)+'px',top=p(9)+'px',visibility=''
stats.setMode(q(9)<0^q(16)<0)

Dec 1 2020 8:09 AM UTC

}// 139/140

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

DVD Stats

u/ciaccodavide

It doesn't change only when it hits the corner ;)
u/ciaccodavide

#DVD
u/Xen

clever lol
u/pavel

Very nice
u/ciaccodavide

#fps

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20965 by u/ciaccodavide

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐱𒡷𪑴𪀨𮀩𮱦𪑬𫁓𭁹𫁥🐧𘱆𠠰𙰊𩡩𫁬𤡥𨱴𚀰𛀰𛀳𩐳𛀳𩐳𚐊𩡩𫁬𤱴𮑬𩐽𙰣𜀰𜀧𒡦𫱲𚁩🐹𞱩𛐭𞰩𫑯𭡥𥁯𚁨🐹𝠰𛁫🐵𝀰𚐬𨑲𨰨𪀬𪰬𝠰𚡩𛁴𛀶𛑩𚐊𩡩𫁬𚀧𩑶𩑮𫱤𩀧𚑽`.replace(/u../g,'')))

Dec 11 2020 6:20 PM UTC

}// 115/140

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

Radioactive Radar

u/danny@hille.dk

nice
u/joeytwiddle

So #radioactive even the warning symbol is corrupted
u/magna

Stylish!

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚐊𨰮𭱩𩁴𪁼🐱𒡰👸𛡣𬡥𨑴𩑐𨑴𭁥𬡮𚁤𫱣𭑭𩑮𭀮𬑵𩑲𮑓𩑬𩑣𭁯𬡁𫁬𚀧𨱡𫡶𨑳𙰩𦰱𧐬𙰧𚐊𮀮𩡩𫁬𤱴𮑬𩐽𬀊𮀮𬱨𨑤𫱷𠡬𭑲🐱𜀰𒡸𛡳𪁡𩁯𭱃𫱬𫱲👒𚀰𚐊𮀮𨑲𨰨𞐶𜀬𝐴𜀬𜰳𜰫𤰨𭀩𚠱𜀰𛀰𛀹𚐊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Nov 20 2020 5:02 PM UTC

}// 128/140

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

What lies behind the canvas

u/Xen

cool idea
u/ciaccodavide

Thanks :)
u/danny@hille.dk

nice trick
u/DataMeta

#fourthwall

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

c.width=64
f=v=>824429291091531969149021958635251057546132335n&1n<<BigInt(~~t%10*15+v)
for(p=15;p--;)f(p)&&x.fillRect(30+p%3,15+~~(p/3),1,1)

Oct 28 2020 2:46 PM UTC

}// 140/140

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

Decimal Counter without text

Show more comments…
u/ciaccodavide

For the crisp edges just add:
u/ciaccodavide

c.style.imageRendering='crisp-edges' [on Firefox]
u/ciaccodavide

c.style.imageRendering='pixelated' [on Chrome]
u/Xen

nice!
u/ciaccodavide

Thanks!
u/tomxor

Interesting, didn't know about the bigint n postfix
u/tomxor

Wow wait a sec... does this mean we can finally sue bitwise beyond 32bits in JS? 4503599627370496n>>52n
u/tomxor

oh this is cool 2n**64n there will be dwitterquences for this :)
u/ciaccodavide

yeeep ;)
u/Tesseract

0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn makes it a little shorter, If you have any use for 5 more characters.
u/ciaccodavide

thanks u/Tesseract !!! I managed to get a compressed hd version thanks to your tip! d/20426
u/ciaccodavide

from 141 to 138 (compressed) :D

dwitter.net | ciaccodavide (1304)