网页中加载二次元3D虚拟主播源码(1:项目介绍和源码)

本文介绍了如何在网页中加载和展示3D二次元虚拟主播模型,通过使用VRM格式,支持包括眨眼、张口等动画效果。提供了一个在浏览器中运行的Demo视频,并展示了使用Three.js库的简单加载代码,后续章节将讲解如何控制模型动作。
摘要由CSDN通过智能技术生成

vrm格式的二次元3D虚拟主播在日本实际上已经盛行多年,由于文化和差异的原因,在我们这只有年轻人比较喜爱。今天我们讲的是如何加载这种模型,然后实现一些动画。

别的不说,我们先上效果视频:

3D二次元虚拟主播源码运行Demo视频

视频中展示 是在浏览器中加载显示3D人物的效果,人物在加载了动画。这种格式的模型,还是支持人物一些动作控制,比如眨眼,张口。几个表情,以及肢体的动作。在设计模型的适合,你可用多设计一些动作,然后在代码中控制变量改变动作的幅度。

我们先看代码:这一部分代码主要是显示模型的。代码是存js的,不需要npm的环境。

 项目源码中,是包含模型的,这些模型网络上也比较好找。

 我们来看下html中利用threejs 加载模型的代码:

<!DOCTYPE 
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Softboy_TM

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值