react 3d模型_制作3D React Carousel

react 3d模型

There is something in me that is amazed but beautiful 3D interfaces. And it doesn't matter whether they're functional like Gyroscope features menu, technology demonstrators like the amazing periodic table demo from famous or they're artistic representation pushing the limits of the current CSS technology like pens from Ana Tudor or Hakim El Hattab. I love them all and look for an excuse to use something similar in my applications.

我里面有些东西令人惊讶，但漂亮的3D界面。 它们的功能像陀螺仪的功能菜单 ，技术的演示者(如著名的令人惊奇的元素周期表演示)或它们的艺术表现都推动了当前CSS技术的极限，如Ana Tudor或Hakim El Hattab的笔都没关系 。 我喜欢他们所有人，并寻找借口在我的应用程序中使用类似内容。

Few months ago I tried React, it amazed me how quickly I become productive with it and enabled me to concentrate on writing my application. I quickly adapted a bootstrap theme, orchestrated interactivity and application interface was done in no time. However I felt that something was missing. As soon as the basic look and feel could be done with so little effort the little voice inside me felt unsatisfied. The goalposts were moved, I wanted animation.

几个月前，我尝试了React，这让我惊讶，我很快就变得高效，并使我能够专注于编写应用程序。 我很快适应了引导程序主题，精心安排了交互性，并立即完成了应用程序界面。 但是我感到有些东西丢失了。 只要花很少的精力就可以完成基本的外观和感觉，我内心的声音就会变得不满意。 球门柱被移动了，我想要动画。

"If everything seems under control, you're not going fast enough."

“如果一切似乎都受到控制，那么您的步伐就不够快。”

― Mario Andretti

―马里奥·安德烈蒂

学习绳索 (Learning the Ropes)

I decided to make a 3D carousel with React, as a standalone exercise how the framework works with small but self sustaining component. My first rule was the animation wont reset when I add and remove elements, change the layout or rotate the carousel. This hard constraint that was missing even from the commercial carousels made the underlying design di