一个美丽的世界。BFCM三维数据可视化的制作过程

By Mikko Haapoja and Stephan Leroux

作者：Mikko Haapoja和Stephan Leroux

2020 Black Friday Cyber Monday (BFCM) is over, and another BFCM Globe has shipped. We’re extremely proud of the globe, it focused on realism, performance, and the impact our merchants have on the world.

2020年黑色星期五网络星期一（BFCM）已经结束，另一个BFCM地球仪已经发货。我们为这个地球仪感到非常自豪，它专注于现实主义、性能和我们的商家对世界的影响。

The Black Friday Cyber Monday Live Map

黑色星期五网络星期一实时地图

We knew we had a tall task in front of us this year, building something that could represent orders from our one million merchants in just two months. Not only that, we wanted to ship a data visualization for our merchants so they could have a similar experience to the BFCM globe every day in their Live View.

我们知道今年有一项艰巨的任务摆在我们面前，在短短两个月内建立一个能代表我们一百万商家订单的东西。不仅如此，我们还想为我们的商户提供一个数据可视化，使他们每天都能在他们的实时视图中获得与BFCM全球类似的体验。

Prototypes for the 2020 BFCM Globe and Live View. **

2020年BFCM地球仪和实景图的原型。**

With tight timelines and an ambitious initiative, we immediately jumped into prototypes with three.js and planned our architecture.

面对紧迫的时间和雄心勃勃的计划，我们立即用three.js进行原型设计，并规划我们的架构。

Working with a Layer Architecture

使用层结构的工作

As we planned this project, we converged architecturally on the idea of layers. Each layer is similar to a React component where state is minimally shared with the rest of the application, and each layer encapsulates its own functionality. This allowed for code reuse and flexibility to build both the Live View Globe, BFCM Globe, and beyond.

当我们计划这个项目时，我们在架构上趋向于层的想法。每一层都类似于React组件，其状态与应用程序的其他部分共享的程度最小，并且每一层都封装了自己的功能。这使得代码的重复使用和灵活性成为可能，从而建立了Live View Globe、BFCM Globe及其他。

A showcase of layers for the 2020 BFCM Globe. **

2020年BFCM全球的层次展示。**

When realism is key, it’s always best to lean on fantastic artists, and that’s where Byron Delgado came in. We hoped that Byron would be able to use the 3D modeling tools he’s used to, and then we would incorporate his 3D models into our experience. This is where the EarthRealistic layer comes in.

当现实主义是关键时，最好的办法是倚靠神奇的艺术家，这就是拜伦-德尔加多的作用。我们希望拜伦能够使用他所习惯的3D建模工具，然后我们将他的3D模型纳入我们的经验。这就是EarthRealis...