全网最简单的抖音弹幕游戏开发

已于 2024-11-20 16:51:24 修改
阅读量2.4k 收藏 2
点赞数 5
文章标签： chrome javascript
于 2024-11-20 16:50:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34526228/article/details/143919039
版权

话不多说，直接上代码。。。
html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/popup.js" type="module"></script>
    <link rel="stylesheet",type="text/css" href="../css/popup.css">
</head>
<body>
    <div class="switchDiv">
        <label>礼物弹幕</label>
        <label class="switch">
            <input type="checkbox" id="gift"/>
            <span class="slider round"></span>
        </label>
    </div>
    <div class="switchDiv">
        <label>评论弹幕</label>
        <label class="switch">
            <input type="checkbox" id="comment"/>
            <span class="slider round"></span>
        </label>
    </div>
</body>
</html>

bacground.js

console.log('background.js');
chrome.tabs.onUpdated.addListener((tabId,changeInfo,tab)=>{
    if(changeInfo.status==='loading' && tab.url && !tab.url.includes("chrome://")){
        if(tab.url.includes('live.douyin.com')){
            scriptingRegisterContentScripts("douyinbarrage",'./js/douyinbarrage.js');
        }else{
            scriptingRegisterContentScripts('empty','./js/empty.js');
        }
    }
});

async function scriptingRegisterContentScripts(...args){
    const content_script_id=args[0];
    const js_file_name=args[1];
    const existingContentScripts=await chrome.scripting.getRegisteredContentScripts({
        ids:[content_script_id]
    });
    if(existingContentScripts.length>0){
        await chrome.scripting.updateContentScripts([{
            id: content_script_id,
            matches:["<all_urls>"],
            js:[js_file_name]
        }])
        .then(() => console.log("registration updated..."+js_file_name));
    }else{
        await chrome.scripting.registerContentScripts([{
            id:content_script_id,
            js:[js_file_name],
            matches:["<all_urls>"],
            runAt:"document_idle",
        }])
        .then(() => console.log("registration complete..."+js_file_name))
        .catch((err) => console.warn("unexpected error", err))
    }
}

douyinbarrage.js

