(css)在网页上添加Live 2D网页二次元可动小人

这篇具有很好参考价值的文章主要介绍了(css)在网页上添加Live 2D网页二次元可动小人。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

(css)在网页上添加Live 2D网页二次元可动小人


效果:
(css)在网页上添加Live 2D网页二次元可动小人


代码:

<script src="js/L2Dwidget.min.js"></script>
<script src="js/L2Dwidget.0.min.js"></script>
<script>
	L2Dwidget.init({
		"model": {
			jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
			"scale": 1
		},
		"display": {
			"position": "right",
			"width": 300,
			"height": 500,
			"hOffset": 0,
			"vOffset": -20
		},
		"mobile": {
			"show": true,
			"scale": 1
		},
		"react": {
			"opacityDefault": 1,
			"opacityOnHover": 1
		}
	});
</script>

具体位置:
(css)在网页上添加Live 2D网页二次元可动小人


解决参考:https://blog.csdn.net/windowsxp2018/article/details/108359957

https://www.cnblogs.com/liuzhou1/p/10813828.html#4431992

带相关文件的参考地址:https://zhuanlan.zhihu.com/p/459008074文章来源地址https://www.toymoban.com/news/detail-514942.html

到了这里,关于(css)在网页上添加Live 2D网页二次元可动小人的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Live2d】一张图制作Live2d基本脸捕动画(下)

    上一篇讲了CubismEditor(CE)的基本操作和动画设置,接下来就是正式的脸捕设置的创作了 由于立绘是睁开眼的,如果需要让他闭眼,需要自己手绘2个眼睑,一个上眼睑,一个下眼睑 (如果是自己的OC那就叫画师帮忙画一下和记得分层)  我这种图像由于眼睛附近的颜色都是一

    2024年02月03日
    浏览(39)
  • stable diffusion--二次元福利

    “  继上次用stable diffusion生成谪仙男子外貌翻车后,痛定思痛,发现用stable diffusion webui这个神器,效果出乎意料的好。 ” 01 — 安装教程 1、pytorch安装 具体安装可查看我之前的图文libtorch导入模型 (qq.com) 2、clone开源项目 3、下载模型,有几十个G,将模型拷贝到modelsStable-d

    2024年02月09日
    浏览(38)
  • 【Unity实战系列】如何把你的二次元老婆/老公导入Unity进行二创并且进行二次元渲染?(附模型网站分享)

    君兮_的个人主页 即使走的再远,也勿忘启程时的初心 C/C++ 游戏开发 Hello,米娜桑们,这里是君兮_,在正式开始讲主线知识之前,我们先来讲点有趣且有用的东西。 我知道,除了很多想从事游戏开发行业的人以外,还有更多的人学习Unity是因为兴趣爱好,想要让自己喜欢的角

    2024年02月12日
    浏览(30)
  • AIGC绘画关键词 - 二次元少女

    Unity3D特效百例 案例项目实战源码 Android-Unity实战问题汇总 游戏脚本-辅助自动化 Android控件全解手册 再战Android系列 Scratch编程案例 软考全系列 Unity3D学习专栏 蓝桥系列 ChatGPT和AIGC 专注于 Android/Unity 和各种游戏开发技巧,以及 各种资源分享 (网站、工具、素材、源码、游戏等

    2024年04月12日
    浏览(39)
  • Unity制作二次元卡通渲染角色材质

    Unity制作二次元材质角色   大家好,我是阿赵。接下来准备开一个系列,讲一下二次元卡通角色的渲染。   先来看看成品,我从网上下载了著名游戏《罪恶装备》里面的一个角色模型。在没有做材质之前,把贴图赋予上去,给一个Unlit材质,这个角色的样子大概是这样的

    2024年02月14日
    浏览(44)
  • 利用百度AI作画之二次元小姐姐

    先说结果:不好说😶 大白   不敢细看,过于骇人  首先还是先去申请,基础版即可 AI作画_文心AI作画-百度AI开放平台 百度AI开放平台-文心AI作画,基于百度领先的中文跨模态生成模型,准确理解用户输入的自然语言,一键自动生成不限定风格的图像. https://ai.baidu.com/tech/creativi

    2024年02月12日
    浏览(42)
  • 你了解二次元ai绘画软件哪个好用吗?

    如今,人工智能逐渐渗透到各个领域,艺术领域也不例外。它能够帮助大家更快、更好地完成画作,从而提高创造效率。介绍之前请大家先浏览一下ai绘画生成的一些二次元图像: 二次元绘画是日本动漫文化中的一种绘画风格,具有明显的漫画特点和可爱的风格。我们通过

    2024年02月14日
    浏览(50)
  • Stable Diffusion绘画系列【2】:二次元风美女

    《博主简介》 小伙伴们好,我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌ 更多学习资源,可关注公-仲-hao:【阿旭算法与机器学习】,共同学习交流~ 👍 感谢小伙伴们点赞、关注! 《------往期经典推荐------》 一、AI应用软件开发实战专栏【链接】

    2024年02月04日
    浏览(48)
  • unity+webgl+websocket实时口型+二次元语音老婆

    文章开始首先感谢 B站UP: 阴沉的怪咖 提供的最初资源包 2.gif 体验地址 体验地址 www.aixmao.com 不能放视频,看效果去B站链接:B站链接_bilibili UP主提供初始代码地址: Github地址:https://github.com/zhangliwei7758/unity-AI-Chat-Toolkit Gitee地址:https://gitee.com/DammonSpace/unity-ai-chat-toolkit 2、LipSy

    2024年02月02日
    浏览(50)
  • 前端vue3——实现二次元人物拼图校验

    大家好,我是yma16,本文分享关于 前端vue3——实现二次元人物拼图校验。 vue3系列相关文章: vue3 + fastapi 实现选择目录所有文件自定义上传到服务器 前端vue2、vue3去掉url路由“ # ”号——nginx配置 csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板 认识vite_vue3 初

    2024年02月04日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包