Dweets awesomed by u/redactedhoptional

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

rodrigo.siqueira

remix of d/28088 by u/redactedhoptional

function u(t) {

t?a.frequency.value=S(t+C(t+S(t*8)*5)+S(t*9))*400:(a=(b=new AudioContext()).createOscillator()).connect(b.destination)
onclick=_=>a.start()

Jul 4 2023 4:10 PM UTC

}// 139/140

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

Dwitter's own language (click to hear)

u/NoName

the sound i make when i try to read japanese compressed code on dwitter:

show FPS hide FPS share 1 remix fullscreen

redactedhoptional

function u(t) {

eval(unescape(escape`𘑴🱡🐨𨠽𫡥𭰠𠑵𩁩𫱃𫱮𭁥𮁴𚀩𚐮𨱲𩑡𭁥𣱳𨱩𫁬𨑴𫱲𚀩𞠨𨐮𩡲𩑱𭑥𫡣𮐮𭡡𫁵𩐽𝀴𜀪𜠪𚠨𘠰𜠵𜠹𞐹𞐹𞐷𝰷𝰷𝰰𜠵𜠷𝰷𝰷𝰵𝐵𝐴𜠰𜠵𜠵𝐵𝐷𝰴𝀴𝀴𝀰𜀰𜀷𝰷𝰵𘡛𭀥𞀪𞁼𜁝𛰱𜠩𛁡𛡣𫱮𫡥𨱴𚁢𛡤𩑳𭁩𫡡𭁩𫱮𚐩𒡯𫡣𫁩𨱫👟🐾𨐮𬱴𨑲𭀨𚐊`.replace(/u../g,'')))

Jul 3 2023 9: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).

🕹 A full game in 140 characters!!!!!! 🕹 (Click to start)

Show more comments…
u/tomxor

I hate it. But also well done ;D
u/redactedhoptional

But it's never gonna let you down, how can you hate it?
u/magna

Tip: up up down down attack
u/NoName

woah is that a koala emoj in the script
u/NoName

how do i turn it off
u/384.cz

great

show FPS hide FPS share 2 remixes fullscreen

NeonStrawberry

function u(t) {

c.width+=0;for(i=0;i<510;i++){a=2-((t+i/256)%2);x.fillRect(960+C(t+i)*800*a,540+S(t+i)*400*a,30*a,30*a)}

Jul 3 2023 1:26 PM UTC

}// 104/140

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

The Vortex

u/tomxor

Welcome!
u/redactedhoptional

Nice, this is making me dizzy :P
u/jkeks

how to embed it to my site ?
u/rodrigo.siqueira

u/jkeks to embed in your site, click "share" and see the "embed" code.

show FPS hide FPS share fullscreen

taupelink

remix of d/28066 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽㌳㘻椭ⴻ砮晩汬⠩⥪㵩⨸㌫琯㈬夽椯㌥㜪㌶ⱸ⹢敧楮偡瑨⡸⹦楬汓瑹汥㵩┲㑼簶⵩┷㽒⡩┳〪㔬椯㘥㈹⨴ⱙⱓ⡪⤪⨲⼶⼸⨪琩㨧⍃䍃✩ⱸ⹡牣⡘㵩┱㠪ㄲ〬太㴵ⰴ㔰⩴⽴⨪琬樬樭㔩ⱸ⹬楮敔漨堬天`.replace(/u([^D].)/g,'$1%')))

Jun 28 2023 4:21 PM UTC

}// 140/140

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

d/28069

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/28051 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔`.replace(/u../g,'')))

Jun 28 2023 4:47 AM UTC

}// 140/140

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

Pseudo Global Illumination

Show more comments…
u/KilledByAPixel

wow!
u/UEZ

brutal
u/Joachim

:O
u/vain

OMFG!!! Absolutly incredible. A "making of" or "how is it done" would be really nice. Awesome work you did!
u/tomxor

Thanks guys :) I have time to outline the pseudo radiance/GI concept at least: Each pixel's ray reflects once after the 1st intersection with the scene. All rays reflect in the same pre-defined direction, in parallel with each other, and roughly towards the light source but not collinear with it i.e not directly in line. The distance between the 2nd intersection (reflected ray end position) and the light source position, is used to estimate luminance.
u/tomxor

This is not physically accurate or intuitive, but is similar in concept to ambient occlusion where single bounce rays are used to estimate luminance based on "exposure" to ambient light. However unlike AC we can only afford a single ray, so we take that single ray and bounce it in a *similar* direction to the light source and see what we hit (what occludes the ray in that direction, which is why we get directional shading). The closer the 2nd intersection is to the light source the greater the luminance should be as a kind of bad proxy of "is exposed to a (probably?) bright surface".
u/tomxor

The reason we don't simply use the length of the reflected portion of the ray, is because although it does yield occlusion effects, the light position is inconsistent and parallel surfaces are flat and unconvincing because the reflected ray lengths are the same. So by making the light source and reflection ray not quite collinear, the distance between those 2nd intersections and the light source follows a gradient for parallel surfaces, causing more convincing shading... At least that's what I think is happening! I doubt this has good scene adaptability though, probably just a demo algorithm :D
u/tomxor

