今天看啥  ›  专栏  ›  程序员鱼皮

1 分钟,让你的网站充满吸引力!

程序员鱼皮  · 公众号  · 科技自媒体  · 2024-11-19 10:31

主要观点总结

本文介绍了如何给网站添加Live2D看板娘,包括前期准备、快速接入看板娘、自定义看板娘等步骤,并分享了开源项目和相关资源。作者通过实际操作和代码分享,让读者了解如何给网站增加吸引力,提高点击率和用户访问时长。同时,也探讨了该功能的利弊,并鼓励读者自行尝试和提供建议。

关键观点总结

关键观点1: 前期准备

包括准备Live2D模型文件和JS脚本,模型文件结构复杂,分为MOC和MOC3版本,模型文件可通过Live2D官网和GitHub开源项目获得。JS脚本可使用WebGL图形渲染技术编写,或使用Live2D官方提供的Web SDK。

关键观点2: 快速接入看板娘

通过加载远程提供的JS脚本,直接在网页上加载看板娘。

关键观点3: 自定义看板娘

包括改造开源项目,修改模型定义文件,修改加载组件方法,重新打包修改后的文件,并将模型文件和模型列表配置文件放到项目根目录中。

关键观点4: 更多操作

通过修改配置文件来自定义对话,通过修改工具文件来自定义点击模型旁边图标时执行的操作,通过加CSS代码调整模型的位置等。


文章预览

大家好,我是程序员鱼皮。 大家如果平时使用网站或产品时出现了问题,一般都会去寻找 “联系客服” 的位置,从而获得人工的帮助。我们团队的面试刷题产品 - 面试鸭最近就遇到了这样一个难题:明明我们网站右下角就有联系客服按钮、而且我们每道面试题目下方都有反馈按钮,但是很多用户还是不知道怎么给我们反馈问题。 我们利用第三方网站统计工具进行分析,发现整整一个月客服按钮的点击数竟然才 20 多?!感觉毛用没有啊! 于是,我就拉着开发同学一起开会讨论,希望解决这个问题。 我说:作为良心产品,我要让用户都知道怎么找我们反馈问题!怎么实现我不管,明天上线! 开发小 A 当时就这个表情: 结果,一天后,小 A 竟然真的拿电脑来给我看效果了。我一看,立刻就红温了,就跟刚煮熟的螃蟹似的: 这。。这 ** 是客服?我 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览