console.log("douyinbarrage.js");
//拖动图标
const dragDiv=document.createElement('div');
dragDiv.style.backgroundColor='yellowgreen';
dragDiv.style.width='30px';
dragDiv.style.height='30px';
dragDiv.style.left='20px';
dragDiv.style.top='20px';
dragDiv.style.position='absolute';
dragDiv.style.zIndex='200';
dragDiv.style.cursor='move';
dragDiv.style.borderRadius='50%';
//创建画布
const canvas=document.createElement('canvas');
canvas.width=300;
canvas.height=500;
canvas.style.backgroundColor='yellowgreen';
canvas.style.position='absolute';
canvas.style.left='20px';
canvas.style.top='20px';
canvas.style.zIndex='199';
canvas.style.border='none';
//可拖动画布
let isDragging = false;
dragDiv.addEventListener('mousedown', function(e) {
    isDragging = true;
    const offsetX = e.clientX - canvas.offsetLeft;
    const offsetY = e.clientY - canvas.offsetTop;
    document.addEventListener('mousemove', drag);
    function drag(e) {
        if (isDragging) {
            e.preventDefault();
            canvas.style.left = e.clientX - offsetX + 'px';
            canvas.style.top = e.clientY - offsetY + 'px';
            dragDiv.style.left = e.clientX - offsetX + 'px';
            dragDiv.style.top = e.clientY - offsetY + 'px';
        }
    }
    document.addEventListener('mouseup', function() {
        isDragging = false;
        document.removeEventListener('mousemove', drag);
    });
});
document.body.appendChild(dragDiv);
document.body.appendChild(canvas);
//画布内容初始化
//图片数据
const fish_img_src='data:image/png;base64,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';
const src1='data:image/png;base64,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';
const src2='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAABXRJREFUSImVln2MVVcVxX/73PveG2CGAk4pUEup0tYq5UNMGuNHtIGGhD+AqCSacdIAklZtnYa2QmqbUURREWixf5hW2wgkTZsiJbU2qeikxi9SajF+tCKFqQ1FSscZysx7991z9vKP+XAA08Tz9z1r7bP2Xntd44KjboJ14wC6//rFYDfh3IhYCGpHguRncL0EOojK52zTscMX3h09dh44mIH0/QWLqHA7TgeteU5MMBgLnDO4C2k6E6wKwLlUkuJeSt9pm48fGcW4iGAMfNe8W1C+mdasnf7mAO5P4P5T3Hop0xC5CbdWLM0m+ipgNa35ZN4uTxPjPba59+HxJHYe+I7591AL3yQJGmkPlPfZXa8cv1DG8179tSuvIgvdBOvEBY20yb7z2tZRTBMEA9eO69dTzX5I6Q3KtMnu+svOdwK+iGjT7C6CbSWoRj2usW0nHxkhAT2wYBFJvyQwhXrcYBv/un3s4noqXPXuK4m1uSSmgEfc/o03Xuf1ai+PnihG5dDdl3eR2w6inyHGJbb99BFTNzmT5/2Y1srn6a/vtbtf7gDQt+ZeimVrSFqDfA4iADlySAKnQN5H8kO4nsDL/bbtX4O6c+ZuJmUdDMRHe1469YXAxOvmE1hFf2OAQvcCaMt1M/HsGaq2FekaRJWMnJjOUvo/Sd5HUI0aM2kJK5gY9uD2GQAaQ/fpbNlPpk995P1T5uVgy6iGVhrxIbt3pKEqb6GSfYhzsQmqkHSWIn2Jiv0GH8qILS14aqVIVyP7OG5TseYhAPvBwHHdXnucqq2vkC3LcW6kdCib+8fGKzJnWGsF5CAZJBjgrO043Teut38A9owfdYBU+oGsauvlWpLjaSGDsU6KJ8YM4nEfKXQOu1YJvJUQ9lDVP/TVy3+L+4tE/c52nDo0DjyMzL3LGq9Sr9aRLwigaSTvI7P66If2jRNP0YybSN4gKCMQaDrI55LRSWY7wX6mrhnPx69M71D38KiPvctjXaW/ZdAecBkOJBuuvnvE4lte20pZLiTG7TT9CK4BMkESaiTA2wn6WGbarTPTDvTfytRRkkbEUDIlV07pb2G8i8InjhD8d4989+QrwAbdRo3ajA9T9w8CCxDLkKYrqkTKrGrL28pp34O+dQCxyCfVqrST/M0c9z8yISyhsDmCv41p+gly6yEC2C4KONUD9AAMfrl91gTpFxZ4n0oviYQg3SDIDFJr5rOpZDWSH8mJ8VeosgS00uAZAG2YuZnASi3m98T0azz+HVUGacaSmgIpvVduU3CBu3DLFVNvgDTcA1aiBNF7TBtnLSLPn6f0xFBzse06fUx3zHiaydlyGj7c9uio4UOgflxtVqGNpoMLclDhJ2MzrajuHnpBnbVrUDisoGBF+mjg2Mk/0UxPMsEuoZp9fbiCt9cy0FyrenpKQ/ENGt5AmmholkltaqSo5KWSv0ER72+WzU9Wdw+9AEDJteS0qumPHT5a/nl42d05fT7KDhJopyzvsJ1ndo4Z52ZqTGqbTbT3kOwSsgRNG0RFLyeaR62Hxth4g2sxFa7NltJIL9s+XrWxLOi6bI0CPyKpUIwbswf7/q91Pd7NvjrfLukDWZFuPj9wvnjpRip8GzkU6SekRrc93HjnwPkcV2O1uewtnjWQPp09QIvdpnrqs1I3XBSZ8dZp6zJjCzWmazCd9cTjWSz3Nz30VrN4blhnb0tKVxj5KkOftUyTKLQUWE5VXdT9HEmrbT8//9+hv27qfPAuSR3WQmXYvV7gelMuM9dlVhvJhroi8kco0zYFe4jA3FRobeUAz3LhX8X4ZgGoc+IiMlsq95twW2CmdpIj5zTyI0Y6WDb9ueo+XgTQCq4g0WJPc3S02P8AgW4yl8KKcGoAAAAASUVORK5CYII=';
const src3='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAABQtJREFUSImllluMXlUVx3//tc/5vm/u49DpTG8gcQpNLxlMoSloow0VCH1BTfuEQnzQRCUaqwaEyDyoryRoVLwEMD4YxhsapUG80Jh4eTGlFkJhLNqZtrR0Ovf5vu+cvZcP33QcyzSirpzkJOes9V9r77X2/7/FWzAHjYIBHAAHGAUBHITE0rf/yhw0sgT6Vnyv9C+7UrWCuFSZnh/Ysd0qYU/0dIOwjeAVoXOZ8+fF+sKoLpyYeArCwVbMv5kuAze1lszTa65fv6atcjsWPhQTu2tSG2Ytr9aDIQr874tl8blbJ46NOkiXbZdWvB3gF/1bBzur+T2VYPdmsi3RE4stlzIYyZPLPQEiOqoZWY4VM0VxcN/pYz8dARtZKvJNK/j9huGPWbDP5tJQ053CU9OzzCwli41CIqE8hxAgJRcQoayiSgZjU3Mze2+bHBtfAnZYauL3BgY6/rBp+PFqFr6ZYGjBY7PhqVQWMp+ZDeXCgipr+8jWrVUqI3FmFiQlkEFeeGoEs3dU2zruFvjoiuHQY5Dv2HTDIx0h+8SFWDSFzHBzMxWzc+rZ9c607uMfsfZt12EheP1v/9Dpbz3JxWd/53lXF8kTOGXNLHM4+vr0xb3vn3ptajnBs+u339aZVX5ZksrSPTdJBKOcnqX7XbvY+sSj5H19WhoCnAiLTX/50w/qjdGfpdDbYypjAlJNZnNFc/++M8cPX+qFtYfsLhOhxM0kIeFFxNprXH3/fcr7+jR9/K+Mf/txFsZOAgG1temakUNeHRyAesNb26WUW7Balt8OMHKpB8HoNkhCIMkkT/U67VuG1L5jC7h7ce4NXrnvIY7ddQ9jnx9h8dQ4bYPr1HXzTpXzC06WCfdQT6VH+R0jrfPVSlBGP5XcTe6OuyeQp+RWq3mo5p5AoaOd0NnJ4qsnWXzlJB4jhnno6cJjkiQPQs3kMcM279sw/MWn11zf9RQEmyvLHxewaFhwJwmwSq7G+BmK1ycl8Ly/n55bbuK6r32F7T95ktrV672IDdVfGnPVqiKWnkBIZFJoy/IvdNdqj/T3Da0Lm+fOn9vcPXBNzcLOpqcCCJbnXj97zqqD/d67+0ZRy+k/sJ+eXTsp6/PkeZsuHP6Nn/7GE8raa5Acd7wWLCujP7OYmocWmvH777vw8lkBHF67bfhtteqvG556Ezim4GUJwbj2Sw8wcPcBJFMiYQmf/NVvefUzD1NOTmHVCinFolNZpe7xB3Onjt57JzSWx/QSST2/cfir7SH75KyXhTkZkqcYzZvN1HXLjdZz801ulQrzfznmk88dEY5n1QplSqkqy0ycmD5ff+8dCy+deQzyj0Ip8GWqeK7j2oG2q3r/JNjUcE8SwQVCxNk5YlFIyBWMrLsTmRFj8oBSVcZ82fjAraeP/3wEshEoVyW7Ixu3fbAaqj+sp9hwKQfk7igLyKzFou5Qlo47SEWnhep8WT70nokXvnw50QGElTrw9pnzL364c7C7O2R7Gh4bjkySSMlJLsXopCSXXFD2hry6mOLX94wfvX818GWyW8HXGpu4+OC8x+90WVYLuLkTkSLupUsxoZhB6LBQnS6LR0+cmjpES/1Wlc1VpW4Esr2bhj8V0AMVs6u8JWzLAY2UJuTp4XePv/Dd1eL/Y4JLyvTHDUMbCzoORmM3Tr/EOUNHZupTP9p//rWzS378T6J/peQri/i/QZbOiQG8CL71X1eVN4n7leyfyt1df6jWQiAAAAAASUVORK5CYII=';
const src4='data:image/png;base64,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';
const src5='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA8hJREFUSImNll2IVVUUx39rn+tcvTqj2EQPmiCUNtigSShjCPVQRPhW2YPQg0L5oAbBxAyFEZQZ+QE9RBBBEBgWRT4YUQ9ORFPNFBmGaFkMiM1cncmP8Y7345z97+Huc+fce2ekBZt92Gfv/1p7ff031MXCvBE4BJwBikAZEODDnB3pWhmYAEaAw0BfC2ZD9gLX5gBqGxbGPP8TYF8r+L6MVdUw+4yVt7tBui8JZ2thfU96jS3A92EDQNSqvSG5HNGhA3QVFuP+GqP81lFKxK27koBbAh4GOBI01losanMLC/NaU5vWsKTRmxUdXLZJmCkyaz2XYh0hBCe94pzggByIfIc2Xp2Q4ljy0rmBd1UARdCqJMU6AzCeCc5tA0u+QxuuFxXLq5IkSm7c0uCzu8XSzrkCrZBdVOYNpDNRt0xRcNGGG5clSXGSKJF0U9Kb3w6pZ6BfBRDOtabwPFY7JwPlsmv5vB64XpSX5GuxsnLx9EUNcpfIBXfOuhaF6CubCuY9WruGeMd22D9IYc1aqFaQuXoFjV7g6s7DXPvuN7gyw8piidUsAYFhTZjNlpvJokjsH9Dy4phelHRM0pc7XlU3C3Rf6bK8JP1wQZ+yXg+xVO9selI/bt6tl1g9mxCzo90tHHxN6xTrdHp/76XtR9XDEt1TmqgvDf+pT3J9wupnl4M6ybW5OtfwiXPgPdrQS+eunXycQG9cheM/MfPNCMWfTzNjOfKJEGBmkCREMpxz/EsCvq3oaFLgvMdve4LnulfSC/gPTnH2+Vd4mfOc5RaXFuVYl9RNNinko8B7rDWIGQUCDO9lYHR18rj3+HIV//kwexf8zpArQWzgPY2scAZWb3lCreAK7UK5TFs1A7hZouActjDP9IpO/q6V6HBgXsS9PbhFC+vWV2JQHdba7W9gulBoYFbffu48V5IaQizrf5ot256iWihQ2fwgyaEDbI3BmcHJUYq6AUa7/bPaqoRyFpAYiI4OPXPsI0lSTdJkqaQXfv1F6/8Z0xu+pkklql0Yl1+1S4+wVNic3JC2inFCQ2pqdu7Obn11aqipUqvpx6Up6bHX9T5r662knSOyWCMRcG+guQSIMEOlGb7+4oTdPRVzf9wF02WiPy7BZ6P4fe/x4cgJ+m2MsuIsL6ZusQYWHLfAw0PA4rCpQTgR8Gh+BVuXreKOGTE1PcFJJhm2UiPAc0iWuLaki3syRFEFEjPz5FwzZUYI12jfrZSZpVvNx8ttnOAstGzLEM/tx7XwgGiS1JV94dkyErLr/z5biiFZ3g4ub2D+Bzw5oABT2hJKAAAAAElFTkSuQmCC';
const src6='data:image/png;base64,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';
const src7='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACHUlEQVRIibWVy2sTURSHv3NnUipC3QgFi0hdaJEuFBRrU0Ni3SnER2njAwUXilREtyJiV/4NroqKpSmipGRh8ZFJQ6Rawe4MiCjio0IXvsDWJnNcJIbY5tmkv9WdM3O/71yYyxHK5OX+sXW//7hBMRwB6UDZAIDoJ0VSqNxf42F85+P+76UYUqw41TvSupi2riB6VpDmck0oOm/gpmW5N7qeHP9aUZDwjx4U5S4iLeXAy036QwynvLFQpLBsCjqRhD98XVTGa4YDiLSoKw8S/vBVRfON5xdJf/ikwp2awcVcqme88dBwXpD0je1zjU4I2I0QoLoI5kBPvP+RAVDjXmwYHEDEg7iDADLVO9KaTltfkOJ/VDa72BFrp2nmFc8vv6lOoqjr2m0mnbEOl4evMIIYKx00CqGGw3NROGSA7aslALoMUPam1plmU8VH9WTeCDq7WnSBWRuYATZVtaNpLesDG7PrXz+Zm/5WYYOmbMABgtXw7W1b2Hot9/DhHXOnpyvskIfyzH+vwyXzuhpBrbFw202305dSmGg8XiN7nGPvTdZkXVJYaBgaFmw8F/g3D7qdvpRRPd8ogcC5LufoRwoHjjceGlYYqheuMNTjDNwqkP2fZGA0qC63VzIyVTix1wlFC8vLbrI3FopkVDsVjS59V7prjWZUO5fCi56gMElf2IchoKq7Edms0Jbr9rPAWxV5YVyeeicHJksx/gJPprnRvoMPtQAAAABJRU5ErkJggg==';
const src8='data:image/png;base64,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';

