Random 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

katkip

function u(t) {

c.width^=0;for(i=1000+(900*S(t))|0;i--;)x.fillRect(960+C(i+t/9)*i*S(i*2)/3,540+S(i+t/2)*i*C(i*2+3.14/2+C(t)/2)/3,9-i/99,9-i/99)

Mar 1 2019 8:09 PM UTC

}// 127/140

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

#d3 #galaxy another one

show FPS hide FPS share fullscreen

f8f82804

remix of d/9486 by u/f8f82804

function u(t) {

x.drawImage(c,-15,-9.2,1950,1098);x.font=99*(1+t%1)+'px a';m=x.measureText(s='🛤');x.fillText(s,960-m.width/2,530+m.width/2)

Aug 28 2018 7:31 PM UTC

}// 123/140

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

u/joeytwiddle

Wow! Great effect. :D
u/katkip

Nothing on Chrome :( The emote is different
u/magna

NICE!
u/f8f82804

u/katkip: this only works on some of my systems, but all the ones with a color font for this point seem to work well

show FPS hide FPS share 1 remix fullscreen

larzuk

function u(t) {

c.width=w=200;for(i=0;++i<w;)for(p=g=0;p++<3;)for(j=0;++j<6;)g+=T(t/5+p*20+i/j),x.fillStyle=R(0,0,255,.5),x.fillRect(i,p*30-60+g,1,p)

Oct 12 2019 7:26 PM UTC

}// 134/140

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

Window on Rainy day

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/33264 by u/tzador

function u(t) {

for(N=i=3e4;i--;x.fillRect(960+X*400/Z,540+Y*400/Z,w=.4/Z+Y*Y%1,w*(t<8)))
X=(S(i*N)*N+S(t*i*i)*2)%9,Y=((i*N)*N/t/99)%9-4,Z=2-1.8/(1+X*X+Y*Y)

Feb 9 2025 3:42 PM UTC

}// 140/140

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

Compression

u/tzador

Very very nice ))
u/tzador

Could you explain how you achieve this wayve gradient pattern?
u/rodrigo.siqueira

About the horizontal lines around the circle: u/tzador, in your original code if you change Y=...%9-4 for Y=.../400-4 then you will see parallel horizontal lines around the circle in middle. In my case, the lines around appear by using %1 here w=...+Y*Y%1
u/rodrigo.siqueira

About the gradient: It's given here by using "Y" values to pixel size (w). if you change to w=.4/Z+Y then you will see a strong and simple "Y" gradient. If you try w=.4/Z+X then you will see vertical instead of horizontal gradient. Then the %1 will "break the gradient" in multiple gradients of "width 1"
u/tzador

Thank you, will try it out in the next one ))

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

Sny_de_Treves

function u(t) {

for(c.width|=i=50,S=Math.sin;i--;)for(j=50;j--;)x.arc(960,540,200*(S(t)/2+2)*(S(i)+1),(t%2)+j,(S(t)+1)*i+j);x.stroke()

Feb 20 2020 11:44 PM UTC

}// 118/140

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

