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

pavel

remix of d/10512 by u/f8f82804

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=17;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=1.57*(i-(i>>2))-X))
x.stroke()

Oct 17 2018 4:40 AM UTC

}// 134/140

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

#minimal #perspective #d3 #cube #interactive

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9687 by u/f8f82804

function u(t) {

c.width=640;with(x)for(i=17;j=i^i-->>1;stroke())a=_=>j&_?-1:1,lineTo(320+320*S(b=t+Math.atan2(a(1),a(4)))/(Z=3+C(b)),180+224*a(2)/Z)

Oct 10 2018 9:58 PM UTC

}// 132/140

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

using the double-arrow operator (-->>) to generate Gray code and visit vertices of a #cube in order -- #d3 #perspective

u/yonatan

you could use the straight-leg-kick operator (--/) and save a char
u/f8f82804

I figured that the community would appreciate seeing the counterpart of the more common single arrow -->
u/magna

When I'm not sure what I'm doing, I use the wiggly arrow operator <~~
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

Pascal

function u(t) {

for(c.width|=j=2;j--;x.stroke())for(w=i=1e3;i--;x.lineTo(420+j*w+w/8*(C(b)+C(i+t/2)+C(a=i/2))+j*z*15,w/2+w/5*(S(i)*C(t)+S(a))))z=S(b=i+t)

May 19 2021 5:56 PM UTC

}// 137/140

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

#stereograph #d3 cross eye wavy loop

u/magna

Great!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/18139 by u/cantelope

function u(t) {

for(c.width|=j=37;j--;)for(w=i=133;i--;)[j,j+1].map(k=>x.lineTo(960+S(p=i/7+t)*k/(Z=w+C(p)*k*3.4)*2e3,(58-k)**3/Z+j))
x.stroke()

Apr 6 2020 12:08 PM UTC

}// 128/140

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

128 bytes #vortex #d3 #uncompressed

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/13650 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=4e3,w=960;i--;x.clearRect(w+w*X/Z,w*Y/Z,s=64/Z/Z,s))
X=i/500-4,
Y=C(C(t)*i/150+t*3)/2-1.5,
Z=S(i*4)*2-4

May 6 2019 6:54 PM UTC

}// 133/140

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

Network of Waves #d3

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;x.globalAlpha=.4;n=10;for(i=n;i--;)for(j=n;j--;)for(k=n;k--;)x.fillRect(720+i*40+S(t*2)*40+k*32*S(t),390+j*40-k*20,30,30)

Jan 19 2019 8:19 PM UTC

}// 132/140

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

#d3 #cube

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21637 by u/erin

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👷🐹𝠰𒡦𫱲𚁩🐴𩐳𞱩𛐭𞰩𮰊𦀽𜠪𠰨𥐽𪐩𚱃𚁖👴𚱩𚡩𚐬𒡙👓𚁕𚱴𚐪𠰨𥠩𛐲𛀊𦠽𤰨𥐩𛐵𒡸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𤰨𭀩𚠹𞑽𛀶𞐥𛀤𮱓𚀱𜀪𭀫𥠯𥐩𚠹𞑽𙐩𨀊𮀮𩡩𫁬𤡥𨱴𚁷𚱷𚡘𛱚𛁷𛑙𛱚𚡷𛁳👷𛱚𛱚𛱚𛁳𚑽`.replace(/u../g,'')))

Feb 11 2021 10:29 PM UTC

}// 130/140

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

intertwined circles

u/erin

this is by far my best dweet
u/erin

#laser #circle #d3

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪰽𞐸𛁳𨱡𫁥𚁺🐲𝐵𛀭𪰩𞱫𛐭𞱲𫱴𨑴𩐨𛑴𚐩𭁲𨑮𬱬𨑴𩐨𪰭𞐷🰰𞠳𛁫𛐹𝰿𛠰𝀺𛐸𚐬𬡯𭁡𭁥𚁴👴𙐱𛠵𝰩𛁦𪑬𫀨𫡥𭰠𤁡𭁨𜡄𚁠𫐱𘀱𙁻𙱨𭠧𦱱👫𙐲𧑽𛐲𙁻𙱶𪀧𦱱𧑽𛐲𙁻𪰿𙰧𞠧𪀫𜠧𯑠𛁦𪑬𫁓𭁹𫁥👒𚁺𚡴𚡱𛁺𚠡𪰩𚐩`.replace(/u../g,'')))

Jan 15 2020 10:55 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 Cube With Lighting #D3 #Cube

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14501 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`琪㴴㭣⹷楤瑨簽〻景爨椽砮汩湥坩摴栽㄰㭩ⴭ㭸⹳瑲潫攨瀩⥱㵃⡴╍慴栮偉⤬砮晩汬⡰㵮敷⁐慴栲䐨砮晩汬却祬攽恨獬⠴㤠㤹┤笵〫㈵⩱紥怩Ɒ⹥汬楰獥⠹㘰⬨椭㐩⩱⨹ⰵ㐰Ⱘ匨琩⨪㈩⨪⸵⨴〰⬱ⰴ〰ⰰⰰⰷ⤩`.replace(/u(..)/g,"$1%")))

Jun 9 2019 4:52 AM UTC

}// 140/140

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

Spinning Coin with Lighting #D3

u/katkip

Realistic

show FPS hide FPS share fullscreen

pavel

remix of d/14464 by u/katkip

function u(t) {

for(x.setTransform(1,0,0,1,960,540),x.rotate(S(2*t)),i=200;i--;x[j?'fillRect':'clearRect'](r=(18+j)*(i&-2),r,r*=C(t)*.7-2,r))j=i%2

Jun 7 2019 5:01 AM UTC

}// 130/140

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

#d3 #perspective #pyramid

u/pavel

Am I crazy or do the sides rainbow a little?
u/katkip

It's an illusion maybe
u/joeytwiddle

Could be the way your machine talks to the monitor? https://en.wikipedia.org/wiki/Subpixel_rende… Or could be you are crazy!

dwitter.net | #D3