Блог

Я все еще довольно новичок в кодировании и веб-разработке и пытаюсь воссоздать этот эффект, но с помощью круга.

Оригинал:

https://codepen.io/sarahwfox/pen/pNrYGb

Поэтому я изменил слово «искра» — например:

 var sparkles=100;
 

по кругу:

 var circle=100
 

и это изменило форму, но по какой-то причине она не упадет, как раньше? Правильно ли это делать? Я действительно менял его на протяжении всего сценария, но я не могу заставить его упасть, как тот, другой.

https://codepen.io/kyannashanice/pen/YzQPoGe

Я не написал много собственного javascript, но очень хотел бы включить этот эффект в свой проект. Если бы кто-то мог мне помочь или дать мне какие-то ресурсы, которые могли бы помочь, я был бы очень признателен, но понимаю, что это может быть слишком много, чтобы просить.

Я не совсем понимаю, какой эффект круга вы надеялись увидеть, но нет, это совсем не правильный способ, извините!

Все, что вы действительно сделали, перейдя sparkles на circle первый раз, — это фактически установили количество падающих искорок равным нулю, поэтому они перестали падать.

Нет особого смысла менять имена переменных, потому что на самом деле это просто метки. Так, например, если вы изменили каждое использование sparkles на circle , вы на самом деле меняете только метку, а не то, что делает код.

Если вы только начинаете изучать JavaScript, вероятно, вам будет не по силам изменить эффект на что-то конкретное, но вы могли бы попробовать поиграть с другими значениями и посмотреть, что произойдет.

Надеюсь, это поможет! Я думаю, что работа со сценариями других людей, подобными этому, — отличный способ начать понимать кодирование.

Обновить

Часть кода, которая оживляет блестки, начинается со строки 140 — попробуйте изменить часть этого кода.

Например, в строке 143 я изменил ее на stary[i] =1 Math.random()*1; , чтобы искорки падали медленнее