飞鸟vanta

我爱摸鱼～

已于 2023-08-08 17:12:35 修改

阅读量123

点赞数

分类专栏： HTML+CSS+JS例子文章标签：前端 javascript 开发语言

于 2023-08-08 12:52:14 首次发布

本文链接：https://blog.csdn.net/qq_44893424/article/details/132164495

版权

HTML+CSS+JS例子专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>飞鸟</title>
    <!--取消了body的边距-->
    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.css" rel="stylesheet">
    <style>
        #background {
            overflow: hidden;
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
<div id="background"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vanta/0.5.22/vanta.birds.min.js"></script>
<script>
    VANTA.BIRDS({
        el: "#background",
        mouseControls: true,
        touchControls: true,
        gyroControls: false,
        minHeight: 200.00,
        minWidth: 200.00,
        scale: 1.00,
        scaleMobile: 1.00,
        backgroundColor: 0x203474,
        color1: 0xff0000,
        color2: 0xd1ff,
        birdSize: 1.60,
        wingSpan: 25.00,
        speedLimit: 6.00,
        separation: 56.00,
        alignment: 44.00,
        cohesion: 39.00,
        quantity: 4.00
    })
</script>
</body>
</html>