monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

🎨

Browse source
This commit is contained in:
syuilo 2020-02-22 03:51:31 +09:00
parent 6901ab39ed
commit c5cdd56edb
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/client/components/particle.vue
View file

@ -3,14 +3,14 @@
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"> <svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
<circle fill="none" cx="64" cy="64"> <circle fill="none" cx="64" cy="64">
<animate attributeName="r" <animate attributeName="r"
begin="0s" dur="1s" begin="0s" dur="0.5s"
values="4; 32" values="4; 32"
calcMode="spline" calcMode="spline"
keyTimes="0; 1" keyTimes="0; 1"
keySplines="0.165, 0.84, 0.44, 1" keySplines="0.165, 0.84, 0.44, 1"
repeatCount="1" /> repeatCount="1" />
<animate attributeName="stroke-width" <animate attributeName="stroke-width"
begin="0s" dur="1s" begin="0s" dur="0.5s"
values="16; 0" values="16; 0"
calcMode="spline" calcMode="spline"
keyTimes="0; 1" keyTimes="0; 1"
@ -20,21 +20,21 @@
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<circle v-for="(particle, i) in particles" :key="i" :fill="particle.color"> <circle v-for="(particle, i) in particles" :key="i" :fill="particle.color">
<animate attributeName="r" <animate attributeName="r"
begin="0s" dur="1s" begin="0s" dur="0.8s"
:values="`${particle.size}; 0`" :values="`${particle.size}; 0`"
calcMode="spline" calcMode="spline"
keyTimes="0; 1" keyTimes="0; 1"
keySplines="0.165, 0.84, 0.44, 1" keySplines="0.165, 0.84, 0.44, 1"
repeatCount="1" /> repeatCount="1" />
<animate attributeName="cx" <animate attributeName="cx"
begin="0s" dur="1s" begin="0s" dur="0.8s"
:values="`${particle.xA}; ${particle.xB}`" :values="`${particle.xA}; ${particle.xB}`"
calcMode="spline" calcMode="spline"
keyTimes="0; 1" keyTimes="0; 1"
keySplines="0.3, 0.61, 0.355, 1" keySplines="0.3, 0.61, 0.355, 1"
repeatCount="1" /> repeatCount="1" />
<animate attributeName="cy" <animate attributeName="cy"
begin="0s" dur="1s" begin="0s" dur="0.8s"
:values="`${particle.yA}; ${particle.yB}`" :values="`${particle.yA}; ${particle.yB}`"
calcMode="spline" calcMode="spline"
keyTimes="0; 1" keyTimes="0; 1"