Я видел много примеров, когда в качестве фона используется частица.js (https://vincentgarreau.com/particles.js/).
Я хочу достичь чего-то немного другого. Я хочу написать текст внутри холста, а не поверх него. Мне нужно, чтобы текст был внутри, потому что я хочу, чтобы частицы отскакивали от написанного текста, а не шли за ним.
Я намерен медленно отобразить текст. Буква за буквой. И когда появляются буквы, я хочу, чтобы частицы отошли от букв. Подобно тому, как они отталкиваются от движения мыши. Ниже приведен текущий код:
<div class="position_relative">
<div id="particles-js" class="section"></div>
<div id="main_focus"> <!-- this is absolutely positioned -->
<h1 class="text-white ">Connecting you to the world wide web</h1>
</div>
</div>
<script src="js/particles.min.js"></script>
Любое направление для достижения этой цели будет с благодарностью.
Спасибо всем!