四散而开的小蝌蚪(Tadpole)
四散而开的小蝌蚪(Tadpole) 示例 HTML CSS JS 示例 HTML < canvas class = " js-canvas " > </ canvas > CSS html, body { margin : 0 ; padding : 0 ; } body { overflow : hidden ; width : 100vw ; height : 100vh ; display : flex ; justify-content : center ; align-items : center ; background : #000 ; } canvas { background : #000 ; } JS const distanceBetween = ( vec1 , vec2 ) => Math . hypot ( vec2 . x - vec1 . x , vec2 . y - vec1 . y ) ; const simplex = new SimplexNoise ( ) ; const canvas = document . querySelector ( '.js-canvas' ) ; const ctx = canvas . getContext ( '2d' ) ; const TAU = Math . PI * 2 ; const width