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

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10512 by u/f8f82804

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=17;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=1.57*(i-(i>>2))-X))
x.stroke()

Oct 17 2018 4:40 AM UTC

}// 134/140

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

#minimal #perspective #d3 #cube #interactive

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`琿愿愫⬺戽㄰⩓⡴⤫㄰㩡㴰㭯湣汩捫㵟㴾愽愿〺ㄻ挮睩摴栽㉥㌻景爨朽㐲ⱪ㴹〬欽㤹㤻欼ㅥ㌻樫㵢Ⱬⴽ札⴩樭㤰㹡⩢☦砮晩汬剥捴⡪Ⱬⰹⰹ⤻砮景湴㴢㐰ば砠䄢㭸⹦楬汔數琨≜田〰㜢ⱡ⩢Ⱝ㐲⩡⬮㔪愪⨲⬱ㄲ〩`.replace(/u(..)/g,"$1%")))

Sep 20 2018 9:06 PM UTC

}// 140/140

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

click to throw the ball, click again to reset

u/anotherkitten

original: t?a?a++:b=10*S(t)+10:a=0;onclick=_=>a=a?0:1;c.width=2e3;for(g=42,j=90,k=999;k<1e3;j+=b,k-=g--)j-90>a*b&&x.fillRect(j,k,9,9);x.font="400px A";x.fillText("\u0007",a*b,-42*a+.5*a**2+1120)
u/katkip

#physics
u/katkip

#game
u/katkip

#interactive

show FPS hide FPS share 2 remixes fullscreen

trancor

function u(t) {

eval(unescape(escape`眽挮睩摴栽瑨楳⹩湮敲坩摴栬琿挮潮浯畳敭潶攽攽㹭㵛攮砬攮祝㨨瀽孝Ɑ㵛眯㈬眯㉝⤬瀮灵獨⡛嬮⸮浝ⰰ崩Ɒ⹭慰⠨稬椩㴾筫㵺嬰崬歛そ⬽匨椪椫琩Ⱬ嬱崭㵺嬱崫⬯㤫匨椪㜩ⱸ⹦楬汒散琨⸮⹫ⰹⰹ⤬砮晩汬⠩紩`.replace(/u(..)/g,"$1%")))

May 4 2018 12:28 AM UTC

}// 140/140

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

I'll stop with the obfuscation... Thanks for inspiration again u/MrM@_S

u/trancor

w=c.width=this.innerWidth,t?c.onmousemove=e=>m=[e.x,e.y]:(p=[],m=[w/2,w/2]),p.push([[...m],0]),p.map((z,i)=>{k=z[0],k[0]+=S(i*i+t),k[1]-=z[1]++/9+S(i*7),x.fillRect(...k,9,9),x.fill()})
u/iverjo

#smoke
u/iverjo

#interactive
u/sigveseb

#compressed

show FPS hide FPS share fullscreen

Paisley

function u(t) {

c.width|=0
!t?(Y=500,v=0,D=1,c.onclick=()=>v+=15):Y-=v*D,v-=0.2,D=Y<200||Y>999?0:1
x.font='200px x'
x.strokeText(D?'🦆':'🍗',999,Y)

Feb 5 2018 10:12 PM UTC

}// 129/140

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

Attempted to make a "flappy duck" game, there must be a way to add obstacles, I couldn't find the chars tho :(

u/AnnanFay

Hmm, there's block characters like ▓▆ǁ and shapes like ⎔/⬢. You'll want to use fillText though.
u/lionleaf

#interactive #game #flappybird #emoji
u/fujimotos

#playable

show FPS hide FPS share fullscreen

donbright

remix of d/2627 by u/saschavoid

function u(t) {

onmousemove=e=>(阳=e.pageX/41,月=e.pageY/31)
x.globalAlpha=.1
for(x.fillRect(0,0,i=2e3,i);i--;)x.clearRect(i,500+99*(S(t*2+i/阳)+C(t+i/月)),1,9)

Apr 29 2017 12:10 PM UTC

}// 140/140

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

tone and overtone. (please move mouse over picture)

u/coderkid

lovely
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2394 by u/Jenky

function u(t) {

t?o.map(e=>{x.fillRect(e[0]+=e[1]+=S(t),e[2]++,9,9)}):o=[]
onmousemove=e=>o.push([e.pageX*(须=(c.width^=0)/c.offsetWidth),0,e.pageY*须])

Apr 2 2017 11:23 PM UTC

}// 137/140

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

mouse draws the mountains

u/donbright

