[{"data":1,"prerenderedAt":581},["ShallowReactive",2],{"project-10646440":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":48,"post_text":51,"what":52,"said":73,"maker_in_thread":215,"shape":222,"grid":226,"attempts":543,"same_week":544,"maker_shows":34,"maker_hidden":573,"reader_version":574,"card":575},"10646440","Pickle Cat","Something pointless I made","title","Show HN: Something pointless I made","http:\u002F\u002Fdn.ht\u002Fpicklecat\u002F","dn.ht","dhotson",1448837161,2015,747,102,8,2565,1,"legend","creative","interactive demo","web_app",[24,25,26,27,28],"pixijs","webgl demo","displacement map","pseudo 3d","sprite animation","mixed",0.384,{"positive":32,"neutral":33,"mixed":34,"critical":35},39,19,2,10,70,{"execution":38,"performance":40,"design":41,"docs":43,"idea":45,"pricing":47},{"positive":39,"critical":34},7,{"positive":18,"critical":34},{"positive":42,"critical":42},4,{"positive":34,"critical":44},0,{"positive":46,"critical":34},14,{"positive":44,"critical":44},[49,50,50,44,49,50,50,50,50,50,50,49,18,44,50,18,18,49,44,50,49,49,49,50,50,50,50,50,49,50,42,49,50,18,49,49,50,50,50,34],3,5,null,{"problem":51,"audience":51,"pricing":51,"motivation":53,"time_to_build":51,"stack":60,"openness":71,"stage":72,"team_size":71},{"value":54,"source":55,"evidence":56},"Made a silly demo to show off PixiJS displacement effects.","maker",[57],{"id":58,"by":11,"text":59},"10646567","I made this demo using http:\u002F\u002Fwww.pixijs.com\u002F Something I'm really happy with is the psuedo-3d effect on the cat using a displacement map. I took the cat sprite…",[61,65],{"value":62,"source":55,"evidence":63},"PixiJS",[64],{"id":58,"by":11,"text":59},{"value":66,"source":55,"evidence":67},"Adobe Illustrator (depth map creation)",[68],{"id":69,"by":11,"text":70},"10646800","I'm glad you asked! :) I created it in Adobe Illustrator using a gradient mesh: http:\u002F\u002Fi.imgur.com\u002FkuuFVO2.png Illustrator's gradient mesh tool lets you create a grid of points…","unknown","launched",{"praise":74,"objections":113,"requests":151,"questions":177,"alternatives":200},[75,91,102],{"value":76,"source":77,"evidence":78},"Fun, silly and amusing","commenter",[79,83,87],{"id":80,"by":81,"text":82},"10647430","iconjack","Pointless? Hardly.",{"id":84,"by":85,"text":86},"10646634","yarper","Love it. Made me laugh.",{"id":88,"by":89,"text":90},"10648242","joe563323","Amazing. I just looked at it for about 5 seconds and was scared and freezed at the same time. What an Art!!!",{"value":92,"source":77,"evidence":93},"Pseudo-3D depth effect is subtle and well done",[94,98],{"id":95,"by":96,"text":97},"10647130","namuol","Yeah I came here to ask how you did the faux-3d cat. It's very subtle, but effective as hell. I thought you were using some kind of fancy parallax shader, but I can see how a…",{"id":99,"by":100,"text":101},"10647207","rl3","I'd like to congratulate you for the fact that this has higher production values than the majority of WebGL applications out there.",{"value":103,"source":77,"evidence":104},"Helpful demo for discovering PixiJS",[105,109],{"id":106,"by":107,"text":108},"10646773","bliti","It's not pointless. Demos like these help others discover libraries and frameworks. I did not know of pixiejs and it's something I need for work. Having the cat and pickles…",{"id":110,"by":111,"text":112},"10647039","n0us","The documentation for this project (pixi.js) is excellent. I look forward to working with pixijs and I hadn't heard of it before. http:\u002F\u002Fpixijs.github.io\u002Fdocs\u002Findex.html",[114,129,144],{"value":115,"source":77,"evidence":116},"Autoplaying music with hidden iframe is unwelcome",[117,121,125],{"id":118,"by":119,"text":120},"10653395","SarahofGaia","Gee, thanks a lot! The audio autoplay almost woke up everyone in the effing house! Seriously, I like the cat, but is this 1998?! Jesus, give us a dang warning at least!",{"id":122,"by":123,"text":124},"10648379","mkesper","Autoplaying music really should be avoided, though.",{"id":126,"by":127,"text":128},"10647208","dan-silver","That's an interesting way to get background music. Wastes bandwidth on the video though. \u003Ciframe src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FUsMewmMTA_c?autoplay=1\">\u003C\u002Fiframe>",{"value":130,"source":77,"evidence":131},"Does not render or shows blank page in some browsers",[132,136,140],{"id":133,"by":134,"text":135},"10646921","orliesaurus","Uncaught Error: This browser does not support webGL. Try using the canvas renderer :( :( :( :( :(",{"id":137,"by":138,"text":139},"10647813","tnecniv","@dhotson This is not rendering for me in Chrome on OSX. Is this a known issue?",{"id":141,"by":142,"text":143},"10648645","csvan","Getting a white page on Chrome 46, Fedora box.",{"value":145,"source":77,"evidence":146},"No lasers or interactivity beyond mouse-following",[147],{"id":148,"by":149,"text":150},"10647929","bwha","Is the cat supposed to shoot lasers? Feels like it should but does not for me. Hitting the mouse and space, as well as other keys, doesn't do anything.",[152,163,170],{"value":153,"source":77,"evidence":154},"Loop the music or use a playlist",[155,159],{"id":156,"by":157,"text":158},"10647446","pnt12","Seemed silly at first (well, still does, but in a good way). But from the comments in this thread, I realized this is actually a pretty cool demo. Completely unrelated to WebGL,…",{"id":160,"by":161,"text":162},"10648444","sspiff","I was going to request the music loop as well, it's pretty good background audio.",{"value":164,"source":77,"evidence":165},"Add a fullscreen button",[166],{"id":167,"by":168,"text":169},"10648279","motyar","Add a \"fullscreen\" button please",{"value":171,"source":77,"evidence":172},"Write a blog post about the technique",[173],{"id":174,"by":175,"text":176},"10647809","swcoders","really great. Please write blog about this",[178,189],{"value":179,"source":77,"evidence":180},"How was the depth map created?",[181,185],{"id":182,"by":183,"text":184},"10646754","cjslep","How did you create the depth map?",{"id":186,"by":187,"text":188},"10646774","prezjordan","Would love to hear more about how you generated the depth map - that's super cool.",{"value":190,"source":77,"evidence":191},"What is the music?",[192,196],{"id":193,"by":194,"text":195},"10647044","beeboop","What's the music from? Cool site.",{"id":197,"by":198,"text":199},"10647083","Kortaggio","For everyone wondering \"What's the music in the background?\" It's here: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=UsMewmMTA_c cleverly linked to via an autoplaying, hidden embedded iframe…",[201,208],{"value":202,"source":77,"evidence":203},"Original laser cat cucumber GIF by TJ Fuller",[204],{"id":205,"by":206,"text":207},"10647189","jashmenn","Fwiw this appears to be an awesome remix of (my cofounder) TJ Fuller's laser eyes cat shooting cucumbers gif, which can be found here:…",{"value":209,"source":77,"evidence":210},"Seene 3D capture tool",[211],{"id":212,"by":213,"text":214},"10648278","djtriptych","It'd be really cool to hack into an existing \"3d-ish\" capture tool, e.g. seene[1] [1]: http:\u002F\u002Fseene.co\u002Fa\u002Fpopular\u002F",{"comments":39,"answered":49,"key":216},[217,218,219],{"id":58,"text":59},{"id":69,"text":70},{"id":220,"text":221},"10647239","Yup! Credit where credit is due—that is the gif that inspired this thing. Love it! I'm really curious how they made it in the first place.",{"commenters":223,"max_depth":39,"maker_replies":39,"first_comment_mins":224,"lifespan_hours":225},89,30,200,[227,229,231,234,235,236,239,243,246,250,253,256,259,263,266,268,269,273,277,281,285,289,292,294,297,300,302,304,306,310,313,315,318,322,325,328,332,335,339,343,345,347,350,351,355,357,361,364,367,369,372,375,377,380,384,385,388,391,395,397,401,405,407,411,414,419,421,424,428,430,434,438,442,444,446,450,453,457,461,464,468,472,477,481,485,488,491,494,498,500,501,503,507,510,514,518,520,524,528,532,536,539],[58,44,44,228,11,18],"maker\u002Fpositive\u002Fexecution",[182,44,49,230,183,44],"maker\u002Fneutral\u002Fexecution",[232,44,50,228,233,44],"10646873","mbilker",[186,44,50,228,187,44],[69,44,44,230,11,18],[237,44,50,228,238,44],"10646848","flashman",[240,44,44,241,242,44],"10647374","other\u002Fneutral\u002Fdesign","ekianjo",[244,44,44,241,245,44],"10647577","voltagex_",[247,44,44,248,249,44],"10648454","commenter\u002Fneutral\u002Fdesign","simoncion",[251,44,44,252,245,44],"10649101","commenter\u002Fneutral\u002Fnone",[254,44,44,241,255,44],"10648771","stuaxo",[257,44,49,230,258,44],"10648407","zionpi",[260,44,44,261,262,44],"10648445","commenter\u002Fneutral\u002Fexecution","egypturnash",[264,44,50,228,265,44],"10646777","sgrove",[95,44,50,267,96,44],"project\u002Fpositive\u002Fexecution",[99,44,50,267,100,44],[270,44,44,271,272,44],"10648867","commenter\u002Fcritical\u002Fperformance","_pmf_",[274,44,50,275,276,44],"10650403","project\u002Fpositive\u002Fperformance","vonklaus",[278,44,50,279,280,44],"10647398","project\u002Fpositive\u002Fnone","x0",[282,44,44,283,284,44],"10648391","other\u002Fpositive\u002Fnone","jevgeni",[286,44,50,287,288,44],"10647425","project\u002Fpositive\u002Fdesign","morganvachon",[290,44,44,248,291,44],"10648015","intjk",[174,44,50,293,175,44],"maker\u002Fpositive\u002Fdocs",[295,44,50,279,296,44],"10648091","ricklamers",[298,18,44,283,299,44],"10647404","eugenekolo2",[106,34,50,301,107,44],"project\u002Fpositive\u002Fidea",[205,49,44,303,206,44],"other\u002Fneutral\u002Fidea",[220,49,44,305,11,18],"maker\u002Fneutral\u002Fidea",[307,42,49,308,309,44],"10648374","project\u002Fneutral\u002Fpricing","yummybear",[311,42,49,308,312,44],"10651129","aagha",[126,50,18,314,127,44],"project\u002Fcritical\u002Fperformance",[316,50,44,252,317,44],"10647396","eli",[319,50,44,320,321,44],"10647559","other\u002Fneutral\u002Fnone","ada1981",[323,50,44,271,324,44],"10648863","kowdermeister",[326,50,44,327,127,44],"10649675","commenter\u002Fneutral\u002Fperformance",[329,330,50,301,331,44],"10646979",6,"mrdrozdov",[333,330,50,301,334,44],"10648177","mbcrower",[336,39,50,337,338,44],"10647054","maker\u002Fpositive\u002Fidea","prawn",[340,39,49,341,342,44],"10647811","project\u002Fneutral\u002Fidea","benwaffle",[197,16,18,344,198,44],"project\u002Fcritical\u002Fdesign",[346,16,44,320,11,18],"10647411",[348,16,44,320,349,44],"10648577","Sujan",[122,16,18,344,123,44],[352,353,50,279,354,44],"10647170",9,"bovermyer",[148,35,18,356,149,44],"project\u002Fcritical\u002Fidea",[358,35,44,359,360,44],"10648132","commenter\u002Fneutral\u002Fidea","HCIdivision17",[362,35,44,359,363,44],"10648240","benjamincburns",[365,35,44,252,366,44],"10648367","igor47",[368,35,50,279,149,44],"10682186",[110,370,50,371,111,44],11,"project\u002Fpositive\u002Fdocs",[156,373,49,374,157,44],12,"project\u002Fmixed\u002Fidea",[160,373,49,376,161,44],"project\u002Fneutral\u002Fdesign",[378,373,44,320,379,44],"10648689","Shish2k",[381,382,50,279,383,44],"10647056",13,"niuzeta",[133,46,18,314,134,44],[386,46,44,387,11,18],"10646972","maker\u002Fneutral\u002Fperformance",[389,46,49,390,194,44],"10647081","project\u002Fneutral\u002Fperformance",[392,46,44,393,394,44],"10647254","commenter\u002Fneutral\u002Fdocs","atrilumen",[396,46,44,387,11,18],"10647268",[398,399,44,320,400,44],"10648309",15,"mrucci",[402,403,50,301,404,44],"10647062",16,"auston",[88,406,50,279,89,44],17,[408,409,49,341,410,44],"10695212",18,"ajslater",[412,33,50,267,413,44],"10648285","tasnimreza",[415,416,49,417,418,44],"10646990",20,"project\u002Fneutral\u002Fexecution","colejohnson66",[420,416,44,252,187,44],"10646996",[422,416,44,252,423,44],"10647366","re",[425,426,50,301,427,44],"10647178",21,"Pitarou",[212,429,49,341,213,44],22,[431,432,50,301,433,44],"10647722",23,"ozzmotik",[435,436,50,301,437,44],"10651487",24,"amai",[439,440,50,301,441,44],"10649133",25,"Shengbo",[118,443,18,344,119,44],26,[84,445,50,279,85,44],27,[447,448,49,308,449,44],"10648671",28,"pinkunicorn",[451,448,44,452,11,18],"10653359","maker\u002Fneutral\u002Fpricing",[454,448,49,455,456,44],"10674157","project\u002Fneutral\u002Fnone","timothybone",[458,459,50,279,460,44],"10648538",29,"Mchl",[462,224,49,376,463,44],"10648438","coderKen",[465,466,50,301,467,44],"10647146",31,"jhallenworld",[469,470,18,356,471,44],"10647086",32,"aakilfernandes",[473,474,50,475,476,44],"10678776",33,"maker\u002Fpositive\u002Fnone","fringd",[478,479,49,341,480,44],"10649454",34,"DarkIye",[482,483,50,475,484,44],"10648273",35,"ageofwant",[137,486,18,487,138,44],36,"project\u002Fcritical\u002Fexecution",[489,486,49,417,490,44],"10647829","lettergram",[492,486,49,493,363,44],"10648251","project\u002Fmixed\u002Fperformance",[495,496,50,301,497,44],"10647436",37,"latenightcoding",[141,499,18,487,142,44],38,[167,32,49,376,168,44],[193,502,49,455,194,44],40,[504,505,50,287,506,44],"10646905",41,"szastupov",[508,505,50,287,509,44],"10648237","yranadive",[511,512,50,475,513,44],"10648601",42,"ruiramos",[515,516,50,301,517,44],"10647755",43,"blobbers",[80,519,50,301,81,44],44,[521,522,50,287,523,44],"10647589",45,"cachvico",[525,526,44,320,527,44],"10648408",46,"ryan-allen",[529,530,50,301,531,44],"10650767",47,"boksiora",[533,534,49,455,535,44],"10647830",48,"bigsteve78",[537,538,49,455,535,44],"10647828",49,[540,541,18,344,542,44],"10647120",50,"pcunite",[],[545,550,555,560,565,569],{"id":546,"name":547,"points":548,"category":549},"10646551","HackerCouch",162,"consumer_social",{"id":551,"name":552,"points":553,"category":554},"10634918","Easy Forth",122,"learning_science",{"id":556,"name":557,"points":558,"category":559},"10663298","LaTeX Boilerplates",104,"productivity",{"id":561,"name":562,"points":563,"category":564},"10649059","Mmm",72,"languages",{"id":566,"name":567,"points":568,"category":20},"10656671","VerizonCraft",53,{"id":570,"name":571,"points":526,"category":572},"10637278","Real Time Black Friday Dashboard","web_saas",false,"v2",{"id":576,"name":5,"line":6,"ai":573,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":577,"top":18,"kw":578,"maker":11,"domain":10,"tier":19,"attempts":44,"strip":579,"url":9,"mix":580,"praise":76,"objection":115,"sub":21},10646440,0.38,[24,25,26,27,28],"3550355555531051130533355555354351335552",[32,33,34,35],1794036538136]