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: #ScaryMovies

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

for(i=c.width=1e3;i--;x.fillRect(512+50*X/Z,99*(3+S(2*Z-t)+C(X/3+t))/Z,W=(6+F*6)/Z,W))X=i%32-16,Z=i/256,F=(Z-1.5-C(t))**2,x.globalAlpha=.2/F

Feb 5 2023 3:56 AM UTC

}// 140/140

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

more fun with #focus aka #depthoffield

u/Joachim

Wow!!! This is amazing! #blur #d3 #perspective
u/danny@hille.dk

LOVE IT!

show FPS hide FPS share fullscreen

SophiaCristina

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󜼲󝜬󢼽󞜹󛍁󟝃󚍴󚜬󠬽󤼨󭌩󒭦󫽲󚍪󟜲󝜻󛜭󪬻󚝻󡌽󠼨󪬩󛍅󟝓󚍪󚜻󩭯󬬨󪜽󜌻󪜼󝬮󜬻󪜫󟜮󜜩󬌽󤼨󪜩󛍐󟝃󚍩󚜬󩌽󜬫󡌬󣼽󜜯󚌵󚽁󚭤󚭰󚽂󚭅󚜬󦌽󩌪󚍁󚭐󚽂󚭂󚭰󚜭󡜪󠜪󠬬󦜽󩌪󚍂󚭐󛝂󚭁󚭰󚜫󡜪󠜪󠜬󮌮󩭩󫍬󥍥󮍴󚌢󤼢󛍋󚽋󚭏󚭘󛍋󛝋󚭏󚭙󚝽`.replace(/u../g,'')))

Feb 3 2023 1: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).

3D Rotating Donut from "a1k0n.net" ported and shortened to Dwitter. Sorry if it's not a totally original content. I still think it's cool that this is possible here. Consider it proof of concept and inspiration. #compressed

u/SophiaCristina

Stolen from here: https://www.a1k0n.net/2011/07/20/donut-math.…
u/Joachim

#d3 #torus

show FPS hide FPS share fullscreen

tomxor

remix of d/26087 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𬀽𭰽𜐲𞀻𬀼𜡥𝀻𚐨𭐾🠽𜐩🱛𦀬𦡝👛𦀪𛠸𚱚𚠮𝠬𦠪𛠸𛑘𚠮𝠬𠰫👓𚁘𛱵𚐪𭐯𞑝𞡸𛡦𪑬𫁒𩑣𭀨𚰫𬀥𭰬𬀯𭰬𜐬𛑃𚡰𛰶𩐳𛁸𛡦𪑬𫁓𭁹𫁥👒𚁃𚠷𚱓𚁃𚐪𞐬𠰪𝠬𠰼𜀿𬀯𜰲𞡃𚠵𚐬𭐽𜠳𞀬𠰽𜐴𛁘🐲𩐶𛱰𚠨𬀯𝠴𙐲𛐱𚐬𦠽𜡥𝠯𬀫𭀪𭐩`.replace(/u../g,'')))

Sep 11 2022 12:22 AM UTC

}// 140/140

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

Perspective Mountain Range

u/Joachim

Wooooooow! Best #d3 terrain yet!
u/tomxor

Teamwork ;D
u/SophiaCristina

Truly loved it!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/26065 by u/rodrigo.siqueira

function u(t) {

for(c.width=i=W=230;i--;)for(j=1;j<W;x.fillRect(i,j++-h,.2,h-20))x.fillStyle=R(h=((d=26*W/j)*S(A=i/W+t/3)&d*C(A)+t*60+t&31)*110/d,d,d*1.1)

Sep 9 2022 2:31 PM UTC

}// 138/140

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

Underwater pyramids #pyramid #d3

u/danny@hille.dk

You found Atlantis 👍
u/vain

Great! Reminds me a bit of "H-Immersion by Ctrl-Alt-Test" 👍
u/Qwitter

I feel like a guardian is about to curse me when I look at this one.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/26056 by u/rodrigo.siqueira

function u(t) {

for(c.width=i=W=220;i-=2;)for(j=1;j<W;x.fillRect(i,j++-h,2,h<53?h-53:h))x.fillStyle=R(h=((d=5e3/j)*S(A=i/W)&d*C(A)+t*40+t&30)*130/d,h*2,h*3)

Aug 30 2022 3: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).

