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

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10307 by u/f8f82804

function u(t) {

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

Oct 11 2018 11:05 PM UTC

}// 140/140

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

cleaning up the gray code #cube -- #d3 #perspective

u/f8f82804

#wireframe

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10304 by u/f8f82804

function u(t) {

c.width=480;with(x)for(translate(w=240,99),rotate(a=S(t)),i=17;i--||stroke();lineTo(w*S(p)/Z,.7*w/(i&4?-Z:Z)))Z=3+C(p=a*i/9+11*i-t+(i&~3)*2)

Oct 11 2018 4:20 PM UTC

}// 140/140

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

small remix to fix variable-width lines due to multiple stroke() calls -- #glitch #cube #perspective #d3 #golf

u/f8f82804

#wireframe

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

f8f82804

remix of d/9687 by u/f8f82804

function u(t) {

c.width=480;with(x)for(translate(w=240,99),rotate(a=S(t)),i=17;i--;stroke())lineTo(w*S(p=a*i/9+11*i-t+(i&~3)*2)/(Z=3+C(p)),w*(i&4?-.7:.7)/Z)

Oct 10 2018 7:16 PM UTC

}// 140/140

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

#glitch #cube #perspective #d3

u/aleamb

great!
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

jylikangas

remix of d/7121 by u/jylikangas

function u(t) {

for(c.width=-1,Y=w=89;Y--;x[f](Y*9+w*S(t)-w,0,9,60+S(Y^w)*20))x[f='fillRect'](w-S(v=Y/w+t)*Y,w+799/Y,v*w&8?2e3/Y:x.fillStyle=R(Y*3,0,w),w/Y)

Oct 8 2018 8:29 PM UTC

}// 140/140

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

OutRun: Neon City edition

Show more comments…
u/BalintCsala

#retro
u/katkip

#d3
u/f8f82804

#outrun
u/iverjo

Inspiring!
u/iverjo

#neon
u/donbright

!!!!!!!!
u/lionleaf

Incredible! #city #track #train
u/alien

wow
u/magna

Musical edition: https://dweetplayer.net/demo/v1/*/10287@190/…
u/rodrigo.siqueira

Similar to Atari's Enduro game with city skyline

show FPS hide FPS share fullscreen

prplz

function u(t) {

for(c.width|=i=9;i--;z>0&&x.fillRect(960-200/z,400-100/z,50/z,200/z))z=S(t)*2+i/3

Oct 8 2018 10:02 AM UTC

}// 81/140

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

#default

show FPS hide FPS share fullscreen

veubeke

function u(t) {

for(c.width|=i=128;i--;x.fillText('🦈',960+(C($*2)+C($*5)/9)*8*_+S(t)*500,(1-y)*1200))y=($=t+i)/10%1,x.font=((2+S($*2))*(_=10+y*50)|0)+'px"'

Sep 12 2018 8:19 PM UTC

}// 139/140

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

Sharknado

Show more comments…
u/f8f82804

#emoji
u/Xen

Love It!
u/aleamb

lol!
u/f8f82804

#d3
u/sigveseb

Haha
u/zanella

... and THAT, my friends, is the reason why Dwitter was invented.
u/magna

Very topical
u/joeytwiddle

#emoji #tornado

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/9617 by u/cantelope

function u(t) {

c.width=480;x.translate(w=240,130);x.rotate(S(t));for(i=17;i--;x.lineTo(w*.7*S(p=1.57*i-t+(g=i/4|0)*11)/(Z=2+C(p)),w*(g%2-.5)/Z));x.stroke()

Sep 6 2018 9:32 PM UTC

}// 140/140

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

compound 3D rotations #d3 #cube #perspective

u/donbright

awesome
u/cantelope

neat trick :)
u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

f8f82804

remix of d/9676 by u/f8f82804

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桞㴰㭩ⴭ㭸⹢敧楮偡瑨⡸⹦楬氨⤩⥃⡡㵴⵩⤾〦♸⹥汬楰獥⠹㘰⬨堽⡩⨹㘰⵩⩩⤪⨮㔪匨愩⤬㘰⭩Ⱘ猽㈵⴨匨愭ㄩ⨨戽⠱⴨⡙㵩ⴴ㠰⤯㐸〩⨪㈩⨪⸵⤩⨪㐪㈴⤪䌨愩⩢ⱳⱍ慴栮慴慮⡙⽘⤬〬㜩`.replace(/u(..)/g,"$1%")))

Sep 5 2018 8:57 PM UTC

}// 138/140

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

#specular #d3 #sphere #animated #compressed

Show more comments…
u/f8f82804

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,(s=25-(S(a-1)*(b=(1-((Y=i-480)/480)**2)**.5))**4*24)*C(a)*b,s,Math.atan(Y/X),0,7)
u/joeytwiddle

I like how the circles become ellipses at the edges. https://codegolf.tk/a/254
u/magna

WHOA
u/f8f82804

u/joeytwiddle: that's the whole point of this demo, the lighting is just there because I had to compress it and had leftover space
u/f8f82804

you can see this concept implemented without compression in d/9676
u/iverjo

Very nice!
u/f8f82804

#fullhd

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(X=S(a)*(960**2-i*i)**.5,i,24*C(a)*(1-(i/960)**2)**.5,24,Math.atan(i/X),0,7)

Sep 5 2018 8:33 PM UTC

}// 140/140

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

using ellipse() and lots of trig to draw dots on the surface of a #sphere

u/f8f82804

it takes 154 to center the sphere: for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,9*C(a)*(1-((b=i-480)/480)**2)**.5,9,Math.atan(b/X),0,7)
u/f8f82804

#d3

dwitter.net | #d3