[{"data":1,"prerenderedAt":447},["ShallowReactive",2],{"project-30592456":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":46,"post_text":48,"what":49,"said":77,"maker_in_thread":196,"shape":206,"grid":210,"attempts":405,"same_week":410,"maker_shows":40,"maker_hidden":439,"reader_version":440,"card":441},"30592456","Clickwheel.js","iPod Clickwheel.js","title","Show HN: iPod Clickwheel.js","https:\u002F\u002Fwww.clickwheeljs.com\u002F#","clickwheeljs.com","jarrenae",1646682419,2022,112,73,558,2570,22,"notable","dev_tools","ui component library","library",[24,25,26,27,28],"clickwheel","ipod click wheel","javascript ui","circular scrolling","jquery knob","mixed",-0.238,{"positive":32,"neutral":33,"mixed":34,"critical":35},6,9,3,15,33,{"execution":38,"design":41,"idea":43,"performance":45},{"positive":39,"critical":40},2,7,{"positive":42,"critical":34},1,{"positive":34,"critical":44},0,{"positive":44,"critical":34},[34,42,44,47,34,44,34,44,44,44,44,42,44,42,42,34,42,44,47,34,34,42,34,42,42,34,34,34,42,44,42,34,44,44,44,47,44,47,42,42],5,null,{"problem":50,"audience":48,"pricing":48,"motivation":57,"time_to_build":48,"stack":61,"openness":74,"stage":75,"team_size":76},{"value":51,"source":52,"evidence":53},"Brings the iPod click wheel interaction to web navigation as a nostalgic input method.","maker",[54],{"id":55,"by":11,"text":56},"30592690","We built this as a bit of a nostalgia trip for people who want to navigate the web using an early 2000's iPod clickwheel. We hope others enjoy it too!",{"value":58,"source":52,"evidence":59},"Nostalgia for the early 2000s iPod clickwheel.",[60],{"id":55,"by":11,"text":56},[62,68],{"value":63,"source":52,"evidence":64},"React",[65],{"id":66,"by":11,"text":67},"30593097","We definitely will. Great question - honestly we were moving really quickly for this one and got it out the door as a proof of concept. In a future version we'll move over to…",{"value":69,"source":52,"evidence":70},"jQuery",[71],{"id":72,"by":11,"text":73},"30593886","Quite possibly a result of moving very quickly for MVP and not being too careful with it. We'll push an update removing jQuery soon enough. --. .-. . .- - \u002F .. -.. . .-","open_source","prototype","team",{"praise":78,"objections":102,"requests":146,"questions":163,"alternatives":177},[79,91],{"value":80,"source":81,"evidence":82},"Nice nostalgic homage to the iPod click wheel","commenter",[83,87],{"id":84,"by":85,"text":86},"30592735","ushakov","among all the new web trends i like this one the most frameworks keep coming and going, but iPod click wheel will serve us for centuries!",{"id":88,"by":89,"text":90},"30596525","dbtc","This is what I've been wanting to make for a while now... Darn! but nice! It's really well done. On my phone it is just like I'm holding an iPod again, and I noticed immediately…",{"value":92,"source":81,"evidence":93},"Interesting idea for circular scrolling on touchpads",[94,98],{"id":95,"by":96,"text":97},"30594167","trevcanhuman","I actually use a variant of the Clickwheel on a daily basis. I use a synaptics touchpad on a Thinkpad T490. There are Linux programs that allow you to control the properties of…",{"id":99,"by":100,"text":101},"30592897","zeptonix","Should really detect circular movement on a touchpad. That's probably truest to its original form.",[103,110,121,135],{"value":104,"source":81,"evidence":105},"Scroll velocity does not respond to speed like the original",[106],{"id":107,"by":108,"text":109},"30592594","samwillis","Major issue, velocity of the scroll seems to be consistent ignoring how fast you scroll\u002Frotate the click wheel - I love the idea but it doesn't truly represent the joy of using…",{"value":111,"source":81,"evidence":112},"Buttons do nothing and drag on icons breaks the wheel",[113,117],{"id":114,"by":115,"text":116},"30592782","paxys","Disappointed that the buttons don't do anything. I want the entire site navigation to be controlled by this!",{"id":118,"by":119,"text":120},"30592825","corny","If you click and drag any of the icons on the wheel it won't work. Click and drag the whitespace within the wheel and it works.",{"value":122,"source":81,"evidence":123},"Does not work on mobile or some browsers",[124,128,131],{"id":125,"by":126,"text":127},"30594229","ada1981","Doesn’t work on mobile For me",{"id":129,"by":126,"text":130},"30594844","IPhone 11 Pro \u002F 14.8 iOS Safari It’s kinda janky alignment and I can’t scroll or click.",{"id":132,"by":133,"text":134},"30592659","wmichelin","This doesn't appear to work at all in Chrome on MacOS",{"value":136,"source":81,"evidence":137},"Hard to use with mouse or trackpad drag",[138,142],{"id":139,"by":140,"text":141},"30594725","echan00","I hate to say this but it is not very intuitive, I was click on dragging for a while. Circular motions while dragging with a trackpad is not a natural motion.",{"id":143,"by":144,"text":145},"30592592","DoctorOW","I'm on Firefox on Windows and found it a little difficult to use because I kept clicking and dragging the buttons on the wheel",[147,155,159],{"value":148,"source":81,"evidence":149},"Add velocity scrolling",[150,151],{"id":107,"by":108,"text":109},{"id":152,"by":153,"text":154},"30592940","iamleppert","Needs to take into consideration acceleration and velocity and correctly model the physics of the bounce \u002F overshoot characteristics. Note that this only works and makes sense if…",{"value":156,"source":81,"evidence":157},"Add click sound",[158],{"id":107,"by":108,"text":109},{"value":160,"source":81,"evidence":161},"Make buttons functional for site navigation",[162],{"id":114,"by":115,"text":116},[164,170],{"value":165,"source":81,"evidence":166},"Why both React and jQuery are used",[167],{"id":168,"by":108,"text":169},"30592915","Do continue! I love these little projects, and it's a great start. Could I ask a question, I haven't done much React (much more Vue.js and loads of jQuery\u002Fplain js in the past).…",{"value":171,"source":81,"evidence":172},"Can the code be reused in a project",[173],{"id":174,"by":175,"text":176},"30592734","daniel5151","Any chance I could borrow this code for my (very WIP) classic clickwheel iPod emulator? I've actually got an experimental WASM build of it up and running, so this would be super…",[178,185,189],{"value":179,"source":81,"evidence":180},"tannerv.com iPod simulation",[181],{"id":182,"by":183,"text":184},"30594691","TazeTSchnitzel","https:\u002F\u002Ftannerv.com\u002Fipod\u002F (which has been posted on HN before) has not only a clickwheel, but a full-on iPod simulation. Might be interesting to compare clickwheel feel and…",{"value":186,"source":81,"evidence":187},"Synaptics circular touchpad scrolling",[188],{"id":95,"by":96,"text":97},{"value":190,"source":81,"evidence":191},"jQuery-Knob",[192],{"id":193,"by":194,"text":195},"30596156","replygirl","you should reach out to the actual authors of the code this is a lightly tweaked jquery-knob with the license stripped…",{"comments":197,"answered":34,"key":198},18,[199,202,203],{"id":200,"text":201},"30592719","Agreed, I'd like to get the velocity working correctly. I think about how natural it feels on https:\u002F\u002Ftannerv.com\u002Fipod\u002F we still have a bit to go to get to that point. And I…",{"id":66,"text":67},{"id":204,"text":205},"30592723","this may or may not have been my inspiration haha",{"commenters":207,"max_depth":47,"maker_replies":197,"first_comment_mins":208,"lifespan_hours":209},46,11,48,[211,213,217,220,222,224,226,227,231,235,238,242,245,248,251,254,257,259,261,264,267,270,272,276,280,281,283,284,286,287,290,293,296,299,302,303,305,307,310,313,316,317,320,322,324,327,332,335,339,342,346,347,349,351,352,354,358,363,366,369,371,373,377,379,383,385,389,392,394,396,400,402,404],[107,44,34,212,108,44],"project\u002Fmixed\u002Fexecution",[214,44,42,215,216,44],"30592655","project\u002Fcritical\u002Fexecution","admax88qqq",[218,44,44,219,108,44],"30592672","commenter\u002Fneutral\u002Fnone",[221,44,44,219,216,44],"30594346",[200,44,44,223,11,42],"maker\u002Fneutral\u002Fexecution",[168,44,47,225,108,44],"maker\u002Fpositive\u002Fexecution",[66,44,44,223,11,42],[228,44,34,229,230,44],"30596588","project\u002Fneutral\u002Fexecution","spankalee",[232,44,44,233,234,44],"30592746","other\u002Fneutral\u002Fnone","LASR",[236,44,44,233,237,44],"30594768","eyelidlessness",[239,44,34,240,241,44],"30594504","project\u002Fneutral\u002Fnone","albertzeyer",[243,42,44,233,244,44],"30593026","anderspitman",[246,42,44,233,247,44],"30593746","WesleyHale",[249,42,44,233,250,44],"30594510","dgunay",[252,42,44,233,253,44],"30594915","olyjohn",[255,39,44,233,256,44],"30592717","macspoofing",[204,39,44,258,11,42],"maker\u002Fneutral\u002Fnone",[260,39,44,233,108,44],"30592964",[262,39,44,233,263,44],"30593425","tverbeure",[265,39,44,233,266,44],"30595125","bonestamp2",[268,34,42,215,269,44],"30593284","tppiotrowski",[271,34,44,225,11,42],"30593331",[273,274,44,233,275,44],"30593660",4,"dcj",[277,47,42,278,279,44],"30593260","project\u002Fcritical\u002Fdesign","hn_throwaway_99",[143,32,42,278,144,44],[282,32,44,225,11,42],"30592729",[132,40,42,215,133,44],[285,40,44,223,11,42],"30592737",[118,40,34,229,119,44],[288,40,42,215,289,44],"30593412","boogies",[291,40,34,229,292,44],"30595879","ChrisArchitect",[294,40,44,295,11,42],"30601535","maker\u002Fneutral\u002Fdocs",[95,297,47,298,96,44],8,"project\u002Fpositive\u002Fidea",[300,297,34,301,266,44],"30595139","project\u002Fneutral\u002Fidea",[99,33,34,301,100,44],[304,33,44,223,11,42],"30592925",[139,306,42,278,140,44],10,[308,306,47,309,237,44],"30594783","project\u002Fpositive\u002Fdesign",[311,306,42,215,312,44],"30594865","motoxpro",[314,306,34,315,266,44],"30595093","project\u002Fmixed\u002Fdesign",[174,208,34,258,175,44],[318,208,44,319,11,42],"30592775","maker\u002Fpositive\u002Fnone",[193,208,42,321,194,44],"maker\u002Fcritical\u002Fnone",[323,208,44,295,11,42],"30601919",[152,325,42,326,153,44],12,"project\u002Fcritical\u002Fperformance",[328,329,34,330,331,44],"30592807",13,"project\u002Fneutral\u002Fperformance","jpalomaki",[333,329,44,334,11,42],"30592841","maker\u002Fneutral\u002Fperformance",[336,337,44,233,338,44],"30593060",14,"trapier",[340,35,34,315,341,44],"30594635","ChrisMarshallNY",[343,344,34,240,345,44],"30593462",16,"tiborsaas",[72,344,44,223,11,42],[114,348,42,215,115,44],17,[350,348,44,223,11,42],"30592827",[182,197,44,233,183,44],[88,197,44,353,89,44],"other\u002Fpositive\u002Fnone",[355,356,42,326,357,44],"30594629",19,"lostgame",[359,360,47,361,362,44],"30597593",20,"project\u002Fpositive\u002Fexecution","somishere",[364,365,42,321,194,44],"30596140",21,[367,365,44,219,368,44],"30596247","kvee",[370,365,44,219,194,44],"30605083",[372,365,44,295,11,42],"30619293",[374,18,44,375,376,44],"30599883","other\u002Fneutral\u002Fidea","5-",[55,378,44,298,11,42],23,[380,381,47,298,382,44],"30593507",24,"CarVac",[384,381,44,258,11,42],"30593918",[386,387,44,375,388,44],"30593772",25,"hajile",[390,387,44,219,391,44],"30596613","kalleboo",[84,393,47,298,85,44],26,[395,393,44,240,11,42],"30592755",[397,398,44,233,399,44],"30593318",27,"Graffur",[125,401,42,326,126,44],28,[403,401,44,223,11,42],"30594558",[129,401,42,215,126,44],[406,407],{"id":4,"t":12,"points":14,"comments":15},{"id":408,"t":409,"points":306,"comments":306},"39971877",1712597253,[411,416,420,425,430,435],{"id":412,"name":413,"points":414,"category":415},"30557557","Berkeley Mono Typeface",355,"creative",{"id":417,"name":418,"points":419,"category":20},"30588089","Chalk",286,{"id":421,"name":422,"points":423,"category":424},"30539620","DontBeEvil.rip",269,"web_saas",{"id":426,"name":427,"points":428,"category":429},"30577625","Blobbackup",236,"infrastructure",{"id":431,"name":432,"points":433,"category":434},"30554994","Summle",189,"games",{"id":436,"name":437,"points":438,"category":434},"30555274","Fast Flood",188,false,"v2",{"id":442,"name":5,"line":6,"ai":439,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":443,"top":18,"kw":444,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":445,"url":9,"mix":446,"praise":80,"objection":104,"sub":21},30592456,-0.24,[24,25,26,27,28],"3105303000010113105331311333101300050511",[32,33,34,35],1793991042388]