New 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

rodrigo.siqueira

remix of d/17554 by u/rodrigo.siqueira

function u(t) {

for(k=99,c.width=i=-7;++i<9;R=a=>x.lineTo(k+a*k/(z=j-t*5%1),k*S(j+t*5&a|9)/z-50*C(t)+k))for(j=k;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Feb 11 2020 3: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).

#wireframe landscape flight simulation #d3 based on u/jylikangas' code

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.width|=0
for(k=(t%18)**3,i=0;i++<144;x.beginPath()){
x.arc(900+S(i%6+t/6)*k,500+C(i%6+t/6)*k,((t%18+i/144)*.5)**4,0,7)
x.stroke()}

Feb 11 2020 2:38 PM UTC

}// 132/140

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

"growing thru v2" #growth

u/Xen

love it!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/17561 by u/pavel

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐢𨡬𭑲𚀱𭡨𚑳𩑰𪑡𚀩𪑮𭡥𬡴𚀱𘠻𭱩𭁨𚁸𚑦𫱲𚁣𛡷𪑤𭁨𯀽𪠽𜠱𛁬𪑮𩑗𪑤𭁨🐲𛁳𨱡𫁥𚀵𛀵𚐻𪠭𛐻𚑦𫱲𚁩🐲𝠻𪐭𛐻𫁩𫡥𢡯𪑮🐢𬡯𭑮𩀢𚑡𬡣𚀱𞐲𛀱𜀸𛀱𛠳𚠪𚁲👪𚱩𙐲𚱴𙐲𚐬𨐽𚁩𚱪𚐥𜠴𛰳𛠸𜐹𝰫𠰨𬠩𛰲𛁡𚐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Feb 11 2020 8:11 AM UTC

}// 140/140

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

jylikangas treatment ;)

u/jylikangas

I was so happy to come up with that trick but even happier now to see it repeated. I found it when I wanted to emulate the appearance of a Vectrex console.
u/KilledByAPixel

the best tricks are often the simplest

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(c.width|=j=21,x.scale(5,5),x.lineJoin="round";j--;)for(i=26;i--;)x.arc(192,108,1.3**(r=j+i%2+t%2),a=(i+j)%24/3.8197+C(r)/2,a);x.stroke()

Feb 11 2020 7:29 AM UTC

}// 140/140

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

Creeping

u/katkip

kind #tunnel
u/Yogeshp3

source of mathematics?
u/cantelope

source: pavel
u/pavel

I was inspired by https://twitter.com/beesandbombs/status/1221… I wanted to see if I could draw it with one stroke. Then I just started playing around. +C(r)/2 does most of the work here, if you delete it you can see the reference shape.
u/pavel

%24 is only there to avoid a bug in Safari from angle being too big on arc. /3.8197 is short for *Math.PI/12

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=p=1.047,x.scale(9,9);i--;x.lineTo(47+f(C),f(S)))f=g=>60+56*g(a=~~t*p+i/300)-(i<3)*32*(g(b=2*a-t*p+p/2)-g(2*p*i+b));x.stroke()

Feb 11 2020 6:37 AM UTC

}// 140/140

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

Walking around

u/pavel

One of those things that's difficult to get into 140 chars but doesn't look so impressive hah.
u/pavel

Note that this is done with one stroke. The drawing starts and ends from the point that touches the circle, which changes throughout the animation.
u/pavel

You can see it if you change i/300 to i/310

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/16102 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩🐷𞐬𩡯𫡴🐧𜠵𩑭𘠧𛁴🱔👲🐾𬠪𞀪𣑡𭁨𛡲𨑮𩁯𫐨𚐺𩡩𫁬𥁥𮁴𚀧𡱒𣱗𥁈𙰬𝠰𛀷𜀰𚐻𪐭𛐻𚑦𪑬𫁓𭁹𫁥👒𚁩𛁩𚠳𚐬𩱥𭁉𫑡𩱥𡁡𭁡𚁘👔𚀲𝀰𚐬𦐽𥀨𜠰𜀩𛀱𛀱𚐮𩁡𭁡𦰳𧐦𙡙🀷𝐰𛑴𚠷𙠦𩡩𫁬𤡥𨱴𚁘𚱔𚀲𚐭𜐴𛁙𚱔𚀲𚐭𜐹𛀹𛀹𚐻`.replace(/u../g,'')))

Feb 11 2020 6:36 AM UTC

}// 140/140

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

#growth

show FPS hide FPS share fullscreen

souldzin

function u(t) {

with(x){
x.z=x.z||(m=0)||(c.onmousemove=e=>(m=e.clientY))
f=c.width=256
w=10
fillText('🚀',w,m/2)
j=t%1*f
y=S(t|0)*100
fillRect(f-j,y,w,w)}

Feb 10 2020 11:42 PM UTC

}// 138/140

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

Mouse Game v0.1

u/souldzin

Let me know if adding event listeners is frowned upon... I'm just experimenting :)
u/Xen

very nice! click 'about' and join the dwitter discord, could golf this and add a kill screen ;-)

show FPS hide FPS share fullscreen

souldzin

function u(t) {

c.width+=0
s=30
for(i=0;i<50;){
ti=t*i++/s*2
l=(ti%1)*s*s
r=(ti|0)/2
x.fillStyle=R(s,0,s,ti%1)
x.fillRect(955+l*S(r),540+l*C(r),s,s)
}

Feb 10 2020 9:20 PM UTC

}// 134/140

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

Particles v0.1

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

x.strokeStyle='#2615'
x.lineWidth=.1
for(i=480;i-->0;x.beginPath()){x.arc(i%30*65+C(t),20+i*2.2,((t+i**.33)%6)**2,0,7);x.stroke()}

Feb 10 2020 7:29 PM UTC

}// 130/140

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

Petri Dish growth v0.6

u/andrea270872

Wrong caption... :( Petri Dish growth 0.7 (green alga wall)
u/Xen

#growth nice style!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17550 by u/jylikangas

function u(t) {

for(k=99,c.width=i=-8;++i<7;R=a=>x.lineTo(k+a*k/(z=j-t*5%1),k+(k*S(j+t*5&a|9)-a**4)/z))for(j=k;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Feb 10 2020 7:20 PM UTC

}// 139/140

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

Simplified version of u/jylikangas' grid mountains (landscape valley) #uncompressed #d3 #wireframe