Dweets awesomed by u/Layl

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

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 1 remix fullscreen

Layl

function u(t) {

x.strokeStyle='#7282'
x.fillStyle='#2041'
r=Math.random()
a=r*6.28
v=Math.random()*t*900
x.lineTo(960+C(a)*v,540+S(a)*v)
x.stroke()
x.fill()

Feb 18 2020 5:46 PM UTC

}// 140/140

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

Galaxy Filaments

u/joeytwiddle

Endless purple crystal growth

show FPS hide FPS share fullscreen

Layl

function u(t) {

w=1920;!t?0:x.fillRect(0,0,w,w);x.fillStyle='#00FFAA';x.fillRect((t*400)%w,540+(S(t*3))*99,9,9);x.fillStyle='#00000010';x.fillRect(0,0,w,w);

Feb 18 2020 5:17 PM UTC

}// 140/140

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

Wave2

u/rnbw

word of advice: when you're using the # format for colors, if you put only three or four digits it'll interpret as #RRGGBB(AA)
u/rnbw

that... wasn't supposed to be a tag. but ok!!
u/Layl

Thanks, i noticed that a bit later :)

show FPS hide FPS share fullscreen

Layl

function u(t) {

c.width=999;f=(a,t)=>{x.lineTo(499-a*S(a*t/2)*9,320-a*C(a*t/2)*9);x.fillStyle='#AF32140F';x.fill();for(i=-t;i<0;++i)a<t?f(a+1,t):a};f(0,t+9)

Feb 18 2020 3:30 PM UTC

}// 140/140

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

Rosebud2 #growth

show FPS hide FPS share fullscreen

souldzin

function u(t) {

w=c.width|=a=15
x.ellipse(e=w/2,b=e/2,b,b+b*C(t),0,0,7)
x.clip()
x.fillStyle='#090a'
for(i=-t;++i<b-t;)x.fillRect(e+S(i)*i,b+C(i/3)*i*2,a,a)

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

Galaxy Blink

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17650 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=~r;i++;x.fillStyle=R(0,Φ*30))x.fillRect(a+=S(Φ),b-=C(Φ),5,1);while(r>9)v(a,b,Φ+S(b)/2+.1,r*=.7)}
v(680,2e3,S(t)/9,600*t)

Feb 18 2020 1:09 AM UTC

}// 140/140

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

Tree #growth in my garden

u/Xen

looks realistic

show FPS hide FPS share fullscreen

Layl

function u(t) {

s=";x.bezierCurveTo(q,q,q,o,(i-6)*(C(t*i/9)*q),S(t)*o/i);";eval("q=250;o=150;c.width=q*2;for(i=1;i<9;++i){"+s+s+"x.moveTo(q,q)}x.stroke()")

Feb 17 2020 11:09 PM UTC

}// 139/140

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

Plant #growth

show FPS hide FPS share fullscreen

Layl

function u(t) {

w=960;if(!t){c.width=w}a=x.getImageData(0,t*60,w,1);d=a.data;for(i=0;i<w*4;i+=4)if((d[i-1]&1^d[i+3]&1)||!t)x.fillRect(i/4,t*60.0+1.0,1,1);

Feb 17 2020 6:32 PM UTC

}// 138/140

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

RuleX3 #growth

u/Xen

nicely! :-)
u/Xen

#sierpinski

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17654 by u/Cloud

function u(t) {

c.style.filter=`sepia()`
x.lineWidth=.03
for(i=4;i--;)p=1.6,a=i*p,b=a+C(t*2-p)/p,r=250*t,x.lineTo(S(b)*r+t*50,C(b)*r+540+S(t)*99),x.stroke()

Feb 17 2020 5:12 PM UTC

}// 140/140

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

Painted with a square

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/16264 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=~r;i++;x.fillStyle=R(0,Φ*30))x.fillRect(a+=S(Φ),b-=C(Φ),r/9,1);while(r>18)v(a,b,Φ+S(b)/2+.3,r*=.78)}
v(1e4*t,1550,t,470)

Feb 16 2020 9:43 PM UTC

}// 140/140

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

Forest #plant #tree #growth

dwitter.net | Layl (249)