Dweets awesomed by u/ETHproductions

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

TheYoungBard

remix of d/739 by u/donbright

function u(t) {

c.width=900;for(i=0;i<250;i++){x.fillRect(450+C(i*t/18)*i,250+S(i*t/18)*i,4,4)}

Aug 14 2019 1:08 PM UTC

}// 79/140

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

Psychadelic Effect

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/14542 by u/KilledByAPixel

function u(t) {

with(x)save(beginPath(font="85em'")),moveTo(j=1e3,540),clip(arc(j,540,2e3,q=t*6.3+9,q+.1)),restore(t>1||fillText("BROKE",29*S(q**3),j,1900))

Jun 12 2019 5:17 AM UTC

}// 140/140

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

Broke

Show more comments…
u/katkip

Awesomed!
u/d0n.key

Hey that's me!
u/joeytwiddle

Smashing!
u/13thptr

neat
u/aleamb

fucking awesome!
u/KilledByAPixel

Dissecting A Dweet: Breaking Broke https://frankforce.com/?p=6766

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;r=S(k=--i>>6)**2;x[i%64?'fillRect':'clearRect'](7-k/4,0,r,r))x.setTransform(99,0,0,42,960,32*k+(i%64*r||3)),x.rotate(3*t+k)

Jun 7 2019 6:27 AM UTC

}// 140/140

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

#box #tornado #d3

u/aleamb

amazing!
u/donbright

how the....
u/KilledByAPixel

❒
u/vain

