原创抖音互动无人直播项目大鱼吃小鱼,进入直播间的用户开始吃鱼,吃的鱼越多等级越高越厉害,小鱼会被吃掉。鱼会随等级提高变身不同类型。

有问题问微信:data5u
提供源码:https://download.csdn.net/download/u010978757/85564682
参考链接:https://code.data5u.com/code/detail-623.html

直播的时候可以开语音,与进入直播间的用户进行互动,告诉用户XXX你现在是一条XX鱼,快来吃吃吃吃,变成大鱼。

每隔30秒(时间可配置)会有鲨鱼出没,鲨鱼会吃掉所有鱼类。用户如果被鲨鱼或者其他大鱼吃掉,需要在直播间回复文字才可以复活。

类似的弹幕互动游戏除了挤地铁模拟器以外还有模拟广场舞和舞厅蹦迪的,甚至还有冲马桶的。

如果只是想要体验游玩抖音挤地铁的话,找一个正在进行这种直播的直播间加入就可以了,发送弹幕即可参与。

而如果是想要自己当主播,在自己的直播间里开启这种挤地铁的互动小游戏的话,目前抖音还没有提供官方内置的模式,需要用户自己准备相应的软件挂在后台上运行。

配置文件:

var config = {bg: 'img/bg/2.jpg',animatesize: 5,fishsize: 4,xiami_size: 8, // 小虾米数量debug: false,maxWidth: $('body').width(),maxHeight: $('body').height(),msgTime: 6000, // 消息可以显示的时间sharkTime: 10000,  // 鲨鱼在屏幕中出现的时间sharkIntervalTime: 120000, // 间隔多长时间出现鲨鱼listenIntervalTime: 200,xiamiIntervalTime: 1000,
}function initConfig() {$('#container').css('background', 'url(' + config.bg + ')')
}window.onresize = function (){config.maxHeight = $('body').height() ;config.maxWidth = $('body').width() ;
}initConfig();

页面文件:

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>V1</title><link rel="stylesheet" href="css/index.css" media="all" /><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript" src="plugin/anime/lib/anime.min.js"></script></head><body style="padding: 0; margin: 0; width: 100%; height: 100vh; overflow: hidden;"><div id="debugarea"><button id="come">来人</button></div><div id="model" style="display: none;"><div class="aFishModel" data-level="0" style="will-change: left,top; position: absolute; text-align: center; align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; z-index: 1;"><p class="info" style="background-color: #FFFFFF; font-size: 12px; max-width: 300px; min-width: 70px; left: 5px; border: 1px solid #000000; overflow-wrap: normal; position: absolute; top: -40px; z-index: -1;"></p><img class="headimg" src="img/fish/0/fish1.png" style="z-index: 9;" /></div></div><div id="message" style="position: absolute; top: 100px; text-align: center; width: 100%;"><div style="font-size: 30px; font-stretch: unset; font-weight: bolder; word-spacing: 20px; filter: opacity(0.3);">开局一条鱼,越吃就越大</div><div style="font-size: 16px; word-spacing: 20px; filter: opacity(0.4); margin-top: 20px">指令:向上、向下、向左、向右、复活</div><marquee id="eatmsg" style="position: absolute; top: -90px; left: 0; color: #676767;"></marquee></div><div id="container" style="display: flex; flex-direction: row; height: 100vh;  background: url(img/bg/2.jpg);"><div class="sharkbox" id="sharkbox" data-shark="1"><div class="shark"></div></div></div><div id="audio"><audio src="music/bite0.wav" id="eatmp3"></audio><audio src="music/bosswarning.ogg" id="warnmp3"></audio></div><script type="text/javascript" src="js/util.js"></script><script type="text/javascript" src="js/config.js"></script><script type="text/javascript" src="js/fish-v1.js"></script><script type="text/javascript" src="js/control.js"></script></body>
</html>

