Misha Kiiatkin，又名 mesq，制作了一段梦幻般、类似 Frutiger Aero 风格的 Three.js 3D 动画，内容是一杯果冻水果甜点。Kiiatkin 是 edclub 的技术美术师，也是一位真正的 Three.js 魔法师。这件风格化作品的灵感来自 maomomiji 用丙烯颜料绘制的色彩缤纷的食物插画。

为了创建透明、果冻质感的资产，这位艺术家在 TSL 中使用了手绘法线配合 PostProcessing。手绘法线贴图非常适合制作风格化纹理。你可以通过在 Three.js 中把自定义法线贴图应用到标准材质上来实现它们。

除此之外，为了打造这种风格化的外观，Kiiatkin 使用了基于颜色渐变的笔触。为了减少 Three.js 的抖动颗粒感，他修复了场景中的抖动噪声。为了在动画中模拟抖动物理效果，这位艺术家为主要物体设置了软体晃动。他利用 Three.js BLOCKS 中的透射（transmission）来调整材质的折射深度，为塑料杯、果冻和水果块实现闪亮、玻璃般的质感。 

如果你喜欢这种柔和的果冻抖动动画，可以在这里玩一玩。两款甜品都具有交互性，你可以放大缩小、改变视角，还可以摇晃杯子让果冻动起来。 

你可以在 mesq 的 Twitter 上找到更多 Three.js 内容。Misha Kiiatkin 是一位 Three.js 专家，今年他在巴黎的 Three.js Conf 上做了一场关于如何为基于 Three.js 的项目创建手绘资产的演讲。他还在 GitHub 上分享了他的一些项目，所以如果你想做类似的东西，可以去看看。

想看更多风格化的作品吗？来看看 Kem 创作的绘画风格静物作品，以及 Gaku Tada 的这些水彩树。

相关链接

• Three.js Conf
• here
• GitHub

原文链接：https://80.lv/articles/look-at-this-jiggly-jelly-dessert-made-with-three-js