基于WebGL的3D数字人互动项目融入全息投影的炫酷场景中

职场   2024-10-11 17:20   北京  

继续为自己的3D数字人互动项目寻找合适的落地应用和炫酷场景。今天看到国外大神做的全息投影的场景比较炫酷,就研究了一下代码,把自己的数字人整合进去了。

这里面很多有趣的元素


  1. 左上角音频的波动效果

  2. 左边将3D模型的材质改为全息投影的效果,用的着色器代码:

    https://alien.js.org/examples/three/shader_hologram.html

  3. 背景中的3D模型是用SDXL LoRAs生成高清图片,然后用Tripo3D 的图片转3D模型合成的。

  4. 通过数字键切换音频

  5. 通过字母键切换数字人动作

  6. 提示文字也是动态显示效果


场景中全部融入全息效果后变为:


我们的基于webGL的数字人互动项目还在不断优化中,有需要咨询相关报价的可以先入群。

目前已经建立了一个很多人的报价微信群,为保证群的质量,目前只能采取付费入群的形式啦,所以目前限制在我的星球粉丝中。已在星球的粉丝可直接申请入群。


有相同兴趣爱好的可通过加星球的方式添加作者微信。加入后查看置顶评论可加微信交流。

关于作者

做一只爬的最久的乌龟,保持学习保持好奇,即使慢一点,遇到一点困难,只要最后能到达终点,又有什么关系呢。
毕竟人生没有白走的路,每一步都算数。




参考链接:

https://github.com/koshimazaki/CreaturesSite

https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files/tree/main


前端程序设计
专注前端最前沿技术,数据可视化,web3d。偶尔插播生活和艺术。
 最新文章