Top #wireframe dweets

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

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

jylikangas

function u(t) {

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

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

show FPS hide FPS share fullscreen

jylikangas

remix of d/7979 by u/jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡣⹷楤瑨㵩㴭㔻⬫椼㔻䌽愽㹬楮敔漨⡘㵓⡴⤪㤩⬱㔰⭡⨵㤯⡺㵪⵴┱⤬㠰⬨吽㤹⭓⡪⭴♡⤪㌰⤯稭堪㈩⥦潲⡪㴷㭢敧楮偡瑨⡦楬氨⤩ⱃ⡩⤬ⴭ樻䌨椫ㄩⱪ⬫ⱃ⡩⬱⤬樭⴩晩汬却祬攽刨䌨椩ⱔ⼲⭪⨲〩`.replace(/u(..)/g,"$1%")))

Oct 29 2018 4:08 PM UTC

}// 140/140

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

3D landscape with compressor's help

Show more comments…
u/lionleaf

#landscape
u/sigveseb

Niiiice
u/rbong

Incredible!
u/joeytwiddle

Reminds me of Zarch (1987)
u/f8f82804

#d3 #wireframe #perspective #shading
u/katkip

cool

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(W=(c.width=1e3)/2,i=16;i--;x.stroke())for(j=17;j--;x.lineTo(W+S(p)*S(q)/Z*W,275+C(q)/Z*W))Z=C(p=.785*(i>8?j:i)+t)*S(q=.39*(i>8?i-8:j))-3

Aug 11 2017 6:18 PM UTC

}// 140/140

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

Made a tutorial for this: https://cantelope.org/sphereGolfed

Show more comments…
u/kimber

Your website is an inspiration. Thanks.
u/cantelope

<3 @kimber
u/FireFly

Nice wireframe sphere! :D
u/alien

omg you did it !!!!!
u/cantelope

To give credit where it is due, qfox helped me shave off the last ~10 bytes.
u/donbright

:O:O:O
u/iverjo

That's really impressive. Kudos!
u/n0va

Awesome!
u/joeytwiddle

#sphere #wireframe

show FPS hide FPS share 1 remix fullscreen

Ath0r

function u(t) {

c.width=1920
p=[a=960,a/3]
w=i=>[a+300*C(z=t+2.09*i),800+100*S(z)]
f=i=>x.lineTo(...i)
for(i=6;i--;){b=f(w(i));f(p);f(w(i))}
x.stroke()

Feb 26 2019 9:07 PM UTC

}// 135/140

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

My first dweet (simple pyramid)

Show more comments…
u/katkip

Nicee
u/Ath0r

Thanks! It's the first time I've tried, so probably I missed a lot of tricks to reduce characters... Any feedback or tips are welcome! :D
u/13thptr

b is unused so you can remove it :)
u/13thptr

nice dweet btw
u/13thptr

127:c.width=1920 w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)] f=i=>x.lineTo(...i) for(i=6;i--;)f(w(i)),f([960,320]),f(w(i)) x.stroke()
u/13thptr

ugh sorry here it is with semicolons instead of newlines
u/13thptr

c.width=1920;w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)];f=i=>x.lineTo(...i);for(i=6;i--;)f(w(i)),f([960,320]),f(w(i));x.stroke()
u/Ath0r

Thanks a lot for the suggestions, @13thptr! Indeed, I forgot to remove the unused b and the characters you remove by avoiding the definition of p is also very nice :)
u/tomxor

It's a spinning simplex!! :D great 1st dweet
u/Ath0r

Thanks @tomxor :D
u/f8f82804

#d3 #wireframe

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/12115 by u/pavel

function u(t) {

for(i=c.width|=h=1065/226;q=--i%3-1,a=q?i:i*h+h/2;x.fillRect(960+S(a+t)*800/r/z,540+(q||T(i))*800/z,s=70/z/z,s))r=S(a%h),z=4+C(a+t)/r,z*=z>1

Apr 16 2019 5:01 PM UTC

}// 140/140

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

#d3 #cube #perspective #wireframe

u/pavel

#uncompressed
u/KilledByAPixel

rad

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=i=960;--i;x.ellipse(480,270-56*(j%2-.5)*y,r=32*(64-y*y)**.5,r/2,0,a=(j+t%1)/7,a+!j*7))j=i>>4,y=i%16-8;x.stroke()

Apr 10 2019 8:35 AM UTC

}// 124/140

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

#wireframe #sphere

u/f8f82804

#d3
u/Xen

Nice!
u/lionleaf

Nice one! #globe
u/pavel

I use 44 longitude lines so the arc angle between adjacent two is 2*pi/44 which is approximated by 1/7 to 4 decimal places.
u/pavel

Using the famous pi ~ 22/7 approximation.

show FPS hide FPS share 1 remix fullscreen

jylikangas

remix of d/7495 by u/jylikangas

function u(t) {

for(a=t,c.width=99,i=16;i--;x.stroke())x.lineTo(50+S(t+=(7-i)%2/.64)*29,12+(i%4>>1<<5)+C(t)*11)
x.fillText('◕',43+S(a*7)*19,32+S(a*9)*19)

Apr 2 2018 12:15 PM UTC

}// 137/140

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

Fake physics :)

u/iverjo

#cube
u/iverjo

#wireframe

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;i++;R=a=>x.lineTo(150+S(A=3-j?t+37*a:0)*50*j,15*j*j+C(A)*!!A*j*9*C(t)))for(j=3;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Nov 17 2018 10:09 AM UTC

}// 140/140

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

Diamond

u/aleamb

cool! #wireframe #d3 #perspective
u/f8f82804

I don't think this actually uses a perspective transform...

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

dwitter.net | #wireframe