6 ms·
Show HN: I built an animated 3D bookshelf for ebooks
- nerfherder777 2y ago[dupe]
- randomcatuser 2y agoThis is awesome! If we want to extend this to be a whole virtual library, are there datasets that people know about for book covers? One thing that would be cool is book spine datasets!
- mawise 2y agoMost ebooks have embedded cover images that Calibre will automatically extract. I know of https://isbndb.com/ https://isbndb.com/ which has covers of some resolution but I've never tried using them before.
- vessenes 2y agoGood q! Check my other comment here about spine images.
- cdrini 2y agoOpen library has covers/metadata; alas no spines! I built an interface similar to this for Open Library using library classifications for sorting: https://openlibrary.org/explore https://openlibrary.org/explore
- deleted 2y ago[deleted]
- 101008 2y agoVery nice. I can imagine a publisher website using something like this to promote their books.
- AdmiralAsshat 2y agoHow are the books sorted?
- mawise 2y agoRight now books are sorted by author name (eek, I think first name--calibre has an author_sort field I should use), then series name, then series index.
- quirino 2y agoVery cool! I've wanted to build something similar to this for music. Some virtual environment where you can organize your albums on shelves and play them on a turntable. You could even extend this so you have to walk to a store to buy new albums etc.
- vunderba 2y agoI can't remember the name, unfortunately, but a year ago, I saw a oculus quest VR environment which re-created a standard 90s era bedroom. The user could then add a text file containing a bunch of YouTube URLs and all the associated YouTube videos got represented as physical VHS tapes that you had to put into the actual VCR in order to play them on the TV in the room.
- aranelsurion 2y agoMost probably EmuVR. You also get to play NES and some other systems on a variety of old virtual TVs. :)
- Animats 2y agoSansar had that years ago. They re-created Aech's basement from Ready Player One, with walls of tapes in various formats.[1] This could be explored in VR. It was good for a few minutes of amusement, but not useful. They didn't have the rights to let you play much of the collection. There's a business in Second Life which has virtual video stores, where all the videos are in boxes on shelves. You can walk around, look at the titles, rent them, and play them on your virtual TV. Have friends over to your virtual house and you all see the same thing. They have some rights deal which lets them do this for a few hundred videos. The selection is comparable to what Redbox stocked. This was big during COVID lockdown; not so much now. [1] https://atlas.sansar.com/experiences/sansar-studios/ready-player-one-aech-s-basement https://atlas.sansar.com/experiences/sansar-studios/ready-pl...
- jimmySixDOF 2y agoThis is a version of a book you can see in WebXR and there are examples on his YouTube of flipping through pages to read [1] Also an interesting new template project in ThreeJS/React R3F [2] [1] https://zachernuk.neocities.org/autobook/ https://zachernuk.neocities.org/autobook/ [2] https://x.com/wawasensei/status/1817118226545053706 https://x.com/wawasensei/status/1817118226545053706
- chrisco255 2y agoIs there a live demo or do we have to clone it to see it?
- mhandley 2y agoIf it doesn't show for you in the README (it didn't for me at first), just click on demo.gif
- chadhutchins10 2y agoBrandon Sanderson ftw!
- erichdongubler 2y agoWent to comments here exactly for this. I was delighted to see one of my favorite authors front-and-center as an incidental detail of an otherwise unrelated tech. demo.
- cyanmagenta 2y agoLooks great! One thing to consider would be adding some more specular lighting. Books in real life are shiny, and the render looks a bit flat.
- figmaballs 2y ago[dead]
- vessenes 2y agoNice! Many, many years ago, when Shelfie was shutting down, I was imagining we might want VR bookshelves one day, and I convinced Brewster to store Sheflie's spine and cover images over at the archive. Might be worth reaching out to see if they still have them. Spine images are a little hard to get; they're not part of the Amazon API, for instance.
- deleted 2y ago[deleted]
- westurner 2y agoDigital Bookshelf screensavers for streaming boxes would be cool.
- Jemaclus 2y agoI read almost exclusively on Kindle, and one of the downsides of an e-book library is that it's not really browsable by your friends and family when they come over. I've long envisioned a movie poster-sized touch screen that shows my library almost exactly like this, so people can touch it, scroll through my library, and interact with books (ie, animate it sliding out and displaying the cover + description). When it's not interacted with, it just looks like a painting on the wall. I have zero idea how to pull this off, but I'd love to do it, and this visualization of the shelf is exactly what I had in mind! Amazing job. I'm very impressed!
- 2OEH8eoCRo0 2y agoI've wanted something like this so that I can have a custom bookshelf behind me in teams calls. I was tempted to make one but had no clue where to find book spine artwork.
- cxr 2y agoDigitizing spines is a lot less labor intensive than bookscanning; getting photos of spines is basically just taking photos of shelves, so maybe just go to the library and spend about 5 minutes taking photos.
- popcalc 2y agoMaybe you'd also be interested in the Kindle Flare: https://www.youtube.com/watch?v=fDBzQkWeQ5g https://www.youtube.com/watch?v=fDBzQkWeQ5g
- 2OEH8eoCRo0 2y agoI love it!
- zzimbler 2y agoSuper cool - reminds me of the Stripe press website https://press.stripe.com/ https://press.stripe.com/
- dheera 2y agoReminds me of Microsoft Bob
- cdrini 2y agoVery cool! I love the animation. I worked on a similar interface inspired a while back for Open Library: https://openlibrary.org/explore https://openlibrary.org/explore . You have to go to "Settings > Book style > 3d-spine" to enable the effect
- pelcg 2y agoNot a bookshelf, but it reminds me of something that Stripe did something similar here which is equally as cool. https://press.stripe.com/ https://press.stripe.com/
- foobarbecue 2y agoGreat. Back when quirky.com was a product idea site, I proposed a piece of furniture that would be a bookshelf for ebooks (large e-ink screen cabinet).
- macshome 2y agoI miss all the cool animations and loving touches like this in Apple’s iBooks.
- bufferoverflow 2y agoLooks: nice Usability: useless
- yreg 2y agoYou could say the same about a physical library, yet most people wouldn't prefer a library of uniform books with 'boring' uniform spines. This is not an argument, just a thought.
- chaostheory 2y agoIt’s only useless if you limit yourself to flatscreen technology. This is definitely useful for AR VR
- hi_hi 2y agoI do not own many leather-bound books, nor does my apartment smell of rich mahogony, but this gave me a wonderful idea for visualising what my many ebooks might look like through an AR or VR virtual library experience.
- Aeolun 2y agoYou just… built exactly the thing I was working on. Except it looks better. I’ve had this before, but I figured this project would be small and niche enough that it‘d never happen. Crazy shit.
- deleted 2y ago[deleted]
- narcraft 2y agoDitto
- nerfherder777 2y agoPretty cool!
- beachy 2y agoLooks great. Though while I love me some skeuomorphism, it goes too far when it is plainly detrimental to usability, which it is here - I have to crane my neck sideways to read the titles. In a virtual world, the books could be stacked horizontally so that the titles are readable with user head upright.
- JoeDaDude 2y agoSomething very similar was done a while ago by Petar Gyurov: https://petargyurov.com/bookshelf/ https://petargyurov.com/bookshelf/
- petargyurov 2y agoThanks for the shout out!
- ouroumov 2y ago2022 / Spin has no cover
- ouroumov 2y ago*Had I guess CTRL+F5 Fixed it
- petargyurov 2y agoThanks, yeah I currently just hardcode the image URL from whatever cover I find online. Maybe you had an old version cached or the image just failed to load for whatever reason. I need to update my bookshelf really, I haven't bothered to do so since 2023!
- Johaanlowis 2y ago[dead]
- tcbasche 2y agoThanks ChatGPT
- roshankhan28 2y agoi would love if someone could create the same for the ps3 emulator games which run on emulator on my pc.
- Michael1991 2y ago[dead]
- OldSystemsFart 2y ago[flagged]
- InDubioProRubio 2y agoIt was a fad to abandon this for flat design, but it has been shown since then, that many designers are highly incompetent when it comes to useability - and this is great useability as in - the interface explains itself. Which 2d- flatland designs usually do not (some do, with animations etc.) . Thus the fad is in full retreat and useability is king again.
- deleted 2y ago[deleted]
- hamza__nouali 2y agoNice idea and implementation, would love to see a live demo without having to install this on my machine.
- wolfhumble 2y agoLooks nice! What is the license for this project – I can't find it on the project? Thanks!
- mawise 2y agoGood call, I've added an MIT license to the project.
- wccrawford 2y agoVery nice! It's a shame that Calibre doesn't have pics of the book spines to work with on something like this.
- GNOMES 2y agoI wish Plex included something like this
- jorshman 2y agoI can imagine this being used to design a better Goodreads UX where you can see your friends' libraries. Super cool!
- bejd 2y agoThe thickness of the book being calculated from its page count is a really nice touch.
- flykespice 2y agoHere is a tip to attract users: Add screenshot(s) showing how your bookshelf looks like.
- drumdance 2y agoNicely done. Years ago I had the idea of projecting my Kindle library onto the wall to look like a bookshelf. Stopped at the idea stage.