var ctx = canvas.getContext('2d');
var [cw,ch]=[canvas.width,canvas.height];
//左上角的分数 text,x,y
var [up_text,up_text_x,up_text_y]=[0,10,ch/2-25];
//左下角的分数 text,x,y
var [down_text,down_text_x,down_text_y]=[0,10,ch/2+35]
//中间的河流 x,y,w,h
var [river_x,river_y,river_w,river_h]=[0,(ch/2-100/2),cw,100];
//鱼
var fish_img=new Image();
var is_fish=false;
var fish_i=0;
var fish_fc = 0; //调速变量
fish_img.src=fish_img_src;
fish_img.onload=()=>{
    is_fish=true;
}
var fish_step=5; //移动步数
var [fish_x,fish_y,fish_w,fish_h]=[(cw/2-55/2),(ch/2-37/2),55,37];
var [fish_shake_x,fish_shake_y]=[0,0];
//角色
var player_init_imgs=[src1,src2,src3,src4,src5,src6,src7,src8] //预设角色头像
var player_list=[]; //加载完成的角色
var [player_shake_x,player_shake_y]=[0,0];
var is_player_img=false;
var psz=15;
var player_fc=0 //调速变量
//草
var grass_list=[];
var gr=3; //半径
var grass_tickness=.4; //粗细
var grNum=600; //草的数量
for(let i=0;i<grNum;i++){
    grass_list.push({
        'gx':randomX(),
        'gy':randomY()
    });
}
//游戏方法
function moveUp(){
    if(fish_y>0){
        fish_y-=fish_step;
    }
    if(fish_y<200){
        s1();
    }
}
function moveDown(){
    if(fish_y<=ch-fish_h){
        fish_y+=fish_step;
    }
    if(fish_y>270){
        s2();
    }
}
function s1(){
    up_text+=1;
    down_text-=1;
}
function s2(){
    up_text-=1;
    down_text+=1;
}

