L2Dwidget 二次元前端插件

最新推荐文章于 2025-11-04 15:08:48 发布

原创

最新推荐文章于 2025-11-04 15:08:48 发布 · 9k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#html #动画 #前端 #js

本文介绍了一种在网页上实现二次元动画的方法，无需依赖Flash，通过在HTML头部引入L2Dwidget.js，可在页面中展示各种可爱的二次元角色动画，包括小帅哥、萌娘、初音等。

有时看到别人的博客页面会弹出以下二维动画，有的就是swf格式的falsh动画，有的可能就是一个简单的GIF，由于Chrome即将停止falsh支持，今天介绍一个非flash的js二次元动画。

使用方法：
如下面代码一样，在HTML的head头内引入L2Dwidget.js即可在页面中引入动画。

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js"></script>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SabreWulf2020

关注关注

7
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

L2Dwidget二次元看板娘的web用法

Sunny_Future的博客

11-11

4191

打工人的猎奇心：发现某些blog网站左下方或者右下方出现的二次元卡通人物或萌萌阿猫，除了萌，还可以监听鼠标行为的同时，产生互动的现象。为探究竟，打工人开始了行动… 一、看板娘 hexo live2d 演示 shizuku 看板娘看板娘git https://github.com/raoenhui/live2d-example 看板娘文档 https://juejin.im/post/6844904032423641096 二、代码实

html静态网站基于动漫主题网站网页设计与实现共计10个页面——二次元漫画

QQ_____365392777的博客

08-18

1078

1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑

参与评论您还未登录，请先登录后发表或查看评论

L2Dwidget 设置对话，改变动画

The____wind的博客

09-06

1318

【代码】L2Dwidget 设置对话，改变动画。

Blender MMD插件：二次元创作者的3D模型转换神器

最新发布

gitblog_00730的博客

11-04

896

在二次元动画创作的世界里，Blender的强大建模能力与MikuMikuDance（MMD）的便捷动画功能一直是创作者的两大法宝。但这两款工具之间的数据壁垒曾让无数爱好者头疼不已——直到**Blender MMD插件**的出现！这款开源工具就像一座打通次元壁的桥梁，让3D模型和动画数据在两大平台间自由流动，堪称二次元动画制作流程中的"福音"级工具。 ## 核心功能解析 ✨ 作为一款专注于数据互...

L2Dwidget.min.js

06-10

看板娘js，自定义动画模板，看板娘跟随鼠标移动 setTimeout(() => { window.L2Dwidget.init({ pluginRootPath: 'static/live2dw/', pluginJsPath: 'lib/', pluginModelPath: `live2d-widget-model-z16/assets/`, tagMode: false, debug: false, model: { jsonPath: `../static/live2dw/live2d-widget-model-z16/assets/z16.model.json` }, display: { position: 'right', width: 300, height: 650 }, mobile: { show: true }, log: false }) }, 1000)

如何直接在博客或前端html网页上添加L2D网页二次元可动小人用L2Dwidget.js就可以了

极客小俊

09-02

6386

我的网页右下角有一个美女动来动去的还真可爱!!

l2dwidget.min.js

04-13

自定义博客猫或动物，人物2d背景所需js文件。。官方配置文档如下：https://l2dwidget.js.org/docs/class/src/index.js~L2Dwidget.html#instance-method-init

Vue使用L2Dwidget

weixin_43073383的博客

03-13

1228

1、在根文件index.html中引入live2dw/lib/L2Dwidget.min.js。下载模型的文件，放在本地或者cdn。

二次元VS2019插件

07-27

- *2* [L2Dwidget 二次元前端插件](https://blog.youkuaiyun.com/lvyiwuhen/article/details/105656536)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...

为网站页面添加live2D小猫猫

qq_30108237的博客

05-24

2952

live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。 live2d官方提供了很多平台的SDK），包括iOS，Android，Flash，Unity，openGL等，然后如果要在网页中呈现，则可以提供了WebGL SDK，可以参照官方网站：https://www.live2d.com/ live2d不仅在移动端，同时也可以在网页中呈现，首先网页要引入官方提供的webgl的js压缩包 L2Dwidget.min.

L2Dwidget.0.min.js

06-10

使用L2Dwidget实现二次元卡通人物客服特效

06-01

基于L2Dwidget和json制作漫画人物动画，3D卡通人物动画特效。ps：3种卡通人物样式涉及图片mp3等外链文件，修改“model”部分即可替换显示。

L2Dwidget的DEMO，看板娘小DEMO

11-05

一个小DEMO，普普通通，简简单单，明明白白基于L2Dwidget的一个小DEMO 直接贴上去就可以用了

HTML看板娘实现教程：轻松添加动画效果

- L2Dwidget.0.min.js：L2Dwidget代表“Live2D Widget”，它是一个可以嵌入网页中的JavaScript库，用于实现Live2D模型的展示和交互。Live2D是一种二次元风格的3D模型展示技术，能够让2D角色拥有3D动画效果。这个库...

L2Dwidget

J_7654321的博客

08-26

1290

只需要在【页首html代码】中引入L2Dwidget.js即可。 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <scr...

极客小俊

04-12

1855

让页面中出现一个美女陪伴你不好吗?