Dweets awesomed by u/yokljo

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

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d/.9-1150,s=47-d*2e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+3,C(θ)*a+5)/3e3

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share 1 remix fullscreen

stellartux

function u(t) {

c.width^=0
v=99,z=999
x.font='128px a'
x.translate(z,v)
for(i=0;i<z;i+=v)for(j=v;j<z;j+=v){x.rotate(C(z))
x.fillText('🥝',i,j+v*S(t+i*v))}

Jan 9 2019 7:59 AM UTC

}// 137/140

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

Floating in the kiwi dimension

u/metamero

it works in mozilla (chrome won't)
u/joeytwiddle

Working here in Chrome for Linux. May just be the emoji set?
u/f8f82804

#emoji

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0
x.fillStyle='#3ad3'
for(i=-1;i++<8;)x.fill(x.arc(960+S(t+i*.9)*500*(j=Math.min(i,1)),j*400+C(t+i*.9)*129*j+300,0,0,0))

Jan 7 2019 4:48 PM UTC

}// 129/140

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

my first dweet of 2019 :D

Show more comments…
u/rnbw

(in which i learned heptagons are surprisingly efficient - tau/7 can be rounded and shortened to 2 characters!)
u/DataMeta

Very nice!
u/lionleaf

#diamond -looking
u/lionleaf

Clean and nice #gem
u/joeytwiddle

Nice! #model is how I tag 3d objects/shapes
u/f8f82804

#d3

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q*q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q

Dec 31 2018 9:44 PM UTC

}// 140/140

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

New Year Fireworks

Show more comments…
u/13thptr

elegant :)
u/keithclark

change S(i*.2)*i*q for S(i*t>>4)*i*q for varying firework effects (2 chars over the limit tho)
u/katkip

haha i like the variation
u/JWinslow23

If q will only ever be 0 or 1 (t%2), couldn't this just be for(x.fillRect(x.globalAlpha=.2,q=t%2,2e3,2e3),i=125;i--;x.clearRect(S(t|1)*760+S(i)*v+960,(q/2-C(i))*v+380,l=6-q*3,l))v=q*200-S(i*.2)*i*q? That way, the variation also works.
u/keithclark

I opted for what I had because it held the initial shape in the sky for longer before gravity takes hold. Your version works and if you're happy to trade off the initial shape, you could also drop the \2 and save another 2 chars
u/keithclark

... also q can be any value between 0 and 1
u/JWinslow23

Ah, my mistake, I forgot about floats
u/lionleaf

Nice one! #nye #fireworks
u/iverjo

Beautiful!
u/vain

3... 2... 1... ignition... beautiful firework

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(i=130;i--;x.fill())r=Math.random()*500*S(t/2)+99,x.beginPath(),x.fillStyle=R(r,r/2,r/3,S(a=i*t)/30),x.arc(960+r*C(a),440+r*S(a),i/3,0,7)

Dec 30 2018 2:37 PM UTC

}// 140/140

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

was messing around with some code and stumbled on this erupt of black smoke.

u/katkip

Paint?
u/katkip

Nvm, vulcano

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/11571 by u/katkip

function u(t) {

x.strokeRect(0,0,1e3,1e3)
x.drawImage(c,C(t)*99,S(t)*99)
x.strokeStyle=`hsla(${t*99},50%,50%,.1)`
x.rotate(T(-t/2)/1e3)

Dec 28 2018 2:42 PM UTC

}// 119/140

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

u/katkip

Wow
u/jick

Portal to the Venetian blinds dimension...

show FPS hide FPS share fullscreen

13thptr

function u(t) {

c.width=w=400;x.fillText(x.font=m="17px Hello",0,19)
x.getImageData(0,0,w,j=99).data.map((e,i)=>e&&x.fillRect(j*C(i%w*.016-t)+j,i/w,3,3))

Dec 28 2018 11:13 AM UTC

}// 137/140

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

Somewhat ambiguous because of implicit orthographic projection

u/13thptr

(first dweet :D)
u/13thptr

add |0 after i/w for a more solid look
u/lionleaf

Nice! Glad to see you make a first dweet :D
u/jylikangas

Welcome! Very nice 1st Dweet! Golfed to 131b -> c.width=w=400; with(x)getImageData(fillText(font="17px Hello",0,19),0,w,j=99).data.map((e,i)=>e&&fillRect(j*C(i%w/63-t)+j,i/w,3,3))
u/13thptr

thanks for the nice comments ! u/jylikangas cool tricks but it seems like inlining fillText in getImageData won't work in FF :(

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width=480,x.rotate(X=Y=q=.785),r=6;r--;X+=f(0),Y+=f(2))R=1<<r,x.strokeRect(X+265-R,Y-74-R,2*R,2*R),f=n=>R*Math.atan(16*C(t+(n-r%2)*q))

Dec 23 2018 9:53 AM UTC

}// 140/140

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

Squares #beesandbombs

u/katkip

So smooth!

show FPS hide FPS share fullscreen

yokljo

function u(t) {

n=[16,22,23,33,34,36,37,57,61,66,68,79,80,86]
s=78
for(b=i=255;i--;x.fillRect(i%8*s,~~(i/8)*s,s,s))x.fillStyle=R(0,0,n.includes(i)?b=~b:b)

Dec 3 2018 4: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).

ZZT. Bonus points for making the background black and the face white, to look like the original.

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(i=1;i++<32;beginPath(fill()))for(j=8;j--;arc(X=960-C(t)*250,X/2,2e3/(i-t*8%2),a=133*j,a))fillStyle=R(v=i%2*64,i*9*S((t%7)**2),v)

Nov 27 2018 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).

There is a light at the end of a tunnel

dwitter.net | yokljo (12394)