【原创抖音互动无人直播项目大鱼吃小鱼,进入直播间的用户开始吃鱼,吃的鱼越多等级越高越厉害】相关推荐

  1. Tiktok抖音最新无人互动直播项目:猜成语V4版(带语音感谢用户送礼物功能)源代码解析

    之前写的文章是关于Tiktok抖音最新无人互动直播项目:猜成语V1版源代码解析,可以参考之前的文章https://blog.csdn.net/u010978757/article/details/12 ...

  2. 【最近抖音上元宇宙虚拟项目猜成语,互动无人直播游戏挤地铁】

    最近抖音上元宇宙虚拟项目猜成语,直播游戏,用户进入直播间可以发送弹幕互动,模拟真实多人互动场景,可能因为疫情大家憋在家无聊,直播间人数有5000多人,抖音一直不鼓励无人直播,没想到在抖音做猜成语直播居 ...

  3. 【最近抖音上元宇宙虚拟项目七国争霸,直播互动游戏源码解析】

    最近抖音上元宇宙虚拟项目七国争霸,直播互动游戏,用户进入直播间可以发送弹幕互动,可能因为疫情大家憋在家无聊,直播间人数有5000多人,使用OBS做无人直播,不仅不会被限流,一天轻松赚个几百块也是玩一样 ...

  4. 最新抖音简单无人直播教程

    在目前的市场行情下,如果是新手项目应该做轻松的,尽可能地做大流量项目.不要碰产品,要尽可能保持灵活性,才能适应这个多变的市场.无人直播具备所有这些特点,适合大家研究无人直播! 下载地址:最新价值198 ...

  5. uni-app直播实例|仿抖音小视频|uniapp仿陌陌直播

    优直播uni-liveShow是基于vue+uni-app+vuex+nvue+swiper等技术开发仿制抖音|火山小视频/陌陌直播实战项目,支持编译到三端(H5.小程序.App端) 且兼容效果一致. ...

  6. 抖音电商主播考核绩效直播运营KPI方案

    抖音电商主播考核绩效直播运营KPI方案 原文档网盘下载https://pan.baidu.com/s/1oG8UWlpctdgTOT4rutvudA?pwd=ak8n 想要成为一名真正的 IP 就应该 ...

  7. 在抖音全程看世界杯,超高清直播背后的硬实力

    导语:IT技术赛场开赛! 作者 | 宋慧 出品 | CSDN(ID:CSDNnews) 当前,2022 卡塔尔世界杯比赛正在如火如荼进行中,处在更加激烈关键的半决赛阶段.作为足球运动的全球顶级赛事,世 ...

  8. 抖音音乐号副业项目,创新玩法解密

    今天和朋友讨论抖音音乐号. 朋友:抖音音乐号现在蛮难做的,还能做吗? 浩哥:可以做,但需要一些小技巧. 现在抖音平台规则更新非常快,之前的去重技术已经满足不了目前的视频要求.所以,需要做一些创新. 顺 ...

  9. 抖音电商,流量尽头唯有直播间

    消费者不仅喜欢被种草,更喜欢价格优惠的商品,而直播带货恰恰利用这两种因素打造"直播间"来吸引已有流量转化为客户,形成完整的交易体系,于是直播带货逐渐成了当前消费方式的主流之一. 直 ...

  10. 成都启之航电商:抖音小店使用效果+性价比产品+直播

    现在的电商已经成了很多人创业的选择,想要更好的创业,那么就要了解抖音带货,毕竟直播可以带来更多流量,那么下面就和成都启之航电商一起来了解抖音小店使用效果+性价比产品+直播,希望对广大电商创业者有所帮助 ...

最新文章

  1. GARFIELD@09-28-2004
  2. mpython_mPython下载 mPython(图形化编程软件) v0.5.0 官方安装版 下载-脚本之家
  3. 数学之路(2)-数据分析-R基础(3)
  4. 【SSH】——Struts2中的动态方法调用(一)
  5. leetcode 150. 逆波兰表达式求值(栈)
  6. 【卡法电子商务】-常用手机屏幕尺寸 ★★★★★
  7. Spring之AOP实现
  8. matlab 判断两个矩阵有元素相等_Matlab入门教程 第 1 章 Matlab基础知识之基本运算...
  9. 【mybatis系列】自定义实现拦截器插件Interceptor
  10. python h5s文件 压缩_如何用python解压zip压缩文件
  11. selenium webdriver (6) -- iFrame
  12. Linux中的Tomcat500异常,Linux处理Tomcat异常的方法
  13. m3u8手机批量转码_M3U8批量转换app-M3U8批量转换MP4软件下载v1.0 安卓版-西西软件下载...
  14. 艾肯4nano声卡调试教程,效果演示
  15. Mybatis出现Mapped Statements collection already contains value for
  16. 分享一些程序员接私活、兼职的平台
  17. 计算机 发声原理,终于懂得麦克风的发声原理是什么
  18. 【时光隧道——使用Html、JavaScript等实现(附源代码)】
  19. QTcreater学习笔记
  20. ubuntu20.04下安装qq和微信(最新)

热门文章

  1. matlab仿真模糊PID控制,模糊PID控制及其MATLAB仿真
  2. EBT 道客巴巴的加密与破解 序章
  3. 通信原理 简易蒙特卡洛仿真法仿真无码间干扰基带系统误码率的matlab实现
  4. c++调用opencv库实现视频关键帧提取--灰度帧差法
  5. 正点原子战舰(STM32F103ZET6) 跑蓝牙协议栈 --传统蓝牙搜索演示以及实现原理
  6. VsCode使用EmmyLua插件调试Unity工程Lua代码
  7. 归并算法(详细见解)
  8. 解决 jq ui 弹框 select2 input 失效问题
  9. 【扫盲系列】网络术语
  10. WindRiver WorkBench创建、编译vxWorks APP工程