Bitwise pyramid production line #pyramid #d3

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(i=s=311;--i;beginPath(fillStyle=`hsl(${i}rad 90%${99-i/2}%`))fill(arc(s*(A=S(a=i/99))*S(b=t+i)+960,220*(A*C(b)-C(a)+2),60*A,0,7))

May 23 2022 5: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).

#rainbow #sphere demake -- #d3 #shading #pbr

u/rh2

very cool

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

c.width=z=400;t?q-=p/z:q=p=0;onmousemove=e=>p=e.x-z;for(i=4e4;i--;x.fillRect(200+(i%z-99)*Y,99+Y*9+C(30/Y+t*9)*C(i%z/3-q)*Y*2,Y,Y/9))Y=i/2e3

May 9 2022 10:02 AM UTC

}// 140/140

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

Mountain Flyover - use the mouse to pan around

Show more comments…
u/GreyHope

#interactive #d3 #landscape
u/vain

great interactive #3d landscape fx
u/pavel

-1 q=t?q-p/z:p=0
u/neimad

wizardry
u/Qwitter

nice!!!
u/Qwitter

nice!!!
u/cantelope

reminiscent d/11420

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭁼𯀨𦠽𣑡𭁨𛡲𨑮𩁯𫐨𚐯𜠬𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐧𪑮𭡥𬡴𚀱𙰩𒡘🐹𝠰𚱃𚁔👴𛰵𚐪𤰨𤐽𭀪𦠩𚠸𜀰𛁙🐵𝀰𚱓𚁔𚐪𠰨𤐯𜰩𚠴𜀰𒡦𫱲𚁁🐰𞱁🀷𞱁𚰽𛠰𜐩𢠽𠰨𠐩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁋🐹𞐫𢠪𞐹𛁋𛁋𚐬𮀮𩡩𫁬𤡥𨱴𚁊𚠵𜀫𦀬𦐫𤰨𠐩𚠵𜀬𞀬𞀩`.replace(/u../g,'')))

Apr 30 2022 5:54 PM UTC

}// 136/140

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

Tubism

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23101 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛝚󛽷󚭔󚽳󛍔󟜱󚜩󩭯󬬨󨜽󪜥󭼯󝬴󛜱󛍙󟝚󟝢󟜱󛝩󛼷󩜳󛍘󟝴󚬳󜌬󬼽󚍢󚽡󚭡󚜯󜼻󚼫󦬼󭼦󚌶󛝓󚍚󟬳󜬦󜜶󟍘󙝷󙬦󦌯󞍞󦬯󞌩󚬪󜜲󚬶󜌾󦝼󯍔󯌨󬼽󤼨󦌦󦜦󦬩󚬳󛽚󛍡󟝢󟜱󛍔󟝚󛽷󚜩󞽙󛜽󨬩󦌫󟝡`.replace(/u../g,'')))

Apr 9 2022 7:21 PM UTC

}// 140/140

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

City Blocks 🌇

Show more comments…
u/taupelink

wow!!!
u/magna

Dude.
u/GreyHope

Awesome!
u/Joachim

Outstanding! #city #perspective #shadows #shadows #d3
u/jdspugh

Wow
u/vain

oh my god.... just incredible 3d city!
u/rep_movsd

#underrated Amazing
u/DaSpider

Next level
u/jellyedwards

Unbelievable!
u/aleamb

WTF!... fucking superb!
u/KilledByAPixel

thanks everyone! I put a lot of work and a little magic into this one. :)
u/vain

Good luck with your 256 byte compo entry @ revision. :) (saw it in livestream)
u/johntellsall

.....? Jaw dropped!!
u/UEZ

Hi KilledByAPixel, I saw your contribution on revision :-)
u/KilledByAPixel

thank you, the revision entry is a standalone 256 byte html file that is similar to this.
u/cantelope

insane
u/KilledByAPixel

webgl version https://www.shadertoy.com/view/7dccRj
u/DazeWare

Crazy
u/SophiaCristina

Truly amazing! Hey, wasn't that posted on Pouet? Or was one alike?

dwitter.net | #d3