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

nix

function u(t) {

for(c.width=i=1e3;i>0;i-=8)x.beginPath(),s=1+S(i+t),x.ellipse(500+99*s*s,300+s,h=99*(1+C(t+i)),h,1+s,1+S(i+t),1+s),x.stroke()

May 9 2018 8:20 PM UTC

}// 125/140

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

show FPS hide FPS share fullscreen

trancor

remix of d/7988 by u/trancor

function u(t) {

d=(j,r)=>{x.beginPath(),x.arc(j*4+S(t*3+r)*r,T(t)*r+r*5,S(t+=j&6)*r/5+r,0,7),x.fill(),r>2&&(r/=2,d(j-r,r),d(j,r))}
d(w=(c.width=999)/2,600)

May 5 2018 8:08 AM UTC

}// 139/140

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

show FPS hide FPS share fullscreen

E-Mouse

remix of d/7979 by u/jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+99+(99+C(t*a)*a*4)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 9:42 PM UTC

}// 133/140

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

u/katkip

#d3 #perspective

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

dwitter.net | #d3