#psychedelic

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/17007 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐳𜀰𛁸𛡴𬡡𫡳𫁡𭁥𚀹𞀰𛀹𚐻𪐭𛐻𮀮𩡩𫁬𥁥𮁴𚁲🱠𧱟𧰤𮱡𙐴𜰾𞐿𙱟𙰺𙰠𘀧𯑟𧱟𨀺𙱜𭐲𝑂𜠧𛁲🰭𜐹𞡓𚁡𚡡𚠱𞐹𚐪𝀹𛀸𚐩𮀮𬱣𨑬𩐨𜐮𜀲𛀱𛠰𜠴𚐬𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱩𚰨𚁲🐨𨐽𪐫𭀪𝠰𯀰𚐥𞐡🐰𚐫𭁼𜀩𚠶𜁽𘀶𞐥𝀰𙑠`.replace(/u../g,'')))

Feb 18 2020 8: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).

Play Hue Jumper! - https://killedbyapixel.itch.io/hue-jumper

Show more comments…
u/KilledByAPixel

My #2kPlus jam entry. The entire game in #JavaScript is under 2048 bytes when zipped!
u/andrea270872

wow... I have to look into this 2kplus competition
u/rodrigo.siqueira

The game is great! Sound effects could also be generated in pure JS.
u/KilledByAPixel

Thank you! I released a tiny JS sound effect generator that I use for all my stuff. But couldn't fit it in this. https://github.com/KilledByAPixel/ZzFX
u/rodrigo.siqueira

Great JS sound effect library!! I'm playing a lot with it. If you put a Math.ceil around your main frequency (Math.cos), it will convert to square wave and sound like 8bit videogames. See here how it sounds: https://js.do/rsiqueira/audio-zzfx-square-wa…
u/rodrigo.siqueira

May be a small improvement that would bring good results would be to have "exponetial decay" option. And some sounds should not have decay (I implemented a simple decay_flag, if 0 there is no decay). Or may be it can be more generic, using the ADSR envelope model (Attack, Decay, Sustain, Release variables). I'm also trying to play a sequence of notes but the setTimeout for each sound/note does not bring reliable results.
u/KilledByAPixel

thanks rodrigo, i am planning on working on it more and adding a few more params, I want to keep it simple so still deciding!
u/rodrigo.siqueira

This #road game is featured in Hacker News (today's top): https://news.ycombinator.com/item?id=22524287

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/17768 by u/tomxor

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󪝮󫭥󬭗󪝤󭍨󒭴󟽯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󮽘󟝥󛭸󛍙󟝥󛭹󯜺󦌽󦜽󠜽󠬽󜜵󜌊󩭯󬬨󪜽󜽥󜼻󪜭󛜻󚍩󚽴󚬶󜌩󙜹󞜼󜜿󭝛󪝝󟝛󦌭󠜫󤼨󪜩󚭩󙜹󛍙󛝂󚽃󚍩󚜪󪜥󞜬󦌬󦝝󞭭󙬦󮌮󩭩󫍬󤭥󨽴󚍭󦼲󧜫󟝭󦼰󧜯󝌬󫝛󜽝󚼽󚍭󦼱󧜫󟜮󝬩󛼴󛌲󛌲󚜩󫜽󭝛󪝝󒭁󟝘󛍂󟝙`.replace(/u../g,'')))

May 27 2025 2:46 PM UTC

}// 139/140

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

Particles ✨ #interactive

u/thenize

your awesome man

show FPS hide FPS share fullscreen

katkip

remix of d/11584 by u/katkip

function u(t) {

eval(unescape(escape`挮睩摴桞㴰㭦㴨愬戬挩㴾筩昨挾㌩砮晩汬剥捴⡡ⱢⱣⱣ⤬昨愭挪䌨琩Ɫⵣ⩓⡴⤬振㈬振㈩ⱦ⡡⭣⼲⩃⡴⤬戫挪匨琩Ᵽ⼲Ᵽ⼲⤬昨愭振㈪匨琩Ɫⵣ⼲⩃⡴⤬振㈬振㈩ⱦ⡡⭣Ɫⵣ⼲Ᵽ⼲Ᵽ⼲⥽㭦⠸㐰ⰵ㤰ⰲ㔰⤻`.replace(/u(..)/g,"$1%")))

Dec 30 2018 9:57 AM UTC

}// 138/140

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

I love #recursion , #recursive #sierpinski #d3 c.width^=0;f=(a,b,c)=>{if(c>3)x.fillRect(a,b,c,c),f(a-c*C(t),b-c*S(t),c/2,c/2),f(a+c/2*C(t),b+c*S(t),c/2,c/2),f(a-c/2*S(t),b-c/2*C(t),c/2,c/2),f(a+c,b-c/2,c/2,c/2)};f(840,590,250)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0;for(i=40;i--;)a=i*50,x.translate(d=960,e=540),x.rotate(S(t)/50),x.lineWidth=10,x.translate(-d,-e/1.05),x.strokeRect(d-a/2,-e,a,a)

May 7 2017 1:25 PM UTC

}// 140/140

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

u/MrM@_S

move the a=i*50 into the for loop to save a byte
u/dwitter

not sure if it's a twisting pyramid or a moving hole
u/includeRubiks

so cool!!!!!!!!!