抖音HTML龙卷风特效代码是啥?

抖音HTML龙卷风特效代码是啥?,第1张

<!doctype html>

<html>

<head>

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="Cache-Control" content="no-cache" />

<meta http-equiv="Expires" content="0" />

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />

<style type="text/css">

html{

height: 100%

}

html,body,ul,li,canvas{

margin: 0

padding: 0

}

</style>

</head>

<body bgcolor="#000000">

<canvas id="knife"></canvas>

</body>

<script>

var canvas = document.getElementById("knife")

canvas.style.position = "absolute"

canvas.style.top = 0

var w = window.innerWidth

var h = window.innerHeight

canvas.width = w

canvas.height = h

var cxt = canvas.getContext("2d")

cxt.strokeStyle = "#FFF"

var list = []

var G = 0.4 //向心加速度

var SPEED_Y = -1 //向上速度

var centerLine = w/2 //龙卷风中线

function addLine(){

var LEN = 2

for(var i = 0 i <LEN i ++){

list.push({

x:w/2,

y:h/1.3,

g:G,

c:centerLine+2*Math.random(),

sx:(Math.random()-0.5)*4,

sy:SPEED_Y+0.5*(Math.random()-0.5),

len:Math.round(Math.random()*10+5),

list:[{x:w/2,y:h/1.3}]

})

}

}

function step(){

cxt.clearRect(0,0,w,h)

addLine()

var obj

for(var i = 0 i <list.lengthi ++){

obj = list[i]

if(obj.y <h/2.5){//如果超过这个高度,就删除一个点

obj.len --

if(obj.len == 0){

list.splice(i,1)

i --

continue

}

}

obj.x += obj.sx

obj.y += obj.sy

obj.sx += obj.g

obj.g = obj.x >obj.c ? -G : G

obj.list.unshift({x:obj.x,y:obj.y})//记录下质点运动轨迹

obj.list = obj.list.slice(0,obj.len)//仅仅画出其中一段线就好

//画出所有点的连线

cxt.beginPath()

cxt.moveTo(obj.list[0].x,obj.list[0].y)

for(var j = 1 j <obj.list.lengthj ++){

cxt.lineTo(obj.list[j].x,obj.list[j].y)

}

cxt.stroke()

}

requestAnimationFrame(step)

}

requestAnimationFrame(step)

</script>

</html>

抖音的网址是https://www.douyin.com/

2020年7月30日,北京互联网法院作出宣判,认定抖音App有侵害用户个人信息的情形。9月14日,国家网信办发布消息称。

抖音APP中存在大量诱导未成年人参与应援打榜、大额消费、煽动挑拨青少年粉丝群体互撕谩骂的不良信息和行为。

9月,北京市市场监管局召集抖音等6家互联网企业负责人,召开落实“长江禁捕打非断链”工作电商平台行政约谈会。

2021年1月,“抖音”平台被行政处罚。2021年6月,抖音因提供含有禁止内容被罚3万元。

2021年1月26日,抖音与央视春晚联合宣布,抖音成为《2021年中央广播电视总台春节联欢晚会》独家红包互动合作伙伴。

这是继2019年春晚后,抖音第二次与央视春晚达成合作。

6月21日,抖音正式上线了网页版内测,其官网页面也进行了改版;9月1日,抖音发布关于进一步加强“饭圈”乱象专项整治的公告。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7347894.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存