[{"data":1,"prerenderedAt":284},["ShallowReactive",2],{"project-19665822":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":34,"aspects":35,"strip":45,"post_text":46,"what":47,"said":77,"maker_in_thread":170,"shape":175,"grid":179,"attempts":246,"same_week":247,"maker_shows":40,"maker_hidden":276,"reader_version":277,"card":278},"19665822","js-cloudimage-360-view","JavaScript plugin to build 360-degree images","title","Show HN: JavaScript plugin to build 360-degree images","https:\u002F\u002Fgithub.com\u002Fscaleflex\u002Fjs-cloudimage-360-view","github.com","itchfer",1555340552,2019,87,28,552,2195,26,"notable","languages","javascript plugin","library",[24,21,25,26,27],"360 view","product spin","image rotation","360 degree images","mixed",-0.146,{"positive":31,"neutral":32,"mixed":33,"critical":31},5,9,3,22,{"performance":36,"idea":38,"pricing":41,"execution":42,"design":43,"docs":44},{"positive":37,"critical":37},0,{"positive":39,"critical":40},2,1,{"positive":37,"critical":37},{"positive":40,"critical":40},{"positive":39,"critical":33},{"positive":37,"critical":37},[37,33,31,33,33,33,33,33,31,40,33,33,33,37,37,37,37,40,37,33,31,40,33,40,40,31,31,33],null,{"problem":48,"audience":46,"pricing":60,"motivation":46,"time_to_build":46,"stack":66,"openness":74,"stage":75,"team_size":76},{"value":49,"source":50,"evidence":51},"Showing products or spaces as draggable 360-degree image sequences","commenter",[52,56],{"id":53,"by":54,"text":55},"19701588","dmitry_sfx","You can use the plugin not only for 360 product view. As idea for renting homes, you can make the camera to be set at the focal point instead of the object and you can spin…",{"id":57,"by":58,"text":59},"19666938","lawrencegs","Very cool! Might want to add a section \u002F link on what kind of images we should use to give the maximum wow factor",{"value":61,"source":50,"evidence":62},"Uses Cloudimage token for responsive features; core usable without it",[63],{"id":64,"by":54,"text":65},"19671634","no at all. It's possible to use images from local folder, I'll add an example. You may not need to use Cloudimage token if you don't need responsive features (or you can make it…",[67],{"value":68,"source":50,"evidence":69},"JavaScript",[70],{"id":71,"by":72,"text":73},"19670834","max_likelihood","Thanks for sharing Tridi! I found it very easy to use and I liked the fact I could dump my images into a local folder and be done. With js-cloudimage-360-view, I first had to…","open_source","launched","unknown",{"praise":78,"objections":93,"requests":122,"questions":143,"alternatives":151},[79,86],{"value":80,"source":50,"evidence":81},"Nearly perfect open source solution for 360 image viewing",[82],{"id":83,"by":84,"text":85},"19667294","lwoo","I recently built a similar plugin [1] inspired by a bug report I had to resolve at work. Back then I had hard time trying to find a good open source solution and this one here is…",{"value":87,"source":50,"evidence":88},"Works well after touch fix in version 2.0.1",[89],{"id":90,"by":91,"text":92},"19671185","disillusion","Can confirm, works like a charm!",[94,104,111,115],{"value":95,"source":50,"evidence":96},"Swipe gestures block page scrolling on touch devices",[97,100],{"id":98,"by":91,"text":99},"19666842","I wonder if it's possible to catch horizontal touch events only. As it stands, the demo page is nearly impossible to scroll.",{"id":101,"by":102,"text":103},"19666913","tyingq","The ask is that swipe up\u002Fdown on elements that only want left\u002Fright bubble those up\u002Fdown events to the page so it scrolls. I believe it's not specific to any one device. Though…",{"value":105,"source":50,"evidence":106},"Mobile experience was not smooth",[107],{"id":108,"by":109,"text":110},"19669062","iamleppert","I expected a more fluid experience, especially on mobile (touch events maybe?) It would be better to use the images and photogrammetry software and instead make a real 3D…",{"value":112,"source":50,"evidence":113},"Requires Cloudimage account and paid cloud storage for hosting images",[114],{"id":71,"by":72,"text":73},{"value":116,"source":50,"evidence":117},"Spin direction was reversed on demo",[118],{"id":119,"by":120,"text":121},"19669010","cookingrobot","There seems to be a bug on the demo page: the Mercedes spins the wrong way when you drag.",[123,130,137],{"value":124,"source":50,"evidence":125},"Support video input to generate image sets",[126],{"id":127,"by":128,"text":129},"19670005","w-ll","I feel like I would have used a video file and basically make the dragging move the time scrubber. I'm pretty sure the video file would be smaller than all the individual images,…",{"value":131,"source":50,"evidence":132},"Add a spin-reverse option and local folder example",[133,136],{"id":134,"by":54,"text":135},"19674464","added a new param spin-reverse, demo updated.",{"id":64,"by":54,"text":65},{"value":138,"source":50,"evidence":139},"Ability to load a faster model than large 3D files",[140],{"id":141,"by":54,"text":142},"19671586","looks promising, but loading one large model takes lots of time. It is simpler and faster to load if we have asset of images.",[144],{"value":145,"source":50,"evidence":146},"How to capture 36 or 72 photos for a spin",[147],{"id":148,"by":149,"text":150},"19666511","ramon","I wonder how can one take 36 pictures or 72 pictures, how does this camera process works?",[152,159,166],{"value":153,"source":50,"evidence":154},"model-viewer custom element for glTF files",[155],{"id":156,"by":157,"text":158},"19669555","spankalee","There's also the \u003Cmodel-viewer> custom element that displays gltf files: https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Fupdates\u002F2019\u002F02\u002Fmodel-viewer Demo: https:\u002F\u002Fmodel-viewer.glitch.me",{"value":160,"source":50,"evidence":161},"Spectre viewer-360 slider",[162],{"id":163,"by":164,"text":165},"19666932","52-6F-62","Not to take wind out from the sails of OP, but there are [edit: not CSS only, a couple bytes of inline JS] alternatives that remove some of that issue, and usage ambiguity by…",{"value":167,"source":50,"evidence":168},"Tridi plugin",[169],{"id":83,"by":84,"text":85},{"comments":40,"answered":37,"key":171},[172],{"id":173,"text":174},"19670043","We are planning to add the feature which takes a video (even from your mobile phone) and creates an asset of images of the product. In this case, using high-quality images helps…",{"commenters":176,"max_depth":33,"maker_replies":40,"first_comment_mins":177,"lifespan_hours":178},17,81,99,[180,182,184,186,188,190,192,195,198,199,202,204,205,206,209,211,214,218,221,223,228,231,234,237,238,239,242,244],[156,37,37,181,157,37],"other\u002Fneutral\u002Fnone",[141,37,33,183,54,37],"project\u002Fmixed\u002Fperformance",[83,40,31,185,84,37],"project\u002Fpositive\u002Fidea",[71,40,33,187,72,37],"project\u002Fmixed\u002Fpricing",[64,40,33,189,54,37],"maker\u002Fneutral\u002Fpricing",[108,39,33,191,109,37],"project\u002Fmixed\u002Fidea",[193,39,33,194,54,37],"19669300","maker\u002Fneutral\u002Fexecution",[196,39,33,197,54,37],"19681011","project\u002Fneutral\u002Fexecution",[53,33,31,185,54,37],[119,200,40,201,120,37],4,"project\u002Fcritical\u002Fexecution",[203,200,33,194,54,37],"19669222",[134,200,33,194,54,37],[148,31,33,197,149,37],[207,31,37,181,208,37],"19666774","yeahitslikethat",[210,31,37,181,54,37],"19666813",[212,31,37,181,213,37],"19666799","k__",[215,31,37,216,217,37],"19671885","other\u002Fneutral\u002Fidea","bizzleDawg",[127,219,40,220,128,37],6,"project\u002Fcritical\u002Fidea",[173,219,37,222,11,40],"maker\u002Fneutral\u002Fidea",[224,225,33,226,227,37],"19668537",7,"project\u002Fneutral\u002Fnone","dRaBoQ",[229,225,31,230,54,37],"19668645","maker\u002Fpositive\u002Fexecution",[98,232,40,233,91,37],8,"project\u002Fcritical\u002Fdesign",[235,232,33,236,54,37],"19666886","maker\u002Fneutral\u002Fnone",[101,232,40,233,102,37],[163,232,40,233,164,37],[240,232,31,241,54,37],"19668203","maker\u002Fpositive\u002Fdesign",[90,232,31,243,91,37],"project\u002Fpositive\u002Fdesign",[57,32,33,245,58,37],"maker\u002Fneutral\u002Fdocs",[],[248,253,258,263,267,272],{"id":249,"name":250,"points":251,"category":252},"19640562","Tree of Reddit Sex Life",494,"creative",{"id":254,"name":255,"points":256,"category":257},"19638701","EdgeDB",224,"data",{"id":259,"name":260,"points":261,"category":262},"19662101","Mermrender",220,"dev_tools",{"id":264,"name":265,"points":266,"category":252},"19670046","Sortraits",132,{"id":268,"name":269,"points":270,"category":271},"19675005","opsimath",95,"learning_science",{"id":273,"name":274,"points":275,"category":262},"19681095","SQLGate",89,false,"v2",{"id":279,"name":5,"line":6,"ai":276,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":280,"top":18,"kw":281,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":282,"url":9,"mix":283,"praise":80,"objection":95,"sub":21},19665822,-0.15,[24,21,25,26,27],"0353333351333000010351311553",[31,32,33,31],1793990988297]