Dweets awesomed by u/DaSpider

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/28308 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󨼮󬽴󮝬󩜮󩭩󫍴󩝲󟜧󪝮󭭥󬭴󚌧󞽣󛭷󪝤󭍨󯌽󜌻󮌮󭍲󨝮󬽬󨝴󩜨󞜶󜌬󝜴󜌩󞽸󛭲󫽴󨝴󩜨󭌯󜬩󞽦󫽲󚍫󟜱󩜴󞽫󛜭󞽸󛭦󪝬󫍒󩝣󭌨󠼨󪬽󪼾󟬳󚜯󚍲󟜨󪼯󞜹󚽴󚜥󝌯󜝥󜼩󛍃󚍪󚭪󚜯󬬬󬬽󛬰󜌵󛽲󛍲󚜩󮌮󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮽫󙜸󚬳󝜭󜜸󜍽󘌹󞜥󝜰󙝠`.replace(/u../g,'')))

Sep 16 2023 6:11 PM UTC

}// 135/140

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

Rotation remix

Show more comments…
u/UEZ

nice
u/tomxor

What happens when you have too much Romulan ale.
u/Beakbonk

What on earth is happening in your code?
u/KilledByAPixel

more bloodwine!
u/magna

u/Beakbonk compression. Replace the eval with throw to see the uncompressed code. You can use the wonderful https://capjs.3d2k.com/ by u/KilledByAPixel to compress your code.
u/somebody

(the new frontend has a compression toggle btw!)

show FPS hide FPS share fullscreen

Xen

remix of d/10340 by u/Purpzie

function u(t) {

for(c.width|=d=1e3;d--;x.strokeRect(z=C(a=b/7/t+t/r)*s*S(b%8+t)*2+960,Z=S(a)*s*C(b%8-t)+540,b,b))s=480+C(r=d/69,b=d%69)*r*t

Sep 15 2023 10:55 PM UTC

}// 123/140

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

brushing up practice, try fullscreen too tho.

u/cantelope

neat

show FPS hide FPS share fullscreen

Bloodyaugust

remix of d/28503 by u/Bloodyaugust

function u(t) {

c.width|=0;b=5e2;for(i=b;i--;){x.fillRect(i*C(S(i*S(t/128))*64*(S(t/2)*1.5)/32)+960,i*S(S(i*S(t/64))*64*(S(t/2)*1.5)/32*S(t))+540,20,20)}

Sep 15 2023 7:14 PM UTC

}// 137/140

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

Complex Geometries

Show more comments…
u/cantelope

is that the name the AI gave it, or you did when you copied the AI's code?
u/Bloodyaugust

Excuse me? I wrote this code, but you can take your hostility elsewhere.
u/rodrigo.siqueira

I like this #spiral and your code. A tip: you can remove "{" and "}" to save 2 characters. I also noticed that you have *64*1.5/32 that can be replaced by just "*3"
u/Bloodyaugust

Nice! I didn't re-crush this one after changing some of the variables as I was still under the char limit. Excellent point about the brackets, I'll keep that in mind for the future.
u/Xen

remix: for(z=64,c.width|=i=b=5e2;i--;)x.fillRect(i*C(S(i*S(t/99))*z*(S(t/2)/.75)/32)+960,i*S(S(i*S(t/z))*z*(S(t/2)/.75)/32*S(t))+540,z,z)
u/cantelope

...

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/28308 by u/KilledByAPixel

function u(t) {

for(k=0;k<12e3;x.fillRect(S(i=k/99|0)**8*(t+k/599)%1*2e3,i*9,w=k++?3:2e3,w))x.fillStyle=`hsl(${k*3} 99%${40-40*C(k%99/16)}%`

Sep 9 2023 6:29 PM UTC

}// 124/140

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

FTL 🚀⭐ #starfield

u/jdspugh

Great!
u/andrea270872

I feel in space, but also a bit like loading a C64 tape... in space :D Very cool

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭌽󭌪󝬰󯌰󒭷󪝴󪌨󮌩󩭩󫍬󤽴󮝬󩜽󭌿󭌭󜬿󤬨󚜺󙼣󩭦󩬧󞬧󘼲󝭢󙼬󭌼󜼦󙭲󩝣󭌨󛬮󛭴󟽛󝜳󜌬󞜹󛌴󜬳󛌱󝬲󧜺󦼴󞌰󛌶󜌬󭼽󞜶󜌬󭽝󚜬󨝲󨼨󭌭󜼿󭼺󜜱󜬰󛍴󟬳󟼷󞌵󚽴󞭴󛜳󟼵󝌰󞬶󜌰󛍴󟌴󟽴󛜳󟽴󛜱󟼹󞜺󜜳󜌺󜬲󞬳󞜬󜌬󞜩󛍢󩝧󪝮󤍡󭍨󚍴󟌱󝬹󙬦󩭩󫍬󚌩󚜻`.replace(/u../g,'')))

