Top #html dweets

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

4ce

remix of d/26356 by u/magna

function u(t) {

eval(unescape(escape`瑼籣⹩湳敲瑁摪慣敮瑈呍䰨≢敦潲敢敧楮∬怤筨㴧㱩湰畴⁴祰攽牡湧攠楤㴧絘㹘夤筨絙㹠⤻挮睩摴栫㴰㭦潲⡩㴹㤹㭩ⴭ㬩砮汩湥呯⠹㐰⭃⡩⼳〪堮癡汵攫琩⨳〰ⰵ㐰⭓⡩⼳〪央癡汵攫琩⨳〰⤻砮獴牯步⠩`.replace(/u([^D].)/g,'$1%')))

Oct 19 2022 9:59 PM UTC

}// 140/140

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

Lissajous shapes(curve) 10k variations! , "i/30" from d/25915 ; Tags: #html #interactive

u/4ce

autoCompressOff: t||c.insertAdjacentHTML("beforebegin",`${h='<input type=range id='}X>XY${h}Y>`);c.width+=0;for(i=999;i--;)x.lineTo(940+C(i/30*X.value+t)*300,540+S(i/30*Y.value+t)*300);x.stroke()
u/4ce

u/cantelope #slider #controls
u/4ce

I tried say=>' "i/30" from d/25915 ': if change some "30" can have little other result and what : d/25915 remix source too, but many parametrs just coincidence... "10k"==X.value*Y.value . ~_^⠀GoodLuck!

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/22511 by u/RubyPiec

function u(t) {

for(i=2e3;!t&&i--;)document.write`<input type=radio style=margin:0 onmouseover=checked=event.buttons>`

Apr 15 2021 7:37 PM UTC

}// 102/140

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

Tiny Drawing Tool - Click to draw, release to erase!

Show more comments…
u/Xen

nice!
u/lars-erik

It's not mobile-friendly. 🤡
u/katkip

really nice
u/aleamb

#interactive #html
u/Nascretis

7w7
u/4ce

maybe #bug not work in beta Dwitter https://beta.dwitter.net/d/22514 all remix too ,maybe #test it...

show FPS hide FPS share 1 remix fullscreen

4ce

function u(t) {

t||c.insertAdjacentHTML("beforebegin","<input type=range id=r>");c.width+=0;for(i=r.value;i--;)x.fillStyle=R(i*20),x.fillRect(i*20,99,10,99)

Oct 17 2022 10:15 AM UTC

}// 140/140

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

Just #example #interactive Dweet canvas with #html interface. Base idea add debug interface for d/26305 but something works slow.That's all... now(?)

u/taupelink

cool!
u/magna

Cool idea! I made a lazy remix: d/26356
u/cantelope

#slider #controls

show FPS hide FPS share 1 remix fullscreen

RubyPiec

function u(t) {

if(t<1){
for(i=0;i<7;i++){
document.write(`<input type="checkbox"onmouseover="!this.checked?this.checked =true:this.checked=false">`);
}
}

Apr 15 2021 4:02 PM UTC

}// 138/140

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

One line drawing

u/RubyPiec

#interactive
u/Xen

cool idea
u/RubyPiec

I just noticed how terrible of a title that is...
u/KilledByAPixel

golfed... for(i=1e3;!t&&i--;)document.write<input type=checkbox onmouseover=checked=!checked>
u/aleamb

#html

show FPS hide FPS share 1 remix fullscreen

DaSpider

remix of d/22514 by u/KilledByAPixel

function u(t) {

for(i=6e3;!t&&i--;)document.write`<input type=radio style=font-size:1px;margin:-3; onmouseover=checked=event.buttons>`

Apr 21 2021 5:05 PM UTC

}// 118/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

katkip

remix of d/22075 by u/veubeke

function u(t) {

c.outerHTML=`<ol id=q type="I" style="display:inline; list-style-position: inside;"></ol>`
q.innerHTML="<li>".repeat(100)

Mar 24 2021 6:48 PM UTC

}// 121/140

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

another way to create a roman numeral counter

u/danny@hille.dk

less code more broken html c.outerHTML='<ol type="I" style="list-style-position:inside">'+'<li>'.repeat(100)
u/384.cz

#html

show FPS hide FPS share fullscreen

4ce

function u(t) {

c.outerHTML="<input placeholder=typeCode oninput=\"i1.innerText='```'+this.value.replace(/\`/gm,'\\\\`')+' ```'\"style=width:99%><hr id=i1>"

Oct 9 2022 8: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).

Dwitter code in Dwitter comment #DCIDC converter v1beta aboutThis: https://www.dwitter.net/d/26261 (comment4)

u/4ce

UPD: This " #app " eat all multiline symbol ,Dwitter comment single line too , thehefore some code can be broken and i inot sure what all work correct but this #application was helpfull for me , thehefore i just leave its here. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ Instruction(and old text): Type code through click on "typeCode" and copy code bellow "typeCode" in your comment... =_= It's work? tags: #interactive #html ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

384.cz

function u(t) {

c.outerHTML="<input id=k><b onclick='k.value=k.value.toLowerCase().split``.map(_=>-1<`aeiouy`.indexOf(_)?_+` `:_).join``'>Obfuscate"

Oct 9 2022 8:28 AM UTC

}// 132/140

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

Generic text #obfuscator #html

u/jasnh

"point free"

You've reached the end.

dwitter.net | #html