随着冬奥会的序幕在两天前正式拉开序幕，本届赛事的吉祥物冰墩墩也成功火起来。憨厚可爱的熊猫形象让冰盾盾的实体公仔和钥匙扣全部售罄。不少网友呼吁，现在真是“难求”！为了圆大家“一只手一个人”的梦想，国内程序员dragonir（在稀土掘金上搜索dragonir），利用前端+建模技术，自己实现了一个冰盾，并开源了代码GitHub。我们来看看具体的技术实现细节。背景本文使用Three.js+React技术栈实现冬季和奥运元素，制作一个充满趣味和纪念意义的冬奥主题3D页面。本文涉及的知识点主要有：TorusGeometry圆环、MeshLambertMaterial非光泽面材质、MeshDepthMaterial深度网格材质、custromMaterial自定义材质、Points粒子、PointsMaterial点材质等。效果实现效果如下图
