實現乙個彈幕

html**：

document

請選擇字型顏色：

css**：

div

article

section

js**：//函式

let inputstr = document.queryselector(「input」);

let divele = document.queryselector(「div」);

let inputcolor = document.queryselector(「p>input」);

let sendele = document.queryselector(「input[value=『傳送』]」);

sendele.addeventlistener(「click」, moveleft);

//輸入框中按下回車，直接傳送

inputstr.addeventlistener(「keypress」, function (e)

event.key == 「enter」 ? moveleft() : 「」;

});//子節點字型顏色設定

//獲取使用者選擇的顏色

newspan.style.color = inputcolor.value;

//時間函式v1.0

// let timer = setinterval(move, 100);

// let i = divele.clientwidth;

// //每個子節點的移動速度

// let speed = getrandomnum(10, 50);

// //被呼叫的函式（向左移動）

// function move()

// }

//時間函式v2.0

let timer = setinterval(move, getrandomnum(1, 20));

let i = divele.clientwidth;

//每個子節點的移動速度

//被呼叫的函式（向左移動）

function move() }}

//隨機函式

function getrandomnum(min, max = 0)

return parseint((max - min + 1) * math.random() + min);

}

看b站時，對彈幕的實現產生了興趣，一開始想到用css3動畫去實現，後來感覺這樣效能不是很好，查了下資料，發現可以用canvas實現，於是就摸索著寫了乙個簡單的彈幕。彈幕功能支援動態新增彈幕彈幕不重疊自定義彈幕顏色效果圖前端框架選了比較熟悉的vuejs 彈幕滾動的基本思路就是通過定時器不斷地...

效果如圖，原始碼位址視窗樣式指定ws ex topmost實現置頂對於一些全屏程式不行，但是對於ppt夠用了指定ws ex transparent實現滑鼠穿透此視窗指定ws ex layered並使用updatelayeredwindow繪製視窗實現視窗透明以上樣式指定都在對話方塊資源編輯...

一前言今天瀏覽某看到乙個活動頁有內嵌的彈幕模組圖一但是看到移動的彈幕重疊很多，不忍直視啊。突然想起很久之前自己寫寫過類似的彈幕，就翻出來看了一下，呵，也是不忍直視的，最後再附上當年的效果以及二大話幾點 5 彈幕的後台實現可以通過websocket實現，當然也可以借助node實現。當使用...