thx to @Jenky for mouse golfing ideas. 须 = whiskers, mouse tells its position by c.width/c.offsetWidth or c.height/c.offsetHeight
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

veubeke

function u(t) {

r=c.offsetWidth/(c.width^=0);L=t?L.filter(l=>l[x.beginPath(),x.arc(...l,0,7),x.stroke(),2]++-70):(onmousemove=e=>L.push([e.x/r,e.y/r,5]),[])

Mar 2 2017 9:32 PM UTC

}// 140/140

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

Note: doesn’t work in Firefox < 53 because of missing support for MouseEvent.x/y

u/iverjo

Wow, this is so cool
u/lionleaf

#interactive #whater #ripples

show FPS hide FPS share fullscreen

vgel

function u(t) {

c.width|=!t||!v?v=0:v-=1
x.scale(9,9)
x.fillRect(n=90,Y=t?Math.min(n,Y-v+7):0,9,-9)
x.fillText('🔥',S(t**1.3)*n+n,n)}{c.onclick=()=>v=18

Mar 22 2022 1:42 PM UTC

}// 135/140

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

click to jump

u/vgel

scoring is on your honor
u/joeytwiddle

#game
u/timothytomato

#interactive

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

y=1

m=[...'✊✋✌']
eval(unescape(escape`󭌿󨼮󭽩󩍴󪍼󟜰󞭡󟝍󨝴󪌮󬭡󫭤󫽭󚌩󚬳󯌰󞽸󛭦󫽮󭌽󙼴󪝮󘍲󙼻󭌾󜜿󚍲󟝡󛍦󟜹󛍸󛭦󪝬󫍔󩝸󭌨󫝛󮝝󚼨󮜽󟝡󟼧󡍲󨝷󙼺󚍹󚼱󚜥󜼽󟝡󟼧󠝉󙼺󙽙󫽵󙼩󛌱󜌬󜼸󜌩󚜺󬬽󭌪󞜥󜽼󜌻󮌮󩭩󫍬󥍥󮍴󚍭󦽲󧜬󝼰󜌬󞌰󜌩`.replace(/u../g,'')))

Feb 20 2022 4:01 AM UTC

}// 139/140

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

#Rock_Paper_Scissors, to play set y=0, 1 or 2 (0:rock, 1:paper, 2:scissors)

u/danny@hille.dk

#game #interactive
u/joeytwiddle

Nice! A game where the AI doesn't always beat me.

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𘑴𙠦𚁤👛𨐽𭠽𜁝𛁘👙🐹𞐬𫱮𪱥𮑤𫱷𫠽𩐽🡤𦱥𛡫𩑹𠱯𩁥𛐳𝱝🐱𛁯𫡫𩑹𭑰👥🐾𩁛𩐮𪱥𮑃𫱤𩐭𜰷𧐽𜀩𛁸𦱦🐧𩡩𫁬𤡥𨱴𙱝𚁘𚰽𭠪𠰨𨐫🐨𩁛𜡝𯀭𩁛𜁝𚐪𛠱𚐬𦐫👶𚡓𚁡𚐬𬰽𜰲𛁳𛁸𦱦𧐨𦀫𠰨𨐩𚡳𚰸𛁙𚱓𚁡𚐪𬰫𞀬𞐬𞐬𭠽𝠩𚐠`.replace(/u../g,'')))

Nov 4 2021 9:43 AM UTC

}// 133/140

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

driving a paintbrush #interactive

u/ciaccodavide

left and right arrow to control the brush direction (if it gets out of bounds restart the dweet)
u/ciaccodavide

try this version in a new dweet (acceleration control with up arrow, but I couldn't golf it enough): !t&&(d=[a=v=0],X=Y=99,onkeydown=e=>d[e.keyCode-37]=1,onkeyup=e=>d[e.keyCode-37]=0),x[f='fillRect'](X+=v*C(a+=(d[2]|-d[0])*.1),Y+=v*S(a),s=32,s,x[f](X+C(a)*s+8,Y+S(a)*s+8,9,9,v+=d[1]&v<6?2:v>0?-.1:0))
u/Joachim

`t?onkeydown=e=>d[e.keyCode-37]=1:(d=[a=v=X=Y=0]),onkeyup=e=>d[e.keyCode-37]=0,x[f='fillRect'](X+=v*C(a+=(d[2]|-d[0])*.1),Y+=v*S(a),s=32,s),x[f](X+C(a)*s+8,Y+S(a)*s+8,9,9),v+=d[1]&v<6?2:v>0&&-.1

dwitter.net | #Interactive