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

robbyg

function u(t) {

s=t*42
with(x)t<5?(beginPath(),arc(960-s,540-s,420-s*2,0,7),fillStyle=`hsl(99,50%,${15+s/3}%)`,fill()):0

Jul 29 2019 8:57 PM UTC

}// 104/140

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

Ball?!

u/New_Core

=) in place of 0 in the end.. add : font="16cm'",fillText("❻",720,750)
u/katkip

^ kewl #sphere #lightness #light #d3

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14863 by u/KilledByAPixel

function u(t) {

c.width|=0
p=999/(2*Math.PI)
for(k=4;--k;)for(j=1e3;a=j--/p*3;)x.arc(960,540,k*129+50*S(j/p+a*k*k)*(S(k*a-t*4/k)/2+.5),a,a)
x.fill`evenodd`

Jul 28 2019 4:14 PM UTC

}// 139/140

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

Ring Weave Worms

u/katkip

looks 3d #d3

show FPS hide FPS share fullscreen

katkip

function u(t) {

z=c.style.background=R(130,190,198);for(i=99;i--;)x.fillStyle=R(-z,128-z/2,0),x.fillRect(i*20,300+t*t*9+(z=S(t-i/9*S(t-i/99))*99),20,99)

Jul 22 2019 1:09 PM UTC

}// 136/140

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

Simple landscape terrain. #landscape #d3 #perspective #realistic #generator #waitforit

u/13thptr

nice
u/Xen

very smooth
u/katkip

thx

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.style.background=R();for(i=56;i--;)x.fillStyle=i%2==(4*t|0)%2?R():"#fff",x.fillRect(i*34,565,34,5);x.drawImage(c,-20+S(t)*3,-15,1960,1110)

Jul 21 2019 7:38 PM UTC

}// 140/140

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

Walking into a witch's wonderland trap. Mahou Shoujo Madoka★Magica Reference

u/katkip

Also Temple of Solomon floor pattern.
u/katkip

#infinite #loop #land #perspective #d3
u/Xen

love it!
u/13thptr