Also for some reason I'm quite happy with /R, super short poor mans anisotropic texture filter :P just fading out and letting lighting take over the further away the surface.
u/vain

Thanks u/tomxor - you really rock 😎
u/lionleaf

Ok, wow that's amazing!
u/iverjo

Incredible
u/jellyedwards

Unbelievable!!
u/cantelope

wat
u/jdspugh

Stunning
u/ugurkilci

I'm not understand! 𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞱔🐨𜠪𦀦𦠩𙐷🀳𙡙𚡙🀲🱒𛑔🱔𚰮𜀵𞡒𚰽𛠰𝐺𤠡👔🱒𙠽𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐭𝁥𝐯𚁘𚱙𚰱𞀩𚠪𝐬𜐫𭐥𝠯𝠯𤠩𞠨𭐽𦐼𛠳🱙𚡙𧠲𞡙🀮𝠿𝐺𭰫𦀪𞑞𦐪𝑞𦠪𞐬𥀫𛠱𚐩𦀽𪐥𭰯𝠴𚡒𛑔𛁙👩𛰴𩐳𚡒𛑔𛁚👴𚠳𚱔 How? Your have unicode generator?
u/majorh5

You can use https://beta.dwitter.net for compressing your code to get it even smaller.

show FPS hide FPS share fullscreen

redactedhoptional

function u(t) {

for(c.width=X=213;X>0;X--)for(h=0;h<7;h++)x.fillStyle=`hsl(${"0012479"[h]*31},99%,50%)`,x.fillRect(X,h*20+h*S((X+99*t)/(S(h+t)+10))-20,1,40)

Jun 28 2023 12:35 AM UTC

}// 140/140

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

Quick thing I made to celebrate #pride month!

show FPS hide FPS share 1 remix fullscreen

redactedhoptional

function u(t) {

for(c.width=I=J=213;I<3e4;I++)X=I%J,Y=I/J|X,x.fillStyle=R(X+2*Y,3*Y,X+3*Y),x.fillRect(X-Y/2+106,Y+30*T(t),1,1)

Jun 27 2023 8:18 PM UTC

}// 110/140

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

Accidentally made a #sierpinski triangle

show FPS hide FPS share 5 remixes fullscreen

taupelink

remix of d/28049 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽㔲㔻椭ⴻ砮晩汬⠩⥪㵩⨶㌫琯㘬夽椪㌷⼶┷⨲〭㤬砮扥杩湐慴栨砮晩汬却祬攽吨樯㤩㸳㼧⍆䙆ㄧ㩒⡙Ⱪ⼴Ⱪ⼶⭩┲㐪㔬匨権⨪㈯㘰⤩ⱸ⹡牣⡘㵩┱㈪ㄸ〬太㴹ⰲ㜰⼹㤪⩴ⱪⱪ⬱⸵㜩ⱸ⹬楮敔漨堬天`.replace(/u([^D].)/g,'$1%')))

Jun 25 2023 7:09 PM UTC

}// 140/140

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

d/28052

Show more comments…
u/magna

Amazing!
u/@noel

Beautiful, such a nice color scheme!
u/taupelink

Thank you!
u/Xen

love the style!
u/tomxor

Soothing, your dweets are so unique.
u/joeytwiddle

#shading #cubist
u/iverjo

pretty

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/28020 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞱩𞰨𦀦𦠩𙐷🀳𙡦🱵𚰽𛠰𝐺𮀮𩡩𫁬𤡥𨱴𚀭𛑩𙑷𛁩🠾𝰬𜐬𜐬𭐦👸𛡦𪑬𫁓𭁹𫁥👒𚁺🐨𩠫𜐭𤰨𪱼𦐪𞐩𛰳𚐪𭰯𭐬𩡼𦐫𛠳🱺𞡺𚠲𛁺𛰲𚐩𚑘👩𙑷𛰳𜠪𭐭𭐪𜠬𦐽𪐯𝁥𜰪𭐭𭐬𦠽𭐫𜰪𭀬𪰽𦀪𝰦𦠪𞐬𩠽𦐪𦐫𪰥𝰯𜰫𠰨𦁞𦠩🀳`.replace(/u../g,'')))

Jun 25 2023 2:48 PM UTC

}// 140/140

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

Mayan Underground Labyrinth

Show more comments…
u/Joachim

Incredible!!
u/Xen

top tier madness! :-O
u/tomxor

Just waiting for KilledByAPixel to squeeze some crazy shadow rays in now :D
u/cantelope

spooky good
u/lewdev

#cavern
u/iverjo

crazy good
u/jdspugh

Wow
u/Joaozin003

compression is boring

show FPS hide FPS share fullscreen

redactedhoptional

function u(t) {

onmousemove=e=>{for(c.width=X=c.clientWidth;X>0;X-=49)for(Y=1080;Y>0;Y-=49)x.beginPath(),x.arc(X,Y,Math.hypot(X-e.x,Y-e.y),0,7),x.stroke()}

Jun 23 2023 5:01 PM UTC

}// 139/140

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

A net of circles (move mouse around)

u/davidsover

#interactive
u/cantelope

cool

dwitter.net | redactedhoptional (711)