Papervision3D Bookshelf

August 21, 2008 | Uncategorized | 19 Comments

I recently completed a website that catalogs books and in the development I wanted to make something really new. The backend is all ASP.NET, implementing UrlRewriter.NET and AJAX.NET libraries. The frontend uses several JavaScript libraries including Prototype, Scriptaculous, and Tablesort.

The one really unique feature of the site is the 3D bookshelf built using Papervision3D. Just yesterday it was featured in blog Daily PV3D as Papervision showcase.

You can check out the book shelf here:

http://www.bestcommentaries.com/category/proverbs/

Screenshots

Plain bookshelf:

image

Mouse over the third book from the left:

image 

Book clicked:

image

How it works

Using Papervision, it's relatively easy to make a 6 sided polygon (cube) and then wrap images around it. I use the physical dimensions of the actual book to size the cube. Then, for the cover, I use an image of the book and wrap the last pixel around the side since I don't have spin images. I tried using System.Drawing code to write the author's name on the spine, but I could never get it to look just right, so I left it out. The only real catch was that I needed to place the shelf on a different Papervision scene to prevent clipping problems. The bookshelf also interacts with an HTML table down below via Flash's JavaScript ExternalInterface.

Since developing this 3D bookshelf, I found one site that does something somewhat similar, but they have the spine images which I can't afford to find for 1000s of books. Also, I think that the JavaScript interaction on mine might give it an edge.