#checkerboard

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𫀽𨰮𭱩𩁴𪁼👴𙐽𝀻𫀭𛐻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀵𜀬𫰿𝐰𞠱𩐳𚐩𪐽𫀥𜰬𪠽𫀯𜰦𜐵𛁫👬𛰴𞀦𜐵𛁸𛡦𪑬𫁓𭁹𫁥👒𚁩𚰱🀼𝠩𛁸𛡳𩑴𥁲𨑮𬱦𫱲𫐨𪐭𜑼𜐬𛐮𝐬𫰽𛑩𙐲𛀱𚱯𚠱𛠵𛀵𜀪𚀱𞐫𪰭𪠩𛀲𝐪𚀳𞀫𜠪𭀭𪰭𪠭𞀯𚀱𚰲𚠪𚀴𝐭𪰭𪠭𭀪𜐵𚐩𚐩`.replace(/u../g,'')))

Jul 13 2019 3:37 AM UTC

}// 138/140

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

Blocks (https://dribbble.com/shots/1783699-Blocks)

Show more comments…
u/pavel

190 for(l=c.width|=t%=4;l--;x.fillRect(0,0,50,o?50:1e3))i=l%3,j=l/3&15,k=l/48&15,x.fillStyle=R(i+1<<6),x.setTransform(i-1|1,-.5,o=-i%2,1+o*1.5,50*(19+k-j),25*(38+2*t-k-j-8/(1+2**(45-k-j-t*15))))
u/KilledByAPixel

👍
u/aleamb

wow!!
u/username

actual f
u/katkip

awesome #compressed
u/katkip

#d3 #loop

show FPS hide FPS share fullscreen

Xen

remix of d/14899 by u/nystrand

function u(t) {

for(i=c.width|=g=(o,a,b,z=a%b)=>n--?g(13*t/n-i*t%t,b*C(o)-a*S(o)+n,z,a*C(o)+b*S(o)):x.fillRect(a*z+++899,b*z+500,z/=3,z);i--;)g(i*9,n=9,i%t)

Jul 3 2019 3:10 PM UTC

}// 140/140

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

no idea lol

u/PorkToTheFuture

It doesn't seem to have a repeating pattern (unless I missed it.) I've not seen too m(any?) that do that.
u/Xen

#d3

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(i=c.width|=g=(o,a,b,z=a%b)=>n--?g(2*t/n+i%3,b*C(o)-a*S(o)-n,z,a*C(o)+b*S(o)):x.fillRect(a*(z+=40)+960,b*z+500,z-=24,z);i--;)g(i,n=6,i%7)

Jul 3 2019 12:40 PM UTC

}// 140/140

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

Show more comments…
u/Xen

love it!
u/katkip

hot
u/KilledByAPixel

👍
u/PorkToTheFuture

impossible
u/aleamb

great! superb! dude!
u/iverjo

#d3
u/vain

fucking kewl

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(c.width=w=i=2e3;i--;)
X=S(i*i),Y=S(i),ℵ=C(Math.atan2(X,Y)-t)*Math.hypot(X,Y),
K=w/2,x.fillRect(w*ℵ/(Z=4+C(t)+X*X-Y*Y)+K,w+K*(ℵ-6)/Z,7,8)

Jun 26 2019 7: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).

The Hyperbolic Paraboloid (z=x²-y²). The S(i*i) and S(i) are random number generators between -1 and +1. The atan2 and hypot are used to calculate 3d object rotation (Euler equations could also be used, as seen on /d/12086). Thanks to u/cantelope for the Tiny 3D Engine Tutorials: https://cantelope.org/tiny_3D/ and https://cantelope.org/3D/ #math #hypot #D3 #hyperbolic #surface

u/cantelope

:D
u/rodrigo.siqueira

There is an interesting fact that the Pringles potato chips are a truncated hyperbolic paraboloid. The strength of the shape helps to prevent them from breaking while stacked. The curvature of the shape improves resistance to tension and compression forces. Remember this next time you eat a hyperbolic paraboloid.

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/14726 by u/KilledByAPixel

function u(t) {

c.width|=X=Y=Z=1
for(i=2e3;i--;x.lineTo(960+(X*C(t)-Y*S(t))*43,1160-Z*23))Z+=(X*Y-Z)/39,X+=(Y-X)/11,Y+=X*(27-Z)/96
x.lineWidth=9
x.stroke()

Jun 25 2019 3:04 PM UTC

}// 139/140

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

3D #Lorenz Attractor 2

u/aleamb

#d3 #attractor
u/katkip

what is that rotation? clockwise or counter clockwise #illusion
u/katkip

not really 3D. the perspective is the save everywhere
u/katkip

it is 3D because the attractor is in space, but there is no perspective effect

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱣𛡯𫡭𫱵𬱥𫑯𭡥👥🐾𮱘👥𛡸𛁙👥𛡹𯐻𩡯𬠨𪐽𞐻𪐭𛐻𚑸𛡦𪑬𫁒𩑣𭀨𝐶𜀭𚁰🐨𦀭𜠸𞀩𚐪𚠳𛰳𩐴𚱩𚠨𜐰𜀭𚁯👍𨑴𪀮𨑢𬰨𬀯𞐩𚐩𛀴𜀰𛐨𬐽𦐪𚠳𛰱𩐵𚐫𫰬𝐰𛑯𛰹𛀲𜀰𚐻𮀮𩡩𫁬𤱴𮑬𩐽𙰣𨑡𨐧𛁸𛡦𪑬𫁒𩑣𭀨𜀬𝠰𜀭𬐬𜡥𜰬𜡥𜰩`.replace(/uD./g,'')))

Jun 19 2019 7:35 AM UTC

}// 139/140

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

#interactive #d3 3D Perspective #default! Move the cursor across the canvas for the 3D effect

u/katkip

the field of view is pretty weird i know
u/Xen

cool idea

dwitter.net | #D3