Código HTML
<div id="cursorNeon"></div>
Código CSS
*{
padding: 0;
margin: 0;
}
#cursorNeon{
width: 100%;
height: 100vh;
}
#app {
overflow: hidden;
}
#cursorNeon canvas {
display: block;
position: fixed;
z-index: -1;
top: 0;
}
Código JS
<script type="module">
import { neonCursor } from 'https://unpkg.com/threejs-toys@0.0.8/build/threejs-toys.module.cdn.min.js';
neonCursor({
el: document.getElementById('cursorNeon'),
shaderPoints: 16,
curvePoints: 80,
curveLerp: .8,
radius1: 5,
radius2: 10,
sleepRadiusX: 0,
sleepRadiusY: 0,
});
</script>