19 responses to “Papervision3D Bookshelf”

  1. Dan says:

    Wow.

    Just WOW.

    Terrific work there John.

  2. Hi John:

    (clicking the ‘bold’ button caused the page to refresh; apologies if double posted)

    Just wanted to say hello & thanks for the nice image of Chichen Itza; brought back memories of my visits there in the 80s/90s.

    Also, AFAIK, "Flash Panorama Player" is not Papervision based… Though my open source viewer is. :) See link below & enjoy!

    Cheers,

    Patrick

    http://flashpanos.com/content/panosalado-open-source-flash-panorama-player

  3. Al Nyveldt says:

    Very cool stuff John. How do you find time to do it all?

  4. Alp Çoker says:

    Brilliant project..But I can zoom in bookshelf with mouse scroll but also pages scrolls ?

  5. potty says:

    Interesting project. Thanks for sharing!

  6. Our shop offers many famous Chopard Replica Watches. for example:Chopard Mille Miglia Replica Watches,Chopard Grand Prix de Monaco Historique 2008 Chronograph, They are all wrist watches and you can buy one for your father to show your love ,moreover. no one could know it a replica one.

  7. David Watts says:

    I really like the bookshelf, I had a go at making a papervision bookshelf, mine is pretty early in development. http://www.davidjwatts.com/Papervision_3D_Bookshelf

  8. Excellent blog here! Also your website loads up
    very fast! What host are you using? Can I get your affiliate link to your host?
    I wish my web site loaded up as quickly as
    yours lol

  9. I read this paragraph fully regarding the resemblance of
    newest and preceding technologies, it’s amazing article.

  10. Hurrah! After all I got a blog from where I can in fact get valuable information regarding my study and knowledge.

  11. It’s really a great and helpful piece of info. I’m glad that you just shared this useful info with us.
    Please keep us informed like this. Thank you for sharing.

  12. เราทุกคนรู้ว่า ทุกคนตระหนัก
    เป็นชื่อ จะเรียกว่าเมืองแห่งนางฟ้า
    แต่ผู้เขียนโทนี่โอนีล มาถึง แบ่งปันกับ ถ้าคุณเชื่อว่า
    ที่แล้ว เธอมี ที่จะนำเสนอ คุณ นวนิยายเรื่องล่าสุดของเขาป่วยซิตี้ ฟิวส์
    ทุกสิ่งที่เราได้มา เข้าชม สถานที่ในฝัน; เพศยาเสพติด และจำนวนมากของ และอีกหลายเงิน แต่ถ้ามันเป็นเรื่องง่ายที่ ง่ายดังนั้น เราทุกคนต้องการจะสูงหลายสำเร็จความใคร่, เศรษฐี แต่มันเป็น มันไม่ได้ใช้
    วางของพวกเขา ปอนด์ของเนื้อ โอนีลขุดคุ้ยลึกลงไป ในจุดอ่อนของ Los Angeles
    กับ ใช้ เรื่องที่แสดงให้เห็นว่า ไม่มี
    เป็นได้อย่างง่ายดาย เงิน แต่มีความอุดมสมบูรณ์ของ สกปรกยาก คำขอมีราคาที่จะต้องจ่าย เป็น
    ทุก คำขอเป็นไม่ยอมใครง่ายๆ ในตอนท้ายของ ในหนังสือเล่มนี้ผมจำเป็นต้องมีเครื่องทำน้ำอุ่นที่มี มี
    แหวะ
    เจฟฟรีย์และแรนดอ รวม สองตัวละครหลักที่ดูเหมือนตรงข้ามทั้งหมด แต่คุณรู้อย่างรวดเร็ว พวกเขาได้มีความอุดมสมบูรณ์ ในการร่วมกัน เจฟฟรีสามหมื่นเจ็ด ปี ขี้ยาจะมีชีวิตอยู่พ่อน้ำตาลและตำรวจแอลเอพีอดีตที่จู่ ๆ ก็ตายออกจากเจฟฟรีย์คนเดียวและหมดหวัง ก่อนที่เขาจะหัวออก เข้าไปใน ในสิ่งสกปรกและกรวด
    กับ ต้อง เล็ก ๆ น้อย ๆ กับเขา จะผ่าน ซ่อน ปลอดภัยเขาคว้าเงินสดปืนยาเสพติดและ บวก กระป๋องฟิล์ม 16mm
    สร้างขึ้นจาก สุดท้าย ประสิทธิภาพการทำงานของนักแสดงชารอนเทต; ชารอนเทตของชาร์ลส์แมนสันมีชื่อเสียง ไม่เคยเห็นมาก่อนภาพยนตร์เรื่องนี้เป็นของเธอและอีกหลาย
    และจำนวนมากของ เช่นเดียวกับนักร้อง ส่วนร่วมในการผลักดันยาเสพติด สนุกสนานกันอย่างเป็นบ้าเป็นหลัง
    แรนดัลเป็น อาจจะเป็น ของคุณ ฮอลลีวู้ดตำนาน ของเขา สารเสพติด ยาเสพติดและการเข้าชมอย่างต่อเนื่องเพื่อฟื้นฟู เกิดขึ้นจะเป็น ละเว้นโดยส่วนใหญ่เป็นครอบครัวของเขายกเว้นพี่ชายของเขาฮาร์วีย์ ด้วยเงินครอบครัวและธุรกิจ
    อยู่ในมือของ , จะมีบริการ
    สุดท้าย ความเป็นไปได้ที่จะ ล้าง หรือ ได้รับหายไป น้องชายของเขา เพื่อ ในศูนย์สะอาดและซีรีบำบัด ศูนย์ ดำเนิน โดยดร.
    ไมค์ที่ยังเป็นเจ้าภาพ ฮอลลีวู้ด
    ฟื้นฟูการแสดงคล้ายกับ เปรียบได้กับดร.
    ดรูว์ มันนี่ที่แรนดัลและเจฟฟรีย์ตอบสนอง
    อารมณ์ขันและความสิ้นหวังใน ภายใน ภายในศูนย์บำบัดจะถูกเขียนได้อย่างสมบูรณ์แบบกับ
    ด้วยตาต่อ สมัยใหม่ , absurdist, โทรทัศน์บำบัด โอนีลอธิบาย ในทางที่ แม้กระทั่งผู้ที่ไม่เคยได้ไป เข้าร่วม บำบัดสามารถที่เกี่ยวข้อง นั่นเป็นเพราะเราได้
    ของทุกคน หนึ่งหรือมากกว่า แสดงฟื้นฟูชื่อเสียงทีวี ดร.

    ไมค์แม้ว่า เป็นอย่างเท่าเทียมกันเป็น จะเป็นมาก
    ลดลง ตั้งแต่ เพราะผู้ป่วยที่เขารักษา แต่
    เขามี เหรียญ และมีชื่อเสียงดังนั้นเขาจึง
    สูง ขี้ยาระดับ แต่ติดยาเสพติดของเขาไม่ได้ แต่เพียงผู้เดียว ยาตามใบสั่งแพทย์ เขาอยู่ในความรักกับ ที่มี tranny
    ในขณะที่ใน ภายในศูนย์บำบัดเจฟฟรีย์ไว้วางใจในแรนดัล เขาบอกว่าเขา จาก บวกบาง
    ที่จะนำเสนอ มัน แรนดอเห็นศักยภาพดอลล่าล้าน, มีบางส่วนของรายชื่อของเขาในฮอลลีวู้ด พวกเขาวางแผนที่จะขาย ที่จะนำเสนอ
    เมื่อพวกเขา ทั้งสอง เกิน
    สะอาดและซีรีน
    แต่ ความพยายาม เริ่มต้นเมื่อแรนดอโผล่ออกมาจาก
    และครอบครอง รอ สิบสี่วัน ไปยังจุดสิ้นสุด เวลาของเขา
    บน แรนดัลเป็น ใต้ ตานกอินทรีของพี่ชายของเขาและหลังจาก
    สองสัปดาห์ ไม่เคยได้ยินจากเจฟฟรีย์ หลังจากนั้นหนึ่งเดือนเขา มันอย่างเป็น ทั้งหมดเพียง BS และตัวเลขที่ดีกว่าเขา ดำเนินการ ก้าวไปข้างหน้า แต่สิ่งหนึ่งที่ เรียก ​​การเปลี่ยนแปลงทุกอย่างที่ แรนดัลและพบว่าตัวเองแบกเจฟฟรีกำเริบออกมา ของคุณ ถ้ำยาเสพติดและเป็น เพราะพวกเขา
    ใส่ของพวกเขา แผนไปสู่​​การปฏิบัติ
    อย่างไรก็ตาม ตรงไปตรงมา ที่จะนำเสนอ เซ็กซ์เทปวุ่นวายและกลายเป็นเมฆ ภายใต้
    กับหมอก ควันแตก เจฟฟรีย์และแรนดัลไม่เพียง แต่ ไม่ได้เป็นเพียง แต่ตัวแทนจำหน่ายโรคจิต ยัง .

    ความสิ้นหวังของพวกเขาที่จะได้รับ
    ราคาสูง มีนี้ โจรที่จะตาย แน่ใจหรือไม่ได้
    ไม่มีใคร มักจะให้เป็น จะได้รับความไว้วางใจและ
    ยัง ของ B
    ในระหว่างที่โอนีลสาน 2 ค้ายาเสพติดบิตย้อนลามก necrophilia แตกบ้านและ
    เช่นเดียวกับการฆาตกรรม ที่เริ่มต้น ใหญ่ กลิ้งลูกบอลที่เหมาะสมต่อและเจฟฟรีย์แรนดัล ไม่ยอมใครง่ายๆเขียนและคำอธิบายที่ชัดเจนของชีวิตยาเสพติดทำให้เส้นเลือดฉันเจ็บ
    แต่โอนีลไม่ให้ออก มากกว่า ลูกสูบและผลักดันซองจดหมายระหว่างความเป็นจริงและสิ่งที่บางครั้งรู้สึกเหมือน
    จินตนาการสกปรก ป่วยซิตี้ เป็นเพียง แน่นอนว่า; เกี่ยวกับ เกอร์นีย์และ flatlining
    มันเกือบจะทำให้คุณ ช่วยให้คุณสามารถ
    มีความสนใจใน ; เมืองแห่งนางฟ้า
    หนังสือโทนี่โอนีลรวมถึงการขุดหลอดเลือดดำลงและออกในการฆาตกรรมไมล์และฮีโร่ของ ในใต้ดิน นอกจากนี้เขายังเป็นผู้เขียนร่วมของนีออนแองเจิล: ไดอารี่ของ ของ รันอะเวย์โดย Cherie
    Currie การเขียนเรียงความของโอนีล, บทกวีและเรื่องสั้นได้ปรากฏตัวขึ้นอย่างกว้างขวาง ออนไลน์และ บนเน็ต เขาเป็นผู้รอดชีวิตจากยาเสพติดนอกจากนี้การละเมิดแตกบำบัดพ่อและถูกคุมขังใน ไบรอันโจนส์ทาวน์หมู่
    Kenickie และวงมาร์คอัลมอนด์ของ เขาใช้ชีวิตอยู่ในนิวยอร์กกับเขา ร่วมกับเขา ภรรยาและลูกสาว

  13. I enjoy, lead to I found just what I used to be looking for.

    You have ended my four day long hunt! God Bless you man. Have a great
    day. Bye

  14. I pay a quick visit everyday a few web pages and sites to read content, except this web site offers feature based
    articles.

  15. Very good article. I’m facing some of these issues as well..

  16. website says:

    We absolutely love your blog and find many
    of your post’s to be exactly what I’m looking for. Would you offer guest writers to
    write content for you? I wouldn’t mind publishing a post or elaborating on some
    of the subjects you write with regards to here. Again, awesome web site!

  17. fenetres pvc says:

    Why users still make use of to read news papers when in this technological world all is existing on
    web?

  18. link says:

    Very nice post. I just stumbled upon your blog and
    wanted to say that I have truly enjoyed surfing around your blog posts.
    After all I will be subscribing to your rss feed and I hope you write
    again very soon!

  19. maxbet says:

    Symphonic in scope, these albums have built on the already-imposing density of Gira‘s earlier work, with a pair of double albums (2012′s The Seer and 2014’s To Be Kind) breaking new ground

Leave a Reply

Hi, I'm John Dyer. In my day job, I build websites and create online seminary software for a seminary in Dallas. I also like to release open source tools including a pretty popular HTML5 video player and build tools that help people find best bible commentaries and do bible study. And just for fun, I also wrote a book on the theology of technology and media.

Fork me on GitHub

Social Widgets powered by AB-WebLog.com.