Top #D3 dweets | Dwitter

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

nystrand

function u(t) {

for(i=c.width|=g=(o,a,b,z=a%b)=>n--?g(2*t/n+i%3,b*C(o)-a*S(o)-n,z,a*C(o)+b*S(o)):x.fillRect(a*(z+=40)+960,b*z+500,z-=24,z);i--;)g(i,n=6,i%7)

Jul 3 2019 12:40 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 more comments…
u/Xen

love it!
u/katkip

hot
u/KilledByAPixel

👍
u/PorkToTheFuture

impossible
u/aleamb

great! superb! dude!
u/iverjo

#d3
u/vain

fucking kewl

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7: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).

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/8399 by u/veubeke

function u(t) {

d=new Date%2
for(H=a=60;a--;)for(b=H;b--;x.fillRect(a+t*60%32*H,y,2,2))y=(d?H-a:a)/2+b+(t*60>>5)*30-H,x.fillStyle=R(255-y/5,b&&(d+3)*60-b)

Jun 5 2018 9:04 PM UTC

}// 138/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/Xen

Love it!
u/yokljo

new Date%2 is incredible
u/lionleaf

Amazing! #maze
u/pythech

dope
u/magna

Veubeke strikes again.
u/katkip

A-maze-ing
u/katkip

#d3

show FPS hide FPS share fullscreen

tomxor

remix of d/26087 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𬀽𭰽𜐲𞀻𬀼𜡥𝀻𚐨𭐾🠽𜐩🱛𦀬𦡝👛𦀪𛠸𚱚𚠮𝠬𦠪𛠸𛑘𚠮𝠬𠰫👓𚁘𛱵𚐪𭐯𞑝𞡸𛡦𪑬𫁒𩑣𭀨𚰫𬀥𭰬𬀯𭰬𜐬𛑃𚡰𛰶𩐳𛁸𛡦𪑬𫁓𭁹𫁥👒𚁃𚠷𚱓𚁃𚐪𞐬𠰪𝠬𠰼𜀿𬀯𜰲𞡃𚠵𚐬𭐽𜠳𞀬𠰽𜐴𛁘🐲𩐶𛱰𚠨𬀯𝠴𙐲𛐱𚐬𦠽𜡥𝠯𬀫𭀪𭐩`.replace(/u../g,'')))

Sep 11 2022 12:22 AM UTC

}// 140/140

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

Perspective Mountain Range

u/Joachim

Wooooooow! Best #d3 terrain yet!
u/tomxor

Teamwork ;D
u/SophiaCristina

Truly loved it!

show FPS hide FPS share 3 remixes fullscreen

zkfrontman

function u(t) {

for(c.width|=0,i=1;i<129;i++)p=t+2*i,x.fillStyle=R(255*S(p+4),255*S(p+2),255),x.beginPath(),x.arc(15*i,600+150*C(p),4*S(p)+11,0,7),x.fill();

Dec 28 2017 2:44 AM UTC

}// 140/140

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

u/joeytwiddle

Nice colours
u/zkfrontman

:) thanks
u/hoppla1232

stylish
u/d0n.key

ayy u foken thief
u/f8f82804

#spiral #d3

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

c.width=z=400;t?q-=p/z:q=p=0;onmousemove=e=>p=e.x-z;for(i=4e4;i--;x.fillRect(200+(i%z-99)*Y,99+Y*9+C(30/Y+t*9)*C(i%z/3-q)*Y*2,Y,Y/9))Y=i/2e3

May 9 2022 10:02 AM UTC

}// 140/140

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

Mountain Flyover - use the mouse to pan around

Show more comments…
u/GreyHope

#interactive #d3 #landscape
u/vain

great interactive #3d landscape fx
u/pavel

-1 q=t?q-p/z:p=0
u/neimad

wizardry
u/Qwitter

nice!!!
u/Qwitter

nice!!!
u/cantelope

reminiscent d/11420

show FPS hide FPS share 2 remixes fullscreen

yonatan

remix of d/9341 by u/yonatan

function u(t) {

for(c.width=i=1e3;i--;x.fillRect(S(i)*m+500+S(z)*m+m*S(t),C(i)*m+260+C(z)*m,z,z))m=i/13,x.fillStyle=`hsl(25,19%,${a=50-S(z=i**.5)*19}%`

Aug 23 2018 5:24 AM UTC

}// 135/140

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

u/joeytwiddle

Whoa! So 3D! :D #parallax
u/f8f82804

#shading #d3
u/magna

#sorcery
u/sigveseb

Straight up #witchcraft
u/jylikangas

Best dweet in a long time.
u/joeytwiddle

#organic #model #shell

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=60/z/z,s))a=i%3?i:i*h,r=(a%2?S:T)(a%h+h/2),z=3+C(a+t)/r

Apr 12 2019 7:45 AM UTC

}// 139/140

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

Butterfly box #d3 #cube #perspective

u/Jezza

Woah!
u/KilledByAPixel

Well done.
u/lionleaf

That's wild! Love it #butterfly

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/28068 by u/tomxor

function u(t) {

for(w=c.width&=i=10368;i;T=(2*X&3*t+T)%7<3&Y*Y<2?R-T?T+.1:R+=.1:R!=T?R&=x.fillRect(--i%w,i>>7,(X+Y+5)/9,1):T+.2)X=i%w/64*R-T,Y=i/4e3*R-T

Nov 7 2023 9:40 PM UTC

}// 136/140

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

Pseudo Global Illumination - Sans-Textures

u/cantelope

wat
u/joeytwiddle

#d3 #lighting #uncompressed #hiddengem
u/DataMeta

wow
u/aleamb

wtf.... amazing!
u/pavel

Holy crap!

dwitter.net | #D3