hard to believe... top!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14444 by u/keithclark

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𞱦𫱲𚁯👛𪐽𜑥𜱝𞱩𛐭𞱯𦱩𧐽𦱃𚁡👩𚠵𛰲𚱴𛰲𚰹𚐪𠰨𪐩𛁓𚁡𚐪𠰨𪐩𛁩𧐩𞱦𫱲𚁛𦠬𦀬𪑝𫱦𘁯𛡳𫱲𭀨𚐩𦠭🐱𛠵𚱓𚁴𚐬𮠽𠰨𪐩𚠱𞐹𛱚𛁸𛡦𪑬𫁓𭁹𫁥👒𚁱🐭𦠪𞀹𛁱𛁱𚐬𦠾𜁼𯁸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𜐴𜀰𚡘𛱚𛀵𝐰𚰱𩐳𚡓𚁩𚐯𦠬𮠬𮠩`.replace(/u../g,'')))

Jun 5 2019 10:35 PM UTC

}// 140/140

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

Inside The Foggy Spiral

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵯㵛椽眽㤶そ㭩ⴭ㬩潛楝㵛㈮ㄫ䌨愽椫琯㤩⩃⡢㵩⨲〩ⱓ⡡⤪䌨戩ⱓ⡢⤬恨獬⠤筩紬㘹┬㔰╠崻景爨孚ⱘⱙⱸ⹦楬汓瑹汥嵯映漮獯牴⠩⹲敶敲獥⠩⥸⹦楬汒散琨眫眪堯娬㔴〫眪夯娬猽㔰⽚⽚ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 8 2019 7:09 AM UTC

}// 139/140

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

Depth demo

Show more comments…
u/pavel

181 for(c.width|=o=[i=w=960];i--;)o[i]=[2.1+C(a=i+t/9)*C(b=i*20),S(a)*C(b),S(b),`hsl(${i},69%,50%`];for([Z,X,Y,x.fillStyle]of o.sort().reverse())x.fillRect(w+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/pavel

Notice how the objects 'in front' are always drawn 'in front'
u/pavel

This requires a bunch more chars and is only needed when objects have unique colors, which requires more. It seems impossible to do this without compression.
u/pavel

Pretty simple technique, when generating the 3d points instead of directly drawing them, store them in an array, sort it by depth back to front, then draw.
u/keithclark

175. Removed need for reverse() by reversing the projection (far points are painted near and vice-versa): for(c.width|=o=[i=w=960];i--;)o[i]=[C(a=i-t/9)*C(b=i*20),S(a)*C(b),S(b),hsl(${i},69%,50%];for([Z,X,Y,x.fillStyle]of o.sort())x.fillRect(w+w*X/(j=2.1-Z),540+w*Y/j,s=50/j/j,s)
u/keithclark

158 - for(c.width|=o=[i=w=708];i--;o[i]=[C(a=i+t)*C(b=i*20),S(a)*C(b),S(b),R(a)]);for([Z,X,Y,x.fillStyle]of o.sort())Z-=2,x.fillRect(960+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/Joachim

#d3 #ball

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`琿琪㴶〺漽⡡㵮敷⁁畤楯䍯湴數琩⹣牥慴敏獣楬污瑯爨⤻焽漮晲敱略湣礮癡汵攽⡴♴㰼㑞琩┸㤷㭸⹦楬汓瑹汥㵒⡱┲㔵ⰰⱱ⼳⤻砮晩汬剥捴⡴┲〴㠭焯㈬焬稽琿焺㉥㌬稩㭯⹣潮湥捴⡡⹤敳瑩湡瑩潮⤻漮獴慲琨⤻`.replace(/u(..)/g,"$1%")))

May 6 2019 6:38 PM UTC

}// 140/140

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

Demo In a Dweet with Music & Graphics! You might need to click the window to start the audio.

Show more comments…
u/KilledByAPixel

The music slowly changes over time and will not stop on its own. This is a new idea combining the oscillator setup with byte beat music to allow for enough space to write graphics code!
u/KilledByAPixel

uncompressed... t?t*=60:o=(a=new AudioContext).createOscillator();q=o.frequency.value=(t&t<<4^t)%897;x.fillStyle=R(q%255,0,q/3);x.fillRect(t%2048-q/2,q,z=t?q:2e3,z);o.connect(a.destination);o.start();
u/KilledByAPixel

Works in Firefox!
u/magna

Awesome!
u/hvianna

Wow! Sounds like opera!
u/username

ffs take this down, this damaged my hearing
u/metamero

#audiovisual
u/KilledByAPixel

Sorry username, I know it is loud and may play automatically in firefox! (even though it shouldn't) I won't be posting any more music for a while so you are safe (for now).
u/albertmelo

You saying that those kanji chars are compressed code?
u/albertmelo

OMG that's so nice!
u/13thptr

Nice
u/iverjo

Very good :) #audio #compressed
u/katkip

MY SPEAKERS EXPLODED WITH SUB BASS AND MADE MY HOUSE VIBRATE
u/katkip

Sounds so good tho sorry for caps
u/pavel

Yeah my sub shook my windows and I freaked out
u/KilledByAPixel

It was worth it! btw I just released a 1k javascript demo album of similar music at http://minbytes.3d2k.com
u/KilledByAPixel

I posted another Dweet where you can make your own equation! https://www.dwitter.net/d/13670
u/KilledByAPixel

#music YouTube version - https://www.youtube.com/watch?v=qWW868WKiWs

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`琿挮睩摴桼㴰㨨䔽㔰ⱘ㵙㴵㌰ⱁ㴷ⱂ㴴ⱄ㵛崩㭆㴨圬娩㴾⡊㵄孇㴨圯䕼〩⭚ⵚ╅崬䑛䝝㴱ⱊ籼ⴱ⤻硛昽❦楬汒散琧崨堫㵁⨽䘨堫䄬天ⱙ⬽䈪㵆⡘ⱙ⭂⤬㤬㤩㭦潲⡩㴰㭩㰲攳㬩硛晝⡩╅⩅Ⱪ⵩╅Ⱑ䑛椫⭝⩅ⱅ⤻`.replace(/u(..)/g,"$1%")))

Apr 26 2019 7: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).

#Breakout tribute

Show more comments…
u/pavel

Nice!
u/Jezza

This is so satisfying. Brilliant!
u/aleamb

great! relaxing
u/katkip

How
u/KilledByAPixel

See pavel's uncompressed version, it is much cleverer.
u/katkip

#compressed

show FPS hide FPS share fullscreen

vinca

function u(t) {

eval(unescape(escape`景爨瑼簨夽〬挮睩摴栽ㅥ㌩ⱘ㴱攳㭘ⴭ㭸⹦楬汒散琨堬夬ㄬ匨湼堯㉼夯㈩⤩景爨渽〬爽⡘⴨搽㔰〩⤯搬䤽⡙ⴲ㔰⤯㈵〻渼㌰♲⩲⭉⩉㰴㭮⬫⥡㵲⩲ⵉ⩉⴮ㄱⱢ㴲⩲⩉⬮㘸Ⱳ㵡ⱉ㵢ⱸ⹦楬汓瑹汥㵒⡮⨹Ɱ⩴⤻夫⬻`.replace(/u(..)/g,"$1%")))

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

u/Xen

love it!
u/metamero

beautiful
u/katkip

no way
u/katkip

#genius
u/katkip

but #compressed

show FPS hide FPS share fullscreen

katkip

remix of d/13448 by u/katkip

function u(t) {

t||(x.translate(960,540));x.fillStyle=`hsl(${(t|0)*100+t*99} 99%50%)`,x.fillRect(10,10,2e3,500/(t|0));x.rotate(3.1415*2/(t|0));throw(t|0)

Apr 25 2019 10:58 AM UTC

}// 137/140

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

Counting with rects

show FPS hide FPS share fullscreen

Jezza

remix of d/13386 by u/KilledByAPixel

function u(t) {

for(c.width|=X=i=0;i++<255;x.fillStyle=R(i,255-i,255),x.fillRect(960+950*X,540+530*Y,10,10))Y=X,X=S(X+S(i)-t)

Apr 25 2019 7:03 AM UTC

}// 109/140

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

dwitter.net | ETHproductions (6684)