three打造一个多彩鼠标跟随三维冰珠灯光照射动画效果代码

代码语言:html

所属分类:三维

代码描述:three打造一个多彩鼠标跟随三维冰珠灯光照射动画效果代码

代码标签: 多彩 鼠标 跟随 三维 冰珠 灯光 照射 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

    <style>
        body {
            margin: 0;
            width: 100%;
            height: 100%;
        }

        canvas {
            display: block;
        }
    </style>



</head>

<body translate="no">
    <canvas id="canvas"></canvas>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/chroma.min.js"></script>
    <script type="module">
    
        import {
            Color,
            DodecahedronBufferGeometry,
            IcosahedronBufferGeometry,
            InstancedBufferAttribute,
            InstancedMesh,
            MathUtils,
            Object3D,
            PointLight,
            Scene,
            ShaderChunk,
            ShaderLib,
            ShaderMaterial,
            TetrahedronBufferGeometry,
            UniformsUtils,
            Vector2,
            Vector3
        } from
        'https://unpkg.com/three@0.120.0/build/three.module.js';

        import {
            EffectComposer
        } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/EffectComposer.js';
        import {
            RenderPass
        } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/RenderPass.js';
        import {
            UnrealBloomPass
        } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/UnrealBloomPass.js';
        import {
            ShaderPass
        } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/ShaderPass.js';
        import {
            FXAAShader
        } from 'https://unpkg.com/three@0.120.0/examples/jsm/shaders/FXAAShader.js';

        import useThree from '//repo.bfw.wiki/bfwrepo/js/useThree.js';

        App();

        function App() {
            let three,
            s.........完整代码请登录后点击上方下载按钮下载查看

网友评论0