p5实现金鱼游动交互效果代码

代码语言:html

所属分类:动画

代码描述:p5实现金鱼游动交互效果代码

代码标签: p5 金鱼 游动

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

 
<meta charset="UTF-8">

 
 
 
 
<style>
canvas
{margin-left: auto;margin-right: auto;background-color: LightBlue;}
</style>




</head>

<body >


<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.1.4.0.js"></script>
     
<script  >
const Goldfish =
{
        "Fin_L":[{"type":"M","vec": [1.15,1.28]},{"type":"C","vec": [0.59,1.71,-0.52,2.19,-1.43,2.43]},{"type":"C","vec": [-2.37,2.68,-3.58,2.78,-4.41,2.76]},{"type":"C","vec": [-5.08,2.74,-6.52,2.37,-6.43,2.28]},{"type":"C","vec": [-6.34,2.19,-3.67,2.31,-3.96,2.23]},{"type":"C","vec": [-4.25,2.14,-8.02,1.9,-8.18,1.77]},{"type":"C","vec": [-8.34,1.65,-4.83,1.6,-4.93,1.48]},{"type":"C","vec": [-5.03,1.36,-9.22,1.13,-8.8,1.08]},{"type":"C","vec": [-8.38,1.03,-3.41,1.24,-3.45,1.1]},{"type":"C","vec": [-3.49,0.96,-8.84,0.24,-9.0,0.13]},{"type":"C","vec": [-9.16,0.03,-3.75,0.47,-3.73,0.36]},{"type":"C","vec": [-3.72,0.24,-8.49,-0.26,-8.94,-0.43]},{"type":"C","vec": [-9.39,-0.61,-6.1,-0.41,-6.07,-0.52]},{"type":"C","vec": [-6.05,-0.62,-8.93,-1.11,-8.71,-1.16]},{"type":"C","vec": [-8.49,-1.21,-4.83,-0.72,-4.77,-0.83]},{"type":"C","vec": [-4.71,-0.94,-8.45,-1.58,-8.43,-1.71]},{"type":"C","vec": [-8.4,-1.83,-4.76,-1.49,-4.61,-1.57]},{"type":"C","vec": [-4.47,-1.65,-7.75,-2.11,-7.58,-2.18]},{"type":"C","vec": [-7.41,-2.25,-3.85,-1.94,-3.57,-1.98]},{"type":"C","vec": [-3.3,-2.02,-5.99,-2.34,-6.14,-2.49]},{"type":"C","vec": [-5.83,-2.67,-4.99,-2.77,-4.5,-2.76]},{"type":"C","vec": [-3.9,-2.76,-2.99,-2.67,-2.25,-2.5]},{"type":"C","vec": [-1.38,-2.3,0.04,-2.02,0.74,-1.65]},{"type":"C","vec": [1.29,-1.36,1.83,-0.68,1.9,-0.19]},{"type":"C","vec": [1.97,0.3,1.58,0.94,1.15,1.28]},{"type":"Z"}],
        "Fin_R":[{"type":"M","vec": [1.2,1.32]},{"type":"C","vec": [0.64,1.75,-0.48,2.22,-1.39,2.45]},{"type":"C","vec": [-2.33,2.69,-3.54,2.79,-4.38,2.75]},{"type":"C","vec": [-5.04,2.73,-6.48,2.35,-6.39,2.26]},{"type":"C","vec": [-6.3,2.17,-3.62,2.31,-3.91,2.23]},{"type":"C","vec": [-4.21,2.14,-7.97,1.87,-8.13,1.74]},{"type":"C","vec": [-8.3,1.62,-4.78,1.59,-4.88,1.47]},{"type":"C","vec": [-4.99,1.36,-9.17,1.09,-8.75,1.04]},{"type":"C","vec": [-8.32,1.0,-3.36,1.24,-3.4,1.1]},{"type":"C","vec": [-3.44,0.96,-8.78,0.2,-8.94,0.1]},{"type":"C","vec": [-9.1,-0.01,-3.69,0.47,-3.68,0.36]},{"type":"C","vec": [-3.66,0.25,-8.43,-0.29,-8.88,-0.47]},{"type":"C","vec": [-9.33,-0.65,-6.04,-0.43,-6.01,-0.53]},{"type":"C","vec": [-5.99,-0.64,-8.86,-1.14,-8.64,-1.19]},{"type":"C","vec": [-8.42,-1.24,-4.77,-0.73,-4.71,-0.83]},{"type":"C","vec": [-4.65,-0.94,-8.38,-1.62,-8.36,-1.74]},{"type":"C","vec": [-8.33,-1.86,-4.69,-1.49,-4.54,-1.57]},{"type":"C","vec": [-4.4,-1.65,-7.68,-2.14,-7.51,-2.21]},{"type":"C","vec": [-7.33,-2.28,-3.78,-1.94,-3.5,-1.98]},{"type":"C","vec": [-3.23,-2.01,-5.91,-2.36,-6.07,-2.5]},{"type":"C","vec": [-5.76,-2.68,-4.92,-2.77,-4.42,-2.77]},{"type":"C","vec": [-3.82,-2.76,-2.91,-2.66,-2.18,-2.49]},{"type":"C","vec": [-1.3,-2.28,0.11,-1.99,0.81,-1.62]},{"type":"C","vec": [1.36,-1.32,1.9,-0.64,1.96,-0.15]},{"type":"C","vec": [2.02,0.34,1.63,0.98,1.2,1.32]},{"type":"Z"}],
        "Body":[{"type":"M","vec": [7.49,-0.08]},{"type":"C","vec": [7.47,-5.45,2.89,-7.26,0.21,-7.07]},{"type":"C","vec": [-2.55,-6.88,-6.03,-6.89,-8.11,-5.72]},{"type":"C","vec": [-10.15,-4.58,-12.27,-1.96,-12.27,-0.08]},{"type":"C","vec": [-12.27,1.8,-10.15,4.42,-8.11,5.57]},{"type":"C","vec": [-6.03,6.73,-2.55,6.82,0.21,6.92]},{"type":"C","vec": [3.23,7.03,7.51,4.69,7.49,-0.08]},{"type":"Z"}],
        "Head":[{"type":"M","vec": [17.2,-0.06]},{"type":"C","vec": [17.2,-1.31,16.25,-2.91,15.15,-3.81]},{"type":"C","vec": [15.02,-4.56,15.39,-6.12,13.46,-6.59]},{"type":"C","vec": [11.21,-7.14,11.05,-6.0,10.37,-5.61]},{"type":"C","vec": [9.05,-6.06,7.73,-6.59,6.35,-6.78]},{"type":"C","vec": [4.62,-7.03,2.11,-7.24,0.0,-7.08]},{"type":"C","vec": [-2.04,-6.94,-6.54,-5.33,-6.6,-0.06]},{"type":"C","vec": [-6.67,5.55,-2.19,6.61,0.0,6.96]},{"type":"C","vec": [2.09,7.29,4.62,6.9,6.35,6.66]},{"type":"C","vec": [7.73,6.46,9.05,5.93,10.37,5.48]},{"type":"C","vec": [10.89,5.94,11.24,7.11,13.51,6.56]},{"type":"C","vec": [15.49,6.07,14.92,4.7,15.15,3.68]},{"type":"C","vec": [16.25,2.78,17.2,1.18,17.2,-0.06]},{"type":"Z"}],
        "Tall":[{"type":"M","vec": [-25.13,0.09]},{"type":"C","vec": [-24.67,0.26,-24.42,0.37,-23.93,0.41]},{"type":"C","vec": [-23.1,0.48,-21.53,0.45,-20.33,0.44]},{"type":"C","vec": [-18.88,0.44,-16.92,0.42,-15.22,0.39]},{"type":"C","vec": [-13.02,0.36,-7.97,0.27,-7.15,0.26]},{"type":"C","vec": [-6.33,0.25,-9.45,0.3,-10.3,0.36]},{"type":"C","vec": [-10.94,0.41,-11.66,0.56,-12.22,0.64]},{"type":"C","vec": [-12.69,0.72,-13.16,0.79,-13.63,0.88]},{"type":"C","vec": [-14.2,0.98,-14.98,1.12,-15.65,1.24]},{"type":"C","vec": [-16.35,1.38,-17.27,1.54,-17.85,1.68]},{"type":"C","vec": [-18.27,1.78,-18.68,1.94,-19.1,2.06]},{"type":"C","vec": [-19.73,2.23,-20.88,2.46,-21.62,2.71]},{"type":"C","vec": [-22.27,2.94,-23.01,3.33,-23.52,3.58]},{"type":"C","vec": [-23.91,3.77,-24.33,3.93,-24.67,4.21]},{"type":"C","vec": [-25.05,4.54,-25.87,5.5,-25.85,5.56]},{"type":&.........完整代码请登录后点击上方下载按钮下载查看

网友评论0