Dweets awesomed by u/souldzin

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 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

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

pavel

function u(t) {

for(i=c.width|=f=g=>22/7/(1+1e3**g(2*t+i%32/16));i--;x.fillText('dn',-6,3))x.setTransform(6,0,0,6,6*i+i%2*96,i%32*96-f(S)*61),x.rotate(f(C))

Feb 13 2020 8:21 AM UTC

}// 140/140

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

up / dn #beesandbombs

u/pavel

https://beesandbombs.tumblr.com/post/1674924…
u/pavel

Not quite the same due to golfing but still looks good I think
u/andrea270872

Amazing. I could swear that the letters are bending... which is impossible! Wow!
u/eduft15

Amazing!

show FPS hide FPS share 5 remixes fullscreen

New_Core

function u(t) {

c.style.filter=`blur(17px)contrast(2e3%)`
for(c.width|=i=11;i--;)x.fillRect(960+600*S(t+i),440+400*C(t+i/.6),200,200)

Feb 12 2020 4:46 PM UTC

}// 117/140

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

Aha.. so thats how the metabals was done ;)

Show more comments…
u/New_Core

*metaballs
u/New_Core

probably better use arc.. didnt check fullscreen before posting....
u/New_Core

about 60 px blur was ok for fullscreen here
u/KilledByAPixel

nice technique!
u/corruptio

you can just do c.filter right?
u/corruptio

oh nope, nevermind
u/joeytwiddle

#metaballs good job!
u/sigveseb

Contrast filter, that's clever!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/17562 by u/KilledByAPixel

function u(t) {

c.style.filter="blur(1vh)sepia()invert(";for(c.width=198,k=777;j=--k>>5;x.arc(99,56,r*r,a=(j+k%32)%30*.21+S(r)/2,a))r=j+k%2+t%2-2;x.stroke()

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

#uncompressed

u/KilledByAPixel

i knew you could do it 😉

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

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 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

dwitter.net | souldzin (1098)