SSWIN

放进时光蛋里。

3D Avatar

2022.09.02

随着硬件水平和软件环境的改善，Web 即将迎来自己的全新时代——一个 Web 3.0 时代！在 Web 这个世界窗口，我们将依旧开放地看到一个美好的未来世界。今天，我们走出第一步，使用 3D 图形作为我们在未来世界的自己。

建模

我们使用 Ready Player Me 的服务，它可以根据二维照片生成可定制的 3D 图形，也就是我们需要的 Web 3.0 头像！

渲染

我们使用封装好的<model-viewer>组件实现 3D 图形在 Web 上的渲染，且支持调用设备的 AR 交互——全新体验！

<script
  type="module"
  src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"
></script>

<model-viewer
  src="/3d-graphics/reuixiy.glb"
  ar
  ar-modes="webxr scene-viewer quick-look"
  camera-controls
  camera-orbit="-18.9deg 85.8deg auto"
  autoplay
  animation-name="idle_eyes_2"
  environment-image="neutral"
  shadow-intensity="1"
  camera-controls touch-action="pan-y" 
  style="width: 100%; height: 420px"
></model-viewer>


{/{< 3d src="avatar.glb" >}/}

链接

3D 技术