document.addEventListener('keydown',(e)=> {
    if (e.key==='ArrowUp'){
        moveUp()
    }else if(e.key==='ArrowDown'){
        moveDown()
    }else if(e.key==='ArrowLeft'){
        loadPlayerImg();
    }else if(e.key==='ArrowRight'){
        player_list=[];
        [up_text,down_text]=[0,0];
        [fish_x,fish_y]=[(cw/2-55/2),(ch/2-37/2)];
    }
});
function gameLoop() {
    ctx.clearRect(0,0,cw,ch);
    drawGrass();
    drawRiver();
    drawScore();
    drawFish();
    drawPlayer();
    requestAnimationFrame(gameLoop);
}
gameLoop();

//工具
function getRandomFromArray(arr) {
    if (!Array.isArray(arr) || arr.length === 0) return undefined;
    const randomIndex = Math.floor(Math.random() * arr.length);
    return arr[randomIndex];
}
function randomY(){
    //随机阵营 上 下
    let campsite=Math.floor(Math.random() * 2) + 1
    let campsite_y;
    if(campsite===1){
        campsite_y=Math.floor(Math.random() * 160) + 15; //上方
    }else{
        campsite_y=Math.floor(Math.random() * 170) + 310 //下方
    }
    return campsite_y;
}
function randomX(){
    //随机x轴
    let campsite_x=Math.floor(Math.random() * 265) + 15;
    return campsite_x;
}
//绘制草
function drawGrass(){
    grass_list.forEach((grass)=>{
        let gx=grass['gx'];
        let gy=grass['gy'];
        ctx.beginPath();
        ctx.lineWidth=grass_tickness;
        ctx.strokeStyle='green';
        // 0 90(0.5*Math.PI) 180(1*Math.PI) 270(1.5*Math.PI)
        ctx.arc(gx, gy, gr, 1.5*Math.PI, 0); //270-0度 左部分
        ctx.arc(gx+gr*2, gy, gr, 1*Math.PI, 1.5*Math.PI); //180-270度 右部分
        ctx.stroke();
    });
}
//绘制河流
function drawRiver(){
    ctx.fillStyle='skyblue';
    ctx.fillRect(river_x,river_y,river_w,river_h);
}
//绘制分数
function drawScore(){
    //左上角分数
    ctx.fillStyle='red';
    ctx.font='16px Arial';
    ctx.fillText(up_text,up_text_x,up_text_y);
    //左下角分数
    ctx.fillText(down_text,down_text_x,down_text_y);
}
//绘制鱼
function drawFish(){
    if(is_fish){
        //每5帧fish_i++
        if(fish_fc%5==0){
            fish_i++;
            if(fish_i==4)fish_i=0;
            fish_shake_x=Math.floor(Math.random() * 3) + 1
            fish_shake_y=Math.floor(Math.random() * 3) + 1
        }
        ctx.drawImage(fish_img, 0,fish_h*fish_i, fish_w,fish_h, fish_x+fish_shake_x,fish_y+fish_shake_y, fish_w,fish_h);
        fish_fc++;
    }
}
//绘制角色
function drawPlayer(){
    if(is_player_img){
        //每10帧浮动一下
        if(player_fc%10==0){
            //随机一个小幅度移动
            player_shake_x=Math.floor(Math.random() * 2) + 1
            player_shake_y=Math.floor(Math.random() * 2) + 1
        }
        player_list.forEach((player,index)=>{
            let pim=player['player_img'];
            let px=player['player_x'];
            let py=player['player_y'];
            if(index%2==0){ //偶数
                //鱼线
                ctx.beginPath();
                ctx.lineWidth=.15;
                ctx.strokeStyle='#999999';
                ctx.moveTo(px+psz/2+player_shake_x,py+psz/2+player_shake_y);
                ctx.lineTo(fish_x+fish_w/2,fish_y+fish_h/2);
                ctx.stroke();
                ctx.drawImage(pim,px+player_shake_x,py+player_shake_y,psz,psz);
            }else{
                //鱼线
                ctx.beginPath();
                ctx.lineWidth=.15;
                ctx.strokeStyle='#999999';
                ctx.moveTo(px+psz/2-player_shake_x,py+psz/2-player_shake_y);
                ctx.lineTo(fish_x+fish_w/2,fish_y+fish_h/2);
                ctx.stroke();
                ctx.drawImage(pim,px-player_shake_x,py-player_shake_y,psz,psz);
            }
            
        })
        player_fc++;
    }
}
//加载角色
function loadPlayerImg(){
    let player_img=new Image();
    //随机一个头像
    player_img.src=getRandomFromArray(player_init_imgs);
    player_img.onload=()=>{
        //加载完成标识
        is_player_img=true;
        let player_dict={
            'player_img':player_img,
            'player_x':randomX(),
            'player_y':randomY()
        };
        player_list.push(player_dict);
    }
}
//抖音方法
var isGift=false;
var isComment=false;
//你自己可以增加一些规则
function findtext(){
    setInterval(function(){
        if(isGift){
            const giftInfo=document.getElementsByClassName('webcast-chatroom___bottom-message');
            if(giftInfo){
                const giftI=giftInfo[giftInfo.length-1];
                try {
                    chrome.storage.local.set({douyinGift: giftI.textContent }).then(() => {
                    });
                } catch (error) {
                }
            }
        }
        if(isComment){
            const commentInfo=document.getElementsByClassName('webcast-chatroom___item webcast-chatroom___enter-done');
            if(commentInfo){
                const commentI=commentInfo[commentInfo.length-1];
                try {
                    chrome.storage.local.set({douyinComment: commentI.textContent }).then(() => {
                    });
                } catch (error) {  
                }
            }
        }
    },300);
}
findtext();
chrome.storage.onChanged.addListener((changes, namespace) => {
    for (let [key, { oldValue, newValue }] of Object.entries(changes)) {
        if(key==='douyinGift'){
            if(oldValue!=newValue){
                console.log('gift...newValue...'+newValue);
                /*if(newValue.includes('来了')){
                    loadPlayerImg(); //增加角色
                }else if(newValue.includes('主播点赞')){
                    //
                }*/
            }
        }else if(key==='douyinComment'){
            if(oldValue!=newValue){
                //这里设置条件来判断鱼是上移还是下移
                /*if(){
                    moveUp();
                }else if(){
                    moveDown();
                }*/
                console.log('comment...newValue...'+newValue);
            }
        }
    }
});
chrome.runtime.onMessage.addListener(async (request,sender,sendResponse)=>{
    if(request.action==='gift'){
        isGift=request.message;
        console.log('gift...request message...'+request.message);
    }else if(request.action==='comment'){
        isComment=request.message;
        console.log('comment...request message...'+request.message);
    }
    return true;
});

