Top #Interactive 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 fullscreen

joeytwiddle

remix of d/2612 by u/joeytwiddle

function u(t) {

t?c.width=W=200:P=Z=0;for(i=36;i--;j==Z&&(X-99)**2<60?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillText(j?'🚌':'🐢',j?X=j%5*t/i*P/23%W:99,9*(j||Z))

Dec 29 2017 2:29 PM UTC

}// 138/140

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

Crossy tortoise. Click to play

Show more comments…
u/zanella

Holy s**t, that was awesome!
u/joeytwiddle

Thanks hehe. The traffic patterns suffered in this version, to make room for the emojis.
u/iverjo

This needs more upvotes!
u/_nderscore

Awesome!
u/lionleaf

Oh wow! Amazing!
u/trupples

holy shit
u/SIGILLIM

I won! :D. This is so creative.
u/leon

extra
u/vberlier

super dope stuff here
u/joeytwiddle

The traffic I wanted, but cannot fit: j?X=j%5*(t+i)*P/400%W:99
u/lionleaf

#game #interactive #emoji #frogger #tortoise #bus
u/fujimotos

#playable
u/katkip

Impossible
u/hvianna

👍👍
u/joeytwiddle

For playability, the boxy d/2612 is my favourite

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

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

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

On mobile you can tap at different locations for different colors
u/sfacci

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23027 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩌽󭼽󪬽󨼮󭽩󩍴󪍼󟝴󟽯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󤬫󟝍󛜨󣜽󩜮󮌯󜼰󚜺󦌽󦬽󤬽󣜽󝜊󩭯󬬨󨜽󤼨󤬩󛍢󟝃󚍒󚜻󪬻󩌫󟜮󜜩󚍘󚼨󠜽󪬯󭼪󩌭󩌯󜬩󚭢󛝤󚭡󯍚󛝁󚭡󛝤󚭢󚜥󞜾󜭼󯍸󛭦󪝬󫍒󩝣󭌨󪬭󛜬󝜴󜌭󜝥󜼯󩌬󜜭󜜯󩌬󜭥󜼯󩌬󩌽󚌱󛜱󛽤󛽤󚜯󜭥󝌬󦌭󟝤󚭡󛍚󛜽󩌪󨬩`.replace(/u../g,'')))

Jun 6 2021 9:12 PM UTC

}// 138/140

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

Wolfendweet 🐺 3d engine with mouse look and collision!

Show more comments…
u/KilledByAPixel

To make it a game, add throw Math.hypot(X,Z) How far can you get from the origin?
u/erin

this shit is so insane the dweets have been levelling up a lot lately
u/erin

#game #interactive #doom #wolfenstein #wolfendweet
u/andrea270872

Wow! Dwitter-stein! and even interactive... amazing!!
u/iverjo

Wow
u/initramfs

Getting Sharp Now (Rocky Theme song)
u/vain

You are just a coder god :-)
u/fentbiggesthater

have my kids

show FPS hide FPS share fullscreen

veubeke

function u(t) {

(onclick=e=>{for(c.width=i=136;i--;x.fillText('⚪⚫'[x[i]=((i%5-(e.x>>6))**2+(Y-(e.y>>6))**2<2)^x[i]^i&!t],i%5*16,11+Y*16))Y=i/5|0})({x:1e3})

Mar 23 2021 5:11 PM UTC

}// 139/140

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

Lights Out (with help from u/Xen)

Show more comments…
u/veubeke

Click to toggle lights on/off. Turn off all lights to win.
u/erin

#game #interactive
u/KilledByAPixel

nice work!
u/Xen

love it!
u/Qwitter

Awesome!
u/rodrigo.siqueira

I won 🏆 the game today! (Yesterday I tried but I couldn't win the game)
u/aleamb

great!
u/RubyPiec

gg
u/vain

OMG - Its a game - and not just only a pattern. So cool !!

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 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

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share 4 remixes fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`瑼簨挮潵瑥版呍䰽⊻㱩湰畴⁩搽漾ꬢⱯ⹯湢汵爽昽㹯⹶慬略㴨甫〩⹳灬楴恜湠嬱崮牥灬慣攨⽛帡⵾崫⼬却物湧⹦牯浃桡牃潤攨⸮⸨漮癡汵攫∻∩⹭慴捨⠯⸮⽧⤮浡瀨攽㹥学㴢捨慲䍯摥䅴≝⠩㰼㡼敛晝⠱⤩⤩⤻`.replace(/u(..)/g,"$1%")))

Aug 11 2018 4:24 AM UTC

}// 139/140

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

[Dwitter Compressor V1.37] Click in between the arrows. Paste your code in the INPUT element and go to a new tab. Then come back here to get your compressed code. From there, just copy the text in the INPUT element, and paste in your dweet to post it. Now supports characters ranging from 0-255. LImit of 184 bytes.

Show more comments…
u/MrM@_S

#compressed #compressor #interactive #tool #obfuscated
u/MrM@_S

No need to worry about even character counts either.
u/katkip

Love it!
u/aleamb

love it!
u/joeytwiddle

Super!
u/Xen

Nice work!
u/SuperFromND

r=x.createRadialGradient(1000,00,25,1000,t*23000,4200);a=r.addColorStop.bind(r);a(1,'#000');a(Math.abs(S(t%20)),hsl(${t^200},300%,50%));a(0,'#fff');x.fillStyle=r;x.fillRect(0,0,2000,1000);x.drawImage(c,0,1)
u/SuperFromND

man, i wish you could *delete* your comments on dwitter :/
u/SuperFromND

really nice compressor though!
u/magna

Who compresses the compressor?
u/metamero

@magna A: itself! dwitter allows to run code with more than 140 chars without posting ;)
u/metamero

BEAUTIFUL code !
u/firegodjr

#application
u/KilledByAPixel

I made an uncompressor for this and other dwitter compressors... https://www.dwitter.net/d/14004

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

c.width=z=400;t?q-=p/z:q=p=0;onmousemove=e=>p=e.x-z;for(i=4e4;i--;x.fillRect(200+(i%z-99)*Y,99+Y*9+C(30/Y+t*9)*C(i%z/3-q)*Y*2,Y,Y/9))Y=i/2e3

May 9 2022 10:02 AM UTC

}// 140/140

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

Mountain Flyover - use the mouse to pan around

Show more comments…
u/GreyHope

#interactive #d3 #landscape
u/vain

great interactive #3d landscape fx
u/pavel

-1 q=t?q-p/z:p=0
u/neimad

wizardry
u/Qwitter

nice!!!
u/Qwitter

nice!!!
u/cantelope

reminiscent d/11420

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

t?onmousemove=e=>X=e.x:X=99
F=a=>x.fillRect(i-a*X,a*50,a/5,h>0?0:h)
for(c.width=512,i=2e3,h=k=0;i--;F(!F(3)),F(5))h+=k=i*i%15<1?S(i**4):k

Dec 5 2018 7:36 AM UTC

}// 137/140

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

Parallax Mountains #interactive - use mouse

show FPS hide FPS share fullscreen

tomxor

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡵𦱥𛡸🠾𝁝🐴𞱦𫱲𚁩🐨𨰮𭱩𩁴𪀽𜠵𝠩𚠴𞱩𛐭𞱘👩𙐳𜠬𦐽𪐯𜐶𛁸𛡦𪑬𫁓𭁹𫁥👒𚁚𚡘𛁚𚠲𝀭𦐪𜰬𜠵𝐩𛁸𛡦𪑬𫁒𩑣𭀨𜰲𚱘𚠴𚱙𛀱𜐲𚱘𛑙𛀴𛀭𦠪𜰩𚑚🐸𚰸𚠨𭑛𪑝👵𦱩𧐪𛠷𚰨𭑛𪐭𜰳𧐫𭑛𪐭𜰲𧐫𭑛𪐭𜰱𧐭𭑛𪐫𝠴𧐩𛰸𯁼𜀩`.replace(/u../g,'')))

May 11 2020 1:03 AM UTC

}// 140/140

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

Mmm yeeah, Stick ya Fingas in it !

Show more comments…
u/Xen

nice!
u/joeytwiddle

Pretty #fluid
u/katkip

So beautiful
u/sigveseb

fantastic!
u/aleamb

amazing #interactive
u/PoweredByWill

It's like that lighter-than-air insulation material!

dwitter.net | #Interactive