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 fullscreen

New_Core

function u(t) {

for(w=c.width|=i=9;i--;)Z=w/(i*3+20*C(t)+40),x.fillRect(960-Z/2+Z*S(t/5)*15,400-Z*2,Z,Z*6)

Apr 24 2018 11:39 AM UTC

}// 90/140

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

u/joeytwiddle

#default #perspective #hashtag_mania
u/lionleaf

Love the default remixes!
u/13thptr

#d3

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

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

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width-=(q=t%8<4.2)?7:-7
for(k=i=20;--i+k;)for(j=k;--j+k;)x.fillRect(150+i,90+j+S(-t*3%3.2)*60,1,Math.acos(j/(k*k-i*i)**.5)*3+(q?t:-t)*5&1)

Apr 16 2018 3:26 PM UTC

}// 140/140

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

Playing ball...

u/jylikangas

Inspired by an earlier dweet from ETHproductions
u/aleamb

cool
u/iverjo

#bounce
u/13thptr

#d3

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=-1;i++<125;)for(j=75;j--;x.fillRect(99+i-j,(i+j)/(2+T(t)/2)+!h,h|1,~h))h=t+j/13&i/9-t*6,h*=(h<5)*5,x.fillStyle=R(0,i+j,!h*200)

Apr 14 2018 4:56 PM UTC

}// 140/140

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

Isometric Islands

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=-1
for(j=k=50;j--;)for(i=99;i--;x[f='fillRect'](k+i,Y=j+k-(h=i<k?i:-i+k*2)/2,1,h)&x[f](i,Y+j,i,.03))x.fillStyle=R(k*(j?i<k:3)+t%3*i)

Apr 14 2018 8:10 AM UTC

}// 140/140

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

Box of shading tricks

Show more comments…
u/jylikangas

Could have saved another byte by replacing k*2 with 99
u/yonatan

and one more by replacing -i+k*2 with k*2-i
u/iverjo

#cube
u/joeytwiddle

#lighting
u/donbright

dddddaaammmnnnn
u/katkip

#d3

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/7289 by u/New_Core

function u(t) {

c.width|=V=960,H=560
for(i=500;i--;x.lineTo(V+(S(a)+S(t*2))/Z*V,H+(i/220-1)/Z*H))Z=4*S(t)+C(a=i%5*1.57+t)+5
x.stroke()

Mar 12 2018 9:30 AM UTC

}// 118/140

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

u/Xen

very nice!
u/13thptr

#d3 #cube #moire

show FPS hide FPS share fullscreen

New_Core

remix of d/3333 by u/New_Core

function u(t) {

b=960
for(c.width|=i=5;i--;x.lineTo(b+b*S(t)+Z*(d*C(a)),d+Z*d))d=99*C(t)+t%12*60,Z=b/(b-d*S(a=i*2.5132-9*S(t/4)))
x.fill()

Mar 8 2018 9:04 PM UTC

}// 122/140

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

2 or 3 stars would been nicer...

u/Xen

Nice :-)
u/13thptr

#stars #d3

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 PM UTC

}// 140/140

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

u/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

show FPS hide FPS share fullscreen

aleamb

function u(t) {

c.width=512;b=136;for(y=b;e=0.7*y,f=y-60,f*=f,y-=2;)for(m=b;m--;)d=m-70,z=S(t)*b*Math.exp(-1e-3*(f+d*d)),x.fillRect(m+e+b,-z+e+100,1,1)

Feb 14 2018 1:37 AM UTC

}// 135/140

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

Shorter version: c.width=512;b=136;h=60;for(a=b*b;a--;)m=a%b-h,y=a/b-h,e=0.7*y,x.fillRect(m+e+100,S(t)*b*Math.exp(-1e-3*(y*y+m*m))+e+150,1,1)

u/iverjo

Further, 0.7 can be replaced with .7
u/aleamb

#function #p3d
u/aleamb

#math
u/aleamb

#d3

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

dwitter.net | #d3