popup.js

console.log('popup.js');
document.addEventListener("DOMContentLoaded", function () {
    chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
        if(tabs){
            if(tabs.length>0){
                const gift=document.getElementById('gift');
                const comment=document.getElementById('comment');
                chrome.storage.sync.get(['isGift','isComment'],function(data){
                    gift.checked=data.isGift;
                    comment.checked=data.isComment;
                })
                
                gift.addEventListener('click',function(){
                    sendMsg(tabs[0].id,"gift",this.checked);
                    chrome.storage.sync.set({
                        isGift:this.checked
                    })
                });
                comment.addEventListener('click',function(){
                    sendMsg(tabs[0].id,"comment",this.checked);
                    chrome.storage.sync.set({
                        isComment:this.checked
                    })
                });
            }
        }
    });
});

function sendMsg(...args){
    chrome.tabs.sendMessage(args[0],{
        action:args[1],
        message:args[2]
    },function(response){
        if(chrome.runtime.lastError||!response){
        }
    })
}

empty.js

console.log('empty.js');

popup.css

body{
    width: 230px;
    height: auto;
    display: flex;
    justify-content: center; /*水平居中*/
    align-items: center; /*垂直居中*/
}
/* The switch - the box around the slider */
.switchDiv{
    display: flex;
    width: 48%; 
    float: left;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.switchDiv label{
    margin: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/* The switch - the box around the slider */

manifest.json

{
  "manifest_version": 3,
  "name": "弹幕游戏",
  "author":"atomic",
  "version": "1.0.0",
  "description": "弹幕游戏",
  "icons": {
      "16": "./imgs/icon16.png",
      "32": "./imgs/icon32.png",
      "48": "./imgs/icon48.png"
  },
  "action": {
      "default_title": "弹幕游戏",
      "default_popup": "./html/popup.html",
      "default_icon": "./imgs/icon32.png"
  },
  "background": {
    "service_worker": "./js/background.js",
    "type": "module"
  },
  "host_permissions": [
      "<all_urls>"
  ],
  "permissions": [
      "activeTab","scripting",
      "storage",
      "userScripts","tabs"
  ]
}

完整的结构
在这里插入图片描述
不会写谷歌扩展的，自己上谷歌官网https://developer.chrome.google.cn/docs/extensions/reference/api?hl=zh-cn 看一下

一款非常好玩的弹幕游戏
04-01
该源码实现一款非常好玩的弹幕游戏，游戏源码简单易懂，游戏玩法很简单，只要控制不被屏幕的弹球击中，手指触碰移动物体模块，就可以一直玩到最后，是一个不错的ios游戏开发学习的例子，喜欢的朋友可以下载学习看看，。
抖音直播弹幕互动游戏 是如何搭建直播的呢
2301_76915072的博客
03-09 3270
一：可以帮助0粉的主播开通直播权限，不需要达到一千粉丝的基础就可以尝试，二：开放官方游戏的权限给到个人主播，不怕被官方误判“野游”从而封禁直播间，目前市场上的绝大公会都会依靠此玩法对个人主播收取入门费或者在直播收益上给予一定的克扣。进入老A公会的可以享受免费申请0粉直播权限以及公会0抽成，也就是主播收益全都是自己的，不会被公会抽。并且老A公会主要的目的是帮助关注我的粉丝开通弹幕游戏的直播权限，如果之后想退的话就直接退，这个不是什么颜值主播，就是开游戏直播权限，老A不靠这个赚钱，所以也不会限制你的去留。
Unity3d C UGUI弹幕效果功能源码
最新发布
gitblog_06729的博客
04-14 284
Unity3d C# UGUI弹幕效果功能源码 【下载地址】Unity3dCUGUI弹幕效果功能源码 这是一个基于Unity3d和C#语言的UGUI弹幕效果功能源码，专为开发者设计，帮助快速实现类似哔哩哔哩的弹幕效果。通过该源码，您可以为游戏或应用增添动态的弹幕功能，提升用户互动体验。源码结构清晰，易于集成，适合有一定U...
抖音弹幕游戏挤地铁源码（仅供学习参考）可二次开发商用+搭建教程
A4930的博客
05-31 3774
抖音近期比较火的挤地铁直播相信大家都见到过，当然没见到过也不会来到这篇文章。话不多说直接上干货。
抖音弹幕游戏开发：打造全新互动体验，引领潮流风尚
nhgworld的博客
03-27 459
这款游戏不仅继承了抖音平台的短视频特色，还融入了丰富的游戏元素，让用户在观看视频的同时，能够享受到游戏带来的乐趣。抖音弹幕游戏的推出，不仅丰富了抖音平台的内容生态，也为用户带来了全新的互动体验。我们也期待更多开发者能够加入我们的行列，共同探索弹幕游戏开发的更多可能性，为用户带来更加丰富多彩的互动体验。在这里，每一个弹幕都是一次互动的机会，每一次游戏都是一次全新的体验。为了满足用户日益增长的互动需求，我们投入大量研发力量，成功推出了抖音弹幕游戏开发项目，旨在为用户带来一种全新的、沉浸式的互动体验。
直播弹幕源码开发很难？一招教你解决
Caroll123的博客
08-10 342
如果你在开发直播弹幕源码的途中碰到很多棘手问题，不要慌，本篇来逐步击破直播弹幕源码的难点。
抖音弹幕游戏开发：创新与挑战的融合
weixin_qqzzlyn的博客
01-20 1204
开发者需深入理解抖音平台的特点和用户需求，结合弹幕射击游戏的玩法，打造出具有独特魅力的游戏产品。同时，通过有效的推广策略和运营活动，使游戏在竞争激烈的市场中脱颖而出，为用户带来愉悦的游戏体验。抖音弹幕游戏，一种结合了抖音短视频平台特性和弹幕射击游戏玩法的创新型游戏，自推出以来，便以其独特的玩法和互动性吸引了大量用户。针对测试中出现的各种问题，进行相应的优化，以保证游戏体验的优良。3. 短视频分享功能：为实现短视频分享功能，需研究抖音平台的API接口，并合理利用这些接口实现游戏内的录制和分享功能。
抖音弹幕游戏开发：创新与挑战
nhgworld的博客
01-19 1046
同时，抖音弹幕游戏也为广告主提供了一种新的广告形式，通过与游戏的结合，实现广告的互动化和趣味性。由于抖音平台提供了丰富的API接口和开发者工具，开发者可以快速地实现游戏界面的设计和弹幕的发送功能。同时，为了提高游戏的性能和用户体验，前端开发还需要关注游戏的渲染效率和交互细节。由于弹幕内容具有实时性和互动性，需要进行严格的审核和过滤，防止不良信息的传播和恶意攻击的发生。开发者需要建立有效的内容审核机制，采用技术手段和人工审核相结合的方式，确保游戏环境的健康和安全。抖音弹幕游戏开发面临着诸多挑战和创新点。
unity开发抖音弹幕小玩法-前端（直播伴侣+小魔盒）
qq_40364220的博客
12-11 7469
抖音初审通过后 点击审核详情里有官方飞书地址。
抖音弹幕游戏功能开发以及板块详解
nhgworld的博客
01-15 1244
3. 实时竞争：抖音弹幕游戏通常会设置一定的时间限制，观众需要在规定的时间内发送弹幕消息参与游戏。5. 互动娱乐：抖音弹幕游戏通过观众的参与和互动，增加了直播的趣味性和娱乐性，使观众更加沉浸在直播内容中。在这种游戏中，观众可以通过发送弹幕消息参与游戏，与主播或其他观众进行互动。4. 礼物奖励：在抖音弹幕游戏中，观众可以通过发送礼物给主播来获得额外的奖励或特权。1. 游戏形式：抖音弹幕游戏通常以直播形式进行，主播在直播过程中会提供相应的游戏环节，观众可以通过发送弹幕消息参与游戏。
抖音弹幕游戏软件开发火爆，你了解多少？
tengyuan2018的博客
01-12 869
总的来说，抖音弹幕游戏是一种通过发送弹幕评论参与互动的游戏形式，具有互动性、竞争性和社交性，让玩家在观看视频的同时，参与到游戏中，增加娱乐和互动的乐趣。玩家可以在游戏中与其他玩家互动，结识新朋友，同时还可以将自己的游戏经历和成绩分享给其他人，增加互动和娱乐的乐趣。抖音弹幕游戏通过弹幕评论的形式，实现了玩家之间的互动和竞争。玩家可以看到其他玩家发送的弹幕评论，可以互相交流、比较答案，增加游戏的趣味性和竞争性。在游戏视频播放时，玩家可以通过发送弹幕评论的方式参与游戏，与其他玩家互动。
基于C#实现的2D 弹幕游戏源码.zip
08-31
【资源说明】 基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip基于C#实现的2D 弹幕游戏源码.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
java弹幕小游戏源码（同时请教，如何优化算法让它内存需求减少）
02-21
java弹幕游戏源码（敌人资源在zip的a.json里面
java弹幕游戏源码-Blackjack-Simulator:二十一点模拟器
06-05
java弹幕游戏源码二十一点模拟器 二十一点... 基本原理 最初，当我第一次开始编码时，我开始编码的过程是混乱的。 基本上，我刚刚开始编码。 我没有给自己提供任何组织，导致一个非常大的主要方法，组织很少，完全无视战略设计的方法，精心设计的对象，以及对私有和公共变量的安全性的适当指定。 由于这个组织问题，我低估了我在时间到之前完成第二个里程碑的能力。 我发现自己“嫁给了我的代码”，一个对错误检查或新功能完全不可变的配偶，或者从根本上说，修复旧功能。 这次失败促使我不得不做出艰难的决定。 我的最终决定是扔掉我的整个资源，从一个全新的、更有条理的盘子开始。 我通过抓住我完全忽略的两个编码基本要素开始了对组织的探索：铅笔和纸。 在那一刻，我问自己究竟是什么构成了二十一点。 嗯，显然有一个二十一点游戏。 二十一点有玩家。 玩家有手。 手上有牌。 卡片来自一副牌。 这些，自然，将是我的课程。 从那时起，我就放弃了模块化作品的方法论。 我想让我的代码有一个主要从可调用方法运行的超小主线。 这些可调用的方法将使调试和错误修复更容易完成，从而缩小问题的范围。 此外，模块化安排将使一切更容易理解。 简单
抖音挤地铁，包含直播弹幕获取源码，包括教程
06-27
安装流程： 1.解压完成后安装python-3.10.2-amd64.exe,傻瓜式安装就行 2.打开抖音弹幕文件夹，运行一键运行库安装依赖，安装依赖需要很长时间，需耐心等待 3.运行游戏 4.运行抖音弹幕文件夹里的一键启动，启动窗口最小化即可 注意：该版本为学习版本，在安装过程中有什么问题，或者需要更新版本可联系小编获取
java弹幕游戏下载源码-BulletML:用于构造的BML插件
06-05
java弹幕游戏下载源码
获取抖音弹幕全网最简单的方法（chrome扩展开发之注入内容脚本）
Atomic_Space(原子空间)
11-14 449
获取抖音弹幕全网最简单的方法（chrome扩展开发之注入内容脚本）
想要成为网络达人，这10大网络协议建议要精通，基础中的基础！
网络技术联盟站
03-06 503
这10大协议只是网络世界的“入门卷”，但已经够你打下坚实基础啦！想更厉害？可以再研究研究HTTP/3的超快加载，TCP的流量控制，DNS的加密查询，或者SSH的高级隧道玩法。互联网像片大海，这10个协议是你的“船票”，上了船，后面想去哪儿都行！🌌。
2025最全计算机专业毕业设计选题大全（建议收藏）✅
十多年程序猿资深互联网人，目前专注于Python/Java/大数据项目解决方案制定，提供各行业各编程语言的全套开发服务，喜爱code，喜爱分享，生命不止，编码不息！
10-06 1815
2025最全计算机专业毕业设计选题大全（建议收藏）✅
弹幕功能界面开发：优化视频播放体验
在此基础上，将详细介绍弹幕功能界面开发的核心要素，包括对视频播放的适配、弹幕文本信息的渲染、用户交互设计以及弹幕数据的发送和接收机制。 首先，弹幕功能界面最基础的需求之一是能够播放视频。在开发过程中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Atomic_space

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

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

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

打赏作者

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

抵扣说明：

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

余额充值