Comments on: Creating a Wobbling 3D Carousel

By: JSSAY » 用Jquery制作的几款3D效果

JSSAY » 用Jquery制作的几款3D效果 — Sun, 29 Nov 2009 07:33:13 +0000

[...] Creating a Wobbling 3D Carousel Download Example [...]

By: jQuery开发的3D效果_网站建设与软件开发是我们的专业-US-TEAM网站建设与软件开发团队

jQuery开发的3D效果_网站建设与软件开发是我们的专业-US-TEAM网站建设与软件开发团队 — Sat, 28 Nov 2009 10:34:53 +0000

[...] 点击下载源码查看详情 [...]

By: OpteronMX

OpteronMX — Wed, 28 Oct 2009 18:02:51 +0000

Ha, forget about it, I get it! my code was ok, the problem was float numbers on z-index, I just round them, and now it works

I changed this:
[code]
Scene3D.prototype.renderCamera = function (camera){
...
currItem._y = screenPoints[k].y;
currItem._depth = Math.floor(screenPoints[k].depth); //line added
currItem.scale = screenPoints[k].scaleFactor;
...
$(currItem).css({opacity:(currItem.scale-.5)});
$(currItem).css('z-index',(currItem._depth)); //line added
...
[/code]

Shawn, Thanks for your engine!!!

Daniel Alvarado

By: OpteronMX

OpteronMX — Wed, 28 Oct 2009 16:27:29 +0000

photofunny, This carousel works with images, but not at all, because Shawn’s 3D engine don’t uses z-index values for depth effect in render time, and this causes the carousel to look weird when the elements have different colors between them.

Shawn, As I need to do something similar to a carousel (only a section will be visible, so won’t look like a carousel) but with images, I tried to implement depth, but I can’t.

I changed renderCamera (near the end), getting depth value from screenPoints item, and trying to set z-index with DOM properties and/or jQuery css(), but doesn’t works…

Can you give me a clue?

By: Oscar Peterson

Oscar Peterson — Wed, 28 Oct 2009 13:04:07 +0000

Very nice. Really amazing!
I’ll use it at our website.
Thanks.

By: Marcio Wesley Borges

Marcio Wesley Borges — Thu, 08 Oct 2009 02:10:08 +0000

Fantastic!
Thank you for this greatest article!

Regards,
Marcio Wesley Borges
http://www.marciowb.net

By: Creating a Wobbling 3D Carousel | My Web Development Bookmarks

Creating a Wobbling 3D Carousel | My Web Development Bookmarks — Wed, 07 Oct 2009 00:04:51 +0000

[...] See the article here: Creating a Wobbling 3D Carousel [...]

By: Shawn

Shawn — Thu, 01 Oct 2009 11:44:24 +0000

In theory it should work. I’ve never actually tried. I’m curious to see the performance.

By: XanelaWeb – Diseño, web y nuevas tecnologías » Motor 3D para jQuery

XanelaWeb – Diseño, web y nuevas tecnologías » Motor 3D para jQuery — Thu, 01 Oct 2009 07:17:45 +0000

[...] librería con tutorial completo y varios ejemplos en diversos posts que nos ayuda a trabajar con 3D en jQuery. Tan sólo es necesario crear una [...]

By: photofunny

photofunny — Wed, 30 Sep 2009 21:30:03 +0000

It can be used with imaged instead of a text list???