New #twister 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 fullscreen

lewdev

remix of d/31978 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:9vw>',i=20;i--;)h+=`<p style=transform:rotateY(${7*C(i/20+t)}rad);font:5vh'>${x+x}`
document.body.innerHTML=h

Jul 6 2024 1:52 AM UTC

}// 139/140

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

#text #perspective #twister works in fullscreen

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/27279 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:99vw>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${x+x}</div>`
document.body.innerHTML=h

Jun 9 2024 3: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).

#text #perspective #twister fixes

u/cantelope

neat
u/lewdev

What the heck is perspective? This is so cool! I changed its value to 30vw which made the effect a lot more dramatic 😁

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/27271 by u/joeytwiddle

function u(t) {

for(h='<i style=perspective:400px>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${c+c}</div>`
document.body.innerHTML=h

Mar 26 2023 6:59 PM UTC

}// 139/140

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

#text #perspective #twister

u/joeytwiddle

If you keep seeing 0s, try x+x instead of c+c
u/joeytwiddle

Oops! Chrome, Opera and Brave require <div> instead of <i>

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/25089 by u/danny@hille.dk

function u(t) {

for(d=S(t/7)*6,w=i=c.width=800+40*d|0;i--;)x.fillText(code[i%131],w/5-S(t/4+i/(99-d/9)*d/9)*w/9+S(t+i)*(99-i**.7)/(i+99)*200+w/3,i)

Mar 17 2022 4:13 PM UTC

}// 131/140

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

Code tornado remix - #quine #twister

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20135 by u/danny@hille.dk

function u(t) {

f=i=>S(t+y/255*C(t)+i*1.57)*120;for(y=c.width|=0;y--;)for(i=4;i--;)n=f(i),m=f(i+1),n<m&&x.fillRect(n+f(y/255)+940,y,k=m-n,(i%2?k:99-k)/120)

Sep 3 2021 12: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).

Twisted metal remix #uncompressed

u/danny@hille.dk

This is a personal thing!!! Twister2d is one of my favorite old school effects, it's also one of the first things i tried to golf to fit into a dweet (and I failed miserably :-)) I have retried tried (and failed) a couple of times, but this is the first time i actually managed to get the damn thing to fit without compression. I had to scarifice colors to maintin an interesting animation. Perhaps I'll get it next time :-) #twister #twister2d
u/New_Core

it look great...
u/DataMeta

beautiful #grayscale

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`景爨呗㵉㴾匨琪㌫爫䤪ㄮ㘩⨶〬挮睩摴栽礽㜰〻搽呗⡲㵹⼲㔵⤬礭㴲㬩景爨椽㐻渽呗⡩⤬洽呗⡩⬱⤬戽㈵㔪⡭⵮⤯㜰ⱸ⹦楬汓瑹汥㵒⡩┲㼰㩢ⰰⱩ┲☦戩Ⱪⴭ㬩渼洦♸⹦楬汒散琨渫搫㌵〬礬洭測㈩`.replace(/u(..)/g,"$1%")))

Sep 29 2020 2:59 PM UTC

}// 134/140

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

Nothing new, it has all been done before. I just had to try again :-) #twister for(TW=I=>S(t*3+r+I*1.6)*60,c.width=y=700;d=TW(r=y/255),y-=2;)for(i=4;n=TW(i),m=TW(i+1),b=255*(m-n)/70,x.fillStyle=R(i%2?0:b,0,i%2&&b),i--;)n<m&&x.fillRect(n+d+350,y,m-n,2)

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

for(c.width^=i=0;i++<210;)for(j=0;j++<7;x.fillStyle=`#f`+j*15)x.fillRect(i*9,540-S(a=t-i/80*C(t+i/69)+j*.89)*230,9,Math.max(210*S(a-1.1),0))

Nov 25 2019 7: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).

an attempt at something like a twister

Show more comments…
u/Xen

mmmmm tasty!
u/tomxor

my exact thoughts #marshmallow
u/katkip

twisted icecream
u/Xen

#flump
u/joeytwiddle

That's a very juicy #twister!
u/cyhawk

I teach 9-year-olds programming and used a tidied up version of this to show them how to figure out how something works. They loved it! Thanks! I've added a bit of gap between the strands to make it easier to understand, and I think it looks good. Like Math.max(180*S(a-1.2),0).
u/rnbw

wow, i would have never thought that my recreational programming would be used for educational purposes. glad i was able to help those kids out on their journeys!
u/danny@hille.dk

Just saw this, nice code man! Save 11 b like this: for(c.width=i=300;i--;)for(j=8;j--;x.fillStyle=#f+j*15)x.fillRect(i,99-S(a=t-i/80*C(t+i/99)+j*.9)*40,1,Math.max(40*S(a-1.1),0))

show FPS hide FPS share 1 remix fullscreen

jviide

function u(t) {

c.width=384
for(k=i=0;i<4752;i++)j=i%22,u=60*C(j/1.74+2*t+S(i/900)),x.fillStyle=j%2?"#00d":"#0f8",k>u&&x.fillRect(192+u,i/22,k-u,1),k=u

Mar 26 2019 8:24 PM UTC

}// 136/140

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

Embossed spinner

u/DataMeta

Great first dweet! Welcome
u/aleamb

yeah, amazing!
u/lionleaf

That's a #twister with a really great #texture
u/Xen

love it
u/durian-favored-monster

nice

show FPS hide FPS share fullscreen

pavel

remix of d/12693 by u/danny@hille.dk

function u(t) {

for(i=c.width|=p=240;i--;e>0&&x.fillRect(q+i%5*500,i-p,e,20))q=S(a=3*S(t/2)+i*.3146)*p,e=C(a)*p-q,x.fillStyle=`hsl(${i*90},99%,${8*e**.3}%`

Mar 9 2019 3:54 AM UTC

}// 139/140

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

u/katkip

This looks so much like a WebGL dweet but it isn't.
u/joeytwiddle

#twister

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵹㵰㴴〰Ɽ㵓⡴⤬愽搫瀻礭ⴻ⥦潲⡫㵹⽡ⱬ㵫⩤⭰⩃⡫⭤⤬椽㐻椭ⴻ焼儦☨攽㈪⡑⵱⤬砮晩汬却祬攽刨椥㈦♥ⰰⱩ┲㼰㩥⤬砮晩汬剥捴⡱⭬⭰ⰳ⩹ⱑ⵱ⰵ⤩⥱㵓⡤⬱⸵⩩⤪瀬儽匨搫⡩⬱⤥㐪ㄮ㔩⩰`.replace(/u(..)/g,"$1%")))

Mar 8 2019 6:59 PM UTC

}// 140/140

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

almost happy with this :-/

u/Xen

looks good
u/pavel

It looks like you rediscovered something like d/1278. Very cool effect.
u/danny@hille.dk

Actually his code is way more elegant than mine:-) I had no intentions of copycatting :-(
u/joeytwiddle

#twister

dwitter.net | #twister