最最最最基礎的彈幕功能

2021-10-23 18:21:50 字數 2599 閱讀 2090

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

body,

p,div,

h1,h2,

h3,h4,

h5,h6,

ul,ol,

li#canvas

#container

style

>

head

>

>

>

>

"canvas"

>

canvas

>

controls

src=

"video/video.mp4"

width

="640"

height

="360"

>

video

>

div>

div>

"container"

>

type

="text"

id="message"

>

"speed"

>

value

="1"

>

極慢option

>

value

="2"

>

慢option

>

value

="3"

selected

>

正常option

>

value

="6"

>

超快option

>

select

>

"color"

>

value

="#000"

>

黑色option

>

value

="#f00"

>

紅色option

>

value

="#0f0"

>

綠色option

>

value

="#00f"

>

藍色option

>

select

>

"size"

>

value

="10"

>

超小option

>

value

="12"

>

小的option

>

value

="16"

selected

>

正常option

>

value

="20"

>

超大option

>

select

>

onclick

="add()"

>

傳送button

>

div>

>

function

add())

;}let canvasele = document.

getelementbyid

('canvas');

canvasele.width =

640;

canvasele.height =

360;

let ctx = canvasele.

getcontext

('2d');

let colors =

['#f00'

,'#0f0'

,'#00f'

,'#000'];

//測試資料

let messages =

['這個演員沒眼緣'

,'太不喜歡他了'

,'這個演員不好看'

,'演得還可以'

,'太假了'

,'守護全世界最好的美好'];

//構建彈幕文字 -- 內容、顏色、字型大小、速度及位置等資訊

let barrages =

; messages.

foreach

(item=>)}

);//繪製彈幕文字

function

draw()

//繪製文字

ctx.

filltext

(item.text,item.x,item.y);}

);//定時呼叫

window.

requestanimationframe

(draw);}

draw()

;script

>

body

>

html

>

Python中zipfile模組最最最最簡單的例子

用python寫的乙個簡單的壓縮檔案處理 寫得要被人打的節奏 bug多多 encoding utf 8 import zipfile import os defmenu print 1 列出所有壓縮檔案 2 解壓指定檔案 3 加入壓縮檔案 4 退出 defunzip zf zf.printdir z...

最最最基礎的排序大演算法

技術篇,話不多說,走起。時間複雜度統計 1.氣泡排序 演算法規則 由於演算法每次都將乙個最大的元素往上冒,我們可以將待排序集合 0.n 看成兩部分,一部分為 k.n 的待排序unsorted集合,另一部分為 0.k 的已排序sorted集合,每一次都在unsorted集合從前往後遍歷,選出乙個數,如...

vector最最最基礎用法(非原創)

在c 中,vector是乙個十分有用的容器,下面對這個容器做一下總結。1 基本操作 1 標頭檔案 include.2 建立vector物件,vectorvec 3 尾部插入數字 vec.push back a 4 使用下標訪問元素,cout vector iterator it for it vec...