[{"data":1,"prerenderedAt":699},["ShallowReactive",2],{"project-30956775":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":48,"post_text":51,"what":52,"said":84,"maker_in_thread":279,"shape":287,"grid":290,"attempts":655,"same_week":660,"maker_shows":423,"maker_hidden":691,"reader_version":692,"card":693},"30956775","Eight Colors","A puzzle game in HTML5","title","Show HN: I made a puzzle game in HTML5","https:\u002F\u002Feightcolors.net","eightcolors.net","shubhamjain",1649426080,2022,368,124,99,2570,4,"legend","games","puzzle game","web_app",[24,25,26,27],"sliding puzzle","browser game","html5 game","rubik's cube puzzle","debated",0.022,{"positive":31,"neutral":32,"mixed":33,"critical":34},27,26,15,29,97,{"design":37,"idea":40,"execution":43,"docs":45,"pricing":47},{"positive":38,"critical":39},2,9,{"positive":41,"critical":42},14,1,{"positive":38,"critical":44},19,{"positive":46,"critical":46},0,{"positive":46,"critical":46},[49,49,49,49,42,50,46,46,50,50,49,38,42,42,42,49,49,38,42,49,50,49,38,18,42,38,49,50,18,38,18,38,49,49,42,50,50,42,50,50],3,5,null,{"problem":53,"audience":60,"pricing":51,"motivation":65,"time_to_build":51,"stack":69,"openness":82,"stage":83,"team_size":82},{"value":54,"source":55,"evidence":56},"Puzzles that are fun to solve, inspired by a childhood NES puzzle","maker",[57],{"id":58,"by":11,"text":59},"30956812","When I was a kid, I loved a game called [James Bond Jr.](https:\u002F\u002Fwww.mobygames.com\u002Fgame\u002Fnes\u002Fjames-bond-jr\u002Fscreenshots\u002FgameShotId,65013\u002F) that had these little puzzles that were…",{"value":61,"source":62,"evidence":63},"Puzzle game players","inferred",[64],{"id":58,"by":11,"text":59},{"value":66,"source":55,"evidence":67},"Recreate puzzles the maker loved as a kid in James Bond Jr.",[68],{"id":58,"by":11,"text":59},[70,75],{"value":71,"source":55,"evidence":72},"HTML5",[73],{"id":74},"post",{"value":76,"source":62,"evidence":77},"JavaScript",[78],{"id":79,"by":80,"text":81},"30960812","martin1975","Quite a fun brain teaser game! BTW, when you say HTML 5- I am assuming the use of Javascript - since HTML5 is merely a document markup spec?","unknown","launched",{"praise":85,"objections":118,"requests":183,"questions":235,"alternatives":250},[86,110],{"value":87,"source":88,"evidence":89},"Fun and addictive; feels like a 2D Rubik's cube","commenter",[90,94,98,102,106],{"id":91,"by":92,"text":93},"30957920","pacaro","I love it. At some point for me, there seemed to be a bug, circles started disappearing",{"id":95,"by":96,"text":97},"30959532","agust","Nice game! As others have mentioned, it feels like a 2D rubix cube, which I never managed to finish. Feeling more comfortable with this version. I'd love it if it could be…",{"id":99,"by":100,"text":101},"30957629","staffordrj","Reminds me of Yoshi's Cookie, but way cleaner. Great job!",{"id":103,"by":104,"text":105},"30963828","the42thdoctor","Awesome! It looks like rubik's cube in 2D.",{"id":107,"by":108,"text":109},"30962360","flockaroo","addictive! ...played all levels, really nice!",{"value":111,"source":88,"evidence":112},"Clean, nice design",[113,114],{"id":99,"by":100,"text":101},{"id":115,"by":116,"text":117},"30964879","farzher","l hate this type of sliding puzzle. but the site is very nice. it's alike a rubik's cube for babies",[119,133,153,172],{"value":120,"source":88,"evidence":121},"Controls are confusing; shift key for sliding is unintuitive",[122,126,130],{"id":123,"by":124,"text":125},"30957744","yboris","Lovely game! I wonder if it might be a nicer UX if you could choose for the Shift key to be needed to slide circles around rather than to move the selection. In my mind,…",{"id":127,"by":128,"text":129},"30959827","thewebcount","This looks fun, but I want to walk you through what I did when I saw the page. I started clicking on circles thinking I could move them by clicking. I saw the key commands, but…",{"id":131,"by":100,"text":132},"30957733","I kinda wish the arrow keys defaulted to moving the highlighted portion and you had to hold shift to move them.",{"value":134,"source":88,"evidence":135},"Circles disappear or get stuck on iOS and Android",[136,137,141,145,149],{"id":91,"by":92,"text":93},{"id":138,"by":139,"text":140},"30958995","SalmoShalazar","Same bug here, it breaks the puzzle completely. I’m using Safari on an iPhone.",{"id":142,"by":143,"text":144},"30961838","brendanmc6","Same here. Game breaking bug on level 5. iOS Chrome. Swipe up a few times on a column and a circle disappears.",{"id":146,"by":147,"text":148},"30965313","dataspun","Fun but I’m encountering bugs or unexpected behavior. Circles disappear for no reason and then become immovable and\u002For impact other rows\u002Fcolumns inexplicably. iOS Safari",{"id":150,"by":151,"text":152},"30960739","warent","Pretty fun although on Android Firefox occasionally colors will get stuck or vanish",{"value":154,"source":88,"evidence":155},"Game does not fit on small iPhone screens",[156,160,164,168],{"id":157,"by":158,"text":159},"30960020","soneca","On iPhone SE (2nd gen) the bottom is cut off and I can’t see the goal image. Neither the bottom two buttons. Also can’t scroll.",{"id":161,"by":162,"text":163},"30957855","linux2647","This is very fun! However, on iPhone SE-sized screens, it’s not possible to see the entire target pattern, nor is it possible to scroll down so the browser chrome (Mobile Safari)…",{"id":165,"by":166,"text":167},"30962456","tonmoy","Super fun to play on iPhone browser. However I can’t see the target pattern on my old iPhone 7 :(",{"id":169,"by":170,"text":171},"30964522","h0l0cube","I'm on an iPhone 7 and I can't scroll down to see the target configuration. Always good to develop against smaller form factors if you're releasing to a wide audience",{"value":173,"source":88,"evidence":174},"Back button hijacked, breaking navigation",[175,179],{"id":176,"by":177,"text":178},"30957479","xfour","Are you doing anything with the back button behavior I’m not able to return to the previous site on mobile safari. It’s quite frustrating. Other than that it seems nice and…",{"id":180,"by":181,"text":182},"30957722","redundantly","This is called hijacking the back button and it's an extremely irritating practice.",[184,198,209,220],{"value":185,"source":88,"evidence":186},"Make shift key toggle or swap control scheme",[187,190,194],{"id":188,"by":124,"text":189},"30959054","Oh I see! If you use the mouse to click around and arrow keys to move! Seems like a single toggle checkbox would be enough to satisfy everyone ;)",{"id":191,"by":192,"text":193},"30959110","LordDragonfang","Perhaps just add a toggle as to what behavior the shift key has? It's just a boolean value, after all.",{"id":195,"by":196,"text":197},"30962368","xmonkee","I agree with the parent. I love the game but the controls are not fun for me. I would do the following (for ME): - arrow keys move the cursor - the cursor is easier to see. Just…",{"value":199,"source":88,"evidence":200},"Add vim-style (hjkl) or configurable key bindings",[201,205],{"id":202,"by":203,"text":204},"30957768","happimess","Cool! Adding to the feature requests, can you enable vim-like navigation? WASD is a hazy memory compared to HJKL.",{"id":206,"by":207,"text":208},"30963543","a9h74j","Note to self: In an HTML game engine, must have user-configurable key bindings.",{"value":210,"source":88,"evidence":211},"Support mouse drag and touch dragging",[212,216],{"id":213,"by":214,"text":215},"30958266","zamadatix","I'd rather drag with a mouse instead of have to click to set location then press keys to slide. As a bonus drag would also work for touch.",{"id":217,"by":218,"text":219},"30963433","ioseph","Can't scroll down on my phone to see the pattern I'm aiming for, I'd suggest just listening to drag events on the circles themselves",{"value":221,"source":88,"evidence":222},"Add move counter and timer reset on retry",[223,227,231],{"id":224,"by":225,"text":226},"30960691","mauveforest","Keeping track of how many moves you did would be cool. It would be fun to try get as low of score as possible.",{"id":228,"by":229,"text":230},"30962583","runekaagaard","Super great, like the way shift works :) Super fun to speedrun, has level 8 down to 3 seconds - would be nice if the counter also reset when you press reset. edit: oh and…",{"id":232,"by":233,"text":234},"30960604","g4zj","Fun game! I may have found a potential bug, however. When replaying a level, the timer doesn't seem to properly reset. It will initially display \"00m 00s\", but then pick up where…",[236,243],{"value":237,"source":88,"evidence":238},"Is level 23 solvable?",[239],{"id":240,"by":241,"text":242},"30958953","ggerganov","Is lvl 23 solvable? I quickly solved 7 levels and then tried doing lvl 23 and have been stuck on it for 10 minutes, always ending up with 2 circles next to each other that I…",{"value":244,"source":88,"evidence":245},"Which frameworks or libraries were used?",[246],{"id":247,"by":248,"text":249},"30962889","Xevi","I'm really interested in knowing if your used any frameworks or libraries for this game, and if that's the case, which ones? I'm on my phone now so I can't easily check your…",[251,257,268,275],{"value":252,"source":88,"evidence":253},"15 Puzzle",[254],{"id":255,"by":11,"text":256},"30959207","This game is kind of nice. A clever variation of 15-Colors[1]. Problem though is that \"15 Puzzle\" is a pretty challenging puzzle in itself. Adding complexity of Wordle, makes it…",{"value":258,"source":88,"evidence":259},"Rubik's Cube",[260,264],{"id":261,"by":262,"text":263},"30957912","jfmc","Feels like a flattened Rubik cube... Nice!",{"id":265,"by":266,"text":267},"30961348","glerk","Great work! Simple and elegant. Makes me thinking of a simplified Rubik's cube.",{"value":269,"source":88,"evidence":270},"Chuzzle",[271],{"id":272,"by":273,"text":274},"30965398","psydvl","You should check Chuzzle game (as I remember puzzles opens after some gameplay) https:\u002F\u002Fstore.steampowered.com\u002Fapp\u002F3310\u002FChuzzle_Deluxe\u002F",{"value":276,"source":88,"evidence":277},"Yoshi's Cookie",[278],{"id":99,"by":100,"text":101},{"comments":280,"answered":38,"key":281},6,[282,285,286],{"id":283,"text":284},"30958859","It was exactly the way you describe in the earlier prototype. But I changed it based on feedback. I guess there's no set of controls that can satisfy everyone. :) I do think you…",{"id":255,"text":256},{"id":58,"text":59},{"commenters":288,"max_depth":50,"maker_replies":280,"first_comment_mins":18,"lifespan_hours":289},112,130,[291,293,297,300,301,303,304,305,307,310,313,317,318,321,325,329,333,334,336,340,342,345,347,350,353,356,359,363,366,369,371,372,376,378,380,383,385,388,389,390,393,396,400,401,402,405,408,411,415,417,420,422,424,428,429,433,437,439,441,444,447,452,453,457,461,465,467,471,474,476,479,482,486,490,494,498,502,503,504,508,509,513,517,521,522,525,529,533,535,537,540,543,545,548,552,556,558,562,566,570,572,575,577,581,585,587,591,595,599,602,606,610,613,615,619,623,626,628,632,636,640,642,646,650],[123,46,49,292,124,46],"project\u002Fneutral\u002Fdesign",[294,46,46,295,296,46],"30957766","commenter\u002Fneutral\u002Fnone","Max-q",[298,46,49,292,299,46],"30957848","jsnell",[213,46,49,292,214,46],[283,46,46,302,11,42],"maker\u002Fneutral\u002Fdesign",[188,46,49,302,124,46],[191,46,49,302,192,46],[195,46,49,306,196,46],"project\u002Fmixed\u002Fdesign",[308,46,49,292,309,46],"30962693","Evidlo",[311,46,49,292,312,46],"30958868","mackopes",[314,46,46,315,316,46],"30959084","other\u002Fneutral\u002Fnone","throwaway744678",[206,46,46,315,207,46],[319,46,46,315,320,46],"30963657","drekipus",[322,46,46,323,324,46],"30958947","commenter\u002Fneutral\u002Fdesign","lloeki",[326,46,42,327,328,46],"30964005","project\u002Fcritical\u002Fdesign","emilfihlman",[330,42,50,331,332,46],"30958990","project\u002Fpositive\u002Fidea","armandososa",[255,42,46,306,11,42],[335,42,46,323,332,46],"30960335",[337,42,46,338,339,46],"30959460","other\u002Fneutral\u002Fidea","beaconstudios",[341,42,46,315,332,46],"30960970",[343,42,46,315,344,46],"30963793","hotpotamus",[346,42,46,315,339,46],"30966918",[348,42,46,315,349,46],"30959510","shuntress",[351,42,46,315,352,46],"30964791","cube00",[354,42,50,331,355,46],"30959667","imglorp",[357,42,46,315,358,46],"30960850","staindk",[360,42,49,361,362,46],"30961310","project\u002Fneutral\u002Fexecution","cupofpython",[364,42,46,315,365,46],"30963390","doodpants",[367,42,49,306,368,46],"30965038","gitgud",[58,38,46,370,11,42],"maker\u002Fneutral\u002Fidea",[99,38,50,331,100,46],[373,38,49,374,375,46],"30958714","maker\u002Fneutral\u002Fnone","breckinloggins",[377,38,46,374,11,42],"30959598",[272,38,49,379,273,46],"project\u002Fneutral\u002Fidea",[381,38,50,331,382,46],"30968478","esperent",[91,49,42,384,92,46],"project\u002Fcritical\u002Fexecution",[386,49,42,384,387,46],"30958584","aklein",[138,49,42,384,139,46],[142,49,42,384,143,46],[391,49,42,384,392,46],"30964407","Underphil",[394,49,42,384,395,46],"30965395","croes",[397,18,42,398,399,46],"30964917","project\u002Fcritical\u002Fidea","Palmik",[176,50,42,384,177,46],[180,50,42,384,181,46],[403,50,46,295,404,46],"30958096","kevsim",[406,50,46,295,407,46],"30958734","andai",[409,50,46,295,410,46],"30961036","robertlagrant",[412,50,49,413,414,46],"30958208","project\u002Fmixed\u002Fexecution","tonetheman",[416,50,49,361,407,46],"30958759",[418,50,46,419,11,42],"30959033","maker\u002Fneutral\u002Fexecution",[95,280,50,421,96,46],"project\u002Fpositive\u002Fdesign",[146,423,42,384,147,46],7,[425,426,42,327,427,46],"30957995",8,"h-c-c",[127,39,42,327,128,46],[430,431,50,331,432,46],"30959007",10,"gricardo99",[434,435,49,361,436,46],"30959568",11,"ryeguy_24",[438,435,46,419,11,42],"30960201",[157,440,42,327,158,46],12,[442,440,49,306,443,46],"30960157","Jaxan",[445,440,42,327,446,46],"30961198","Skiiing",[448,449,50,450,451,46],"30957627",13,"maker\u002Fpositive\u002Fexecution","the_arun",[161,41,49,306,162,46],[454,33,50,455,456,46],"30959262","project\u002Fpositive\u002Fnone","yathern",[458,459,50,331,460,46],"30958606",16,"spencerchubb",[462,463,49,306,464,46],"30958548",17,"smithza",[202,466,49,292,203,46],18,[468,44,49,469,470,46],"30958367","project\u002Fneutral\u002Fnone","gideonred",[472,44,46,295,473,46],"30958495","kizer",[165,475,49,306,166,46],20,[477,475,42,327,478,46],"30963058","dubcanada",[480,475,49,292,481,46],"30963207","jciochon",[483,484,49,306,485,46],"30964554",21,"barbs",[487,488,49,292,489,46],"30958557",22,"Beltiras",[491,492,50,331,493,46],"30958824",23,"qporest",[495,496,42,384,497,46],"30957438",24,"isawczuk",[499,500,49,379,501,46],"30959327",25,"fabiom",[232,32,42,384,233,46],[247,31,49,419,248,46],[505,506,49,379,507,46],"30964202",28,"EnderShadow8",[169,34,42,327,170,46],[510,511,49,306,512,46],"30958444",30,"geku3",[514,515,49,306,516,46],"30957614",31,"alecst",[518,515,49,519,520,46],"30957623","project\u002Fneutral\u002Fdocs","prettygood",[131,515,49,292,100,46],[523,515,46,323,524,46],"30958481","mcphage",[526,527,50,331,528,46],"30959449",32,"layer8",[530,531,50,450,532,46],"30961070",33,"gbrls",[228,534,49,413,229,46],34,[240,536,49,292,241,46],35,[538,536,46,295,539,46],"30959077","esnard",[541,536,49,379,542,46],"30962952","sltkr",[217,544,42,327,218,46],36,[79,546,49,547,80,46],37,"maker\u002Fneutral\u002Fdocs",[549,550,50,331,551,46],"30958643",38,"danaris",[553,554,42,384,555,46],"30958968",39,"the_other",[103,557,50,331,104,46],40,[559,560,42,384,561,46],"30958186",41,"liamkf",[563,564,50,421,565,46],"30999233",42,"mapster",[567,568,42,384,569,46],"31021839",43,"davidjhall",[224,571,49,379,225,46],44,[573,574,42,384,407,46],"30958820",45,[265,576,50,331,266,46],46,[578,579,50,331,580,46],"30958916",47,"wunderlust",[582,583,49,306,584,46],"30957298",48,"robbiejs",[150,586,42,384,151,46],49,[588,589,49,306,590,46],"30963352",50,"lxgr-linux",[592,593,42,384,594,46],"30964950",51,"SubiculumCode",[596,597,42,327,598,46],"30964964",52,"ipdashc",[600,597,49,292,601,46],"30965016","Bilal_io",[603,604,50,455,605,46],"30985044",53,"stormouse",[607,608,50,331,609,46],"30959065",54,"6510",[611,608,46,315,612,46],"30960754","tiborsaas",[261,614,50,331,262,46],55,[616,617,50,455,618,46],"30968991",56,"ipiz0618",[620,621,42,384,622,46],"30957459",57,"raldi",[624,621,42,384,625,46],"30957938","gwill",[115,627,49,306,116,46],58,[629,630,50,455,631,46],"30963718",59,"carlos-menezes",[633,634,50,455,635,46],"30958349",60,"ojiwan",[637,638,50,455,639,46],"30959945",61,"vivegi",[107,641,50,455,108,46],62,[643,644,50,455,645,46],"30958978",63,"Air320",[647,648,50,455,649,46],"30958848",64,"gdgh",[651,652,49,653,654,46],"30962307",65,"project\u002Fmixed\u002Fpricing","mdoms",[656,659],{"id":657,"t":658,"points":431,"comments":18},"30856632",1648654592,{"id":4,"t":12,"points":14,"comments":15},[661,666,671,676,681,686],{"id":662,"name":663,"points":664,"category":665},"30946792","Redditle.com",448,"web_saas",{"id":667,"name":668,"points":669,"category":670},"30970911","Explordle",390,"learning_science",{"id":672,"name":673,"points":674,"category":675},"31002171","indieblog.page",241,"productivity",{"id":677,"name":678,"points":679,"category":680},"30992587","Multiplayer",221,"infrastructure",{"id":682,"name":683,"points":684,"category":685},"30991235","howto-wasm-minimal",217,"dev_tools",{"id":687,"name":688,"points":689,"category":690},"31013326","Half Loaf Near Me",196,"consumer_social",false,"v2",{"id":694,"name":5,"line":6,"ai":691,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":695,"top":18,"kw":696,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":697,"url":9,"mix":698,"praise":87,"objection":120,"sub":21},30956775,0.02,[24,25,26,27],"3333150055321113321353241235424233155155",[31,32,33,34],1794036619026]