Sep 4 2023 3:54 PM UTC

}// 139/140

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

Floppy 🖬 Every dweet could fit on just one of these!

Show more comments…
u/magna

awesome!
u/tomxor

Oh the trully floppy! 5.25 inch floppy :)
u/UEZ

reminds me to https://media.demozoo.org/screens/s/6c/93/dc…
u/UEZ

can be found here: https://demozoo.org/graphics/308530/
u/DaSpider

Would fit roughly 10k dweets, If it is double sided, double density.
u/KilledByAPixel

if you zip the dweets it can fit them all easily

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/25710 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󫼽󙼧󛍩󟜶󜌰󞽩󛜭󞽯󚼽󚍠󟌯󨬾󟍢󘍯󫭣󫍩󨽫󟜢󬽰󩝥󨽨󤽹󫭴󪍥󬽩󬼮󬽰󩝡󪼨󨬽󫭥󭼠󤽰󩝥󨽨󤽹󫭴󪍥󬽩󬽕󭍴󩝲󨝮󨽥󚌧󙍻󨜽󤽴󬭩󫭧󛭦󬭯󫝃󫽤󩝐󫽩󫭴󚍺󚝽󙼩󛍢󛭬󨝮󩼽󙽩󭌧󛍢󚜢󟭠󚽡󚜩󮬽󜜲󝼷󝌴󚼹󝬶󚭍󨝴󪌮󬭡󫭤󫽭󚌩󯌰󒭴󟼰󞭣󛭯󭝴󩝲󢍔󣝌󟝯`.replace(/u../g,'')))

Aug 27 2023 2:35 PM UTC

}// 139/140

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

Italian Practice 🍕 Click on an emoji to hear it in Italian (works with chrome)

u/robbyg

As someone who ALSO follows you on Duolingo, this cracks me up!
u/KilledByAPixel

haha yeah, im always finding new ways to practice!
u/jdspugh

Amazing
u/DaSpider

Very cool idea! I Added more languages and emojis speakemoji.daspider.repl.co

show FPS hide FPS share fullscreen

cie

function u(t) {

x[ṡ="fillStyle"]='#0001';x.fillRect(i=8,0,z=1e4,z);
x[ṡ]='lime';x.font='6em mono';for(w in c)x.fillText(w[u=t*8%i|0]??'',i++*60,u*80%1e3+80)

Aug 19 2023 8:31 PM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

New_Core

remix of d/10713 by u/New_Core

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=99];i--;s.background=b)b[i]=`linear-gradient(${t*16+i*53}deg,#000,#f0f,#880)`

Jul 24 2023 11:10 AM UTC

}// 131/140

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

u/jellyedwards

Very cool!
u/aleamb

wow!
u/joeytwiddle

Very nice. A bit GL-like. Reminds me of the #oil series.

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/28081 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽㘰〻椭ⴻ砮晩汬⠩⥢㵩┱㔬焽椯㐫琯㌬樽焭戥⸷⩴ⱸ⹢敧楮偡瑨⡸⹦楬汓瑹汥㵢㽒⠰Ɫ⨳Ⱪ⼵Ⱪ⼱攴⤺刨椬椪⸹Ⱪ⨮㠬椥㜯㤩⤬砮慲挨⡱⨲⴨椥㘰⤪⨲⼳攳⩴⤥㤪㈴〬焯㈥㄰⨱㈰Ⱪ⼲〫截戬樬樭ㄩ`.replace(/u([^D].)/g,'$1%')))

Jul 2 2023 7:58 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/28082

u/tomxor

The colours in this one are remeniscent of a painting... can't remember

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.

dwitter.net | DaSpider (10631)