从0开始搞一个锦鲤游动——画锦鲤

最新推荐文章于 2023-06-27 11:11:44 发布
最新推荐文章于 2023-06-27 11:11:44 发布
阅读量634 收藏 2
点赞数 1
分类专栏： Android高级UI 文章标签： android 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/afdafvdaa/article/details/115122627
版权

首先大家可以看一下这个鱼的图案

在这里插入图片描述

一.前期准备

1.新建一个项目

2.将MainActivity的XML文件写成

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <ImageView
        android:id="@+id/iv_fish"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
</RelativeLayout>

相当于我们后面只是对ImageView进行涂画

3.新建fishDrawable类，继承Drawable

不用多想，就把fishDrawable类看作图片即可
自定义View和Drawable区别不大，主要是Drawable使用起来更简单一些

public class fishDrawable extends Drawable {
    @Override
    public void draw(@NonNull Canvas canvas) {

    }

    @Override
    public void setAlpha(int alpha) {

    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {

    }

    @Override
    public int getOpacity() {
        return 0;
    }
}

4.在MainActivity中将ImageView控件与fishDrawable类进行关联

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //建立关联
        ImageView fishView = findViewById(R.id.iv_fish);
        fishView.setImageDrawable(new fishDrawable());
    }
}

二.具体实操

参考比例

在这里插入图片描述

分解图

在这里插入图片描述

注意：由于代码添加并不是非常的规律，所以有时可能会忽略非常小一部分代码。但是大家不用担心，在这篇文章的最后我会把完整代码展示，并且会将项目上传到github，并给出链接

1.其余三个方法进行套公式

除了draw，其余三个方法都是比较固定的写法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.新增两个方法，固定大小

细心的朋友们可能发现了，我们一开始在XML中设置ImageView的大小的时候都是Wrap_Content，那总得固定一个默认大小吧，所以这两个方法就用上了
(HEAD_RADIUS为鱼头的圆的半径）
在这里插入图片描述

3.进行一些初始化

public class fishDrawable extends Drawable {
    //创建路径和画笔
    private Path mPath;
    private Paint mPaint;

    //设置画笔的透明度
    private int OTHER_ALPHA = 110;

    //设置鱼头的圆的大小
    private float HEAD_RADIUS = 100;
    
    fishDrawable(){
        init();
    }
    
	//初始化
    private void init() {
        mPath = new Path();
        mPaint = new Paint();

        mPaint.setStyle(Paint.Style.FILL);
        //抗锯齿
        mPaint.setAntiAlias(true);
        //防抖动
        mPaint.setDither(true);
        //设置颜色
        mPaint.setARGB(OTHER_ALPHA,244,92,71);
    }

    @Override
    public void draw(@NonNull Canvas canvas) {

    }

	//下面三个方法一般为固定写法
    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
        mPaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }

    @Override
    public int getIntrinsicWidth() {
    	//设置宽度
        return (int) (8.38 * HEAD_RADIUS);
    }

    @Override
    public int getIntrinsicHeight() {
    	//设置高度
        return (int) (8.38 * HEAD_RADIUS);
    }
}

4.确定鱼的重心(PointF)

这里我们中心和重心就不进行区分了，就通俗理解为鱼的中心点那个位置。鱼头的中心点是以鱼中心点为参考进行绘制的。

	//保存鱼的重心
    private PointF middlePoint;
    
    fishDrawable(){
        init();
    }

    //初始化
    private void init() {
        mPath = new Path();
        mPaint = new Paint();

        mPaint.setStyle(Paint.Style.FILL);
        //抗锯齿
        mPaint.setAntiAlias(true);
        //防抖动
        mPaint.setDither(true);
        //设置颜色
        mPaint.setARGB(OTHER_ALPHA,244,92,71);
        
        //确定鱼的重心
        middlePoint = new PointF(4.19f * HEAD_RADIUS,4.19F * HEAD_RADIUS);
    }

5.写出核心求坐标算法

此算法为后面所有算法的基础。利用数学知识，此算法的思想是，

  • 根据一个点的坐标，以及另外一个点到这个点的连线与X轴夹角，以及这条连线的长度，求出另外一个点的坐标。（数学知识，三角函数）

可能光说就有些抽象，我们看下面的图
在这里插入图片描述
比如我们知道a点，知道ab这条直线的长度，知道角α的大小，就可以求出b点的坐标。这样说大家应该就理解了。
比如这里面求b的坐标
在这里插入图片描述
b点的横坐标就是
a.x+ab*cosα
b点的纵坐标就是
a.y+ab*sinα
OK，知道了原理，我们就开始写这个算法

	private PointF calculatePoint(PointF startPoint,float length,float angle){
        //x坐标的一部分
        float deltaX = (float) (Math.cos(Math.toRadians(angle))*length);

        //y坐标的一部分
        float deltaY = (float) Math.sin(Math.toRadians(angle - 180))*length;

        return new PointF(startPoint.x + deltaX,startPoint.y + deltaY);
    }

注意：
①Math.toRadians是把角度换算为弧度，因为Math.sin/cos的参数是接收弧度的。
②由于安卓坐标系和数学坐标系的y轴正好相反，所以这里的求y坐标时要-180度，以达到正好相反的效果

6.利用鱼中心坐标计算鱼头圆心坐标

	@Override
    public void draw(@NonNull Canvas canvas) {
        //鱼的朝向
        float fishAngle = fishMainAngle;

        //计算鱼头的圆心坐标
        PointF headPoint = calculatePoint(middlePoint,BODY_RADIUS/2,fishAngle);
        //画鱼头的圆
        canvas.drawCircle(headPoint.x,headPoint.y,HEAD_RADIUS,mPaint);
    }

效果如下
在这里插入图片描述

7.画鱼鳍

在这里插入图片描述

 	//设置鱼鳍边界点和鱼头中心点的距离
    private float FIND_FINS_LENGTH = 0.9f * HEAD_RADIUS;
    //鱼鳍长度
    private float FINS_LENGTH = 1.3f * HEAD_RADIUS;
    
	@Override
    public void draw(@NonNull Canvas canvas) {
        //画右鱼鳍
        PointF rightFinsPoint = calculatePoint(headPoint,FIND_FINS_LENGTH,fishAngle - 100);
        makeFins(canvas,rightFinsPoint,fishAngle,true);

        //画左鱼鳍
        PointF leftFinsPoint = calculatePoint(headPoint,FIND_FINS_LENGTH,fishAngle + 100);
        makeFins(canvas,leftFinsPoint,fishAngle,false);
    }

画鱼鳍的算法

private void makeFins(Canvas canvas, PointF startFinsPoint, float fishAngle,boolean isRight) {
        //设置二阶贝塞尔曲线控制点的角度
        float controlAngle = 110;//通过看示意图得知，它要比上面那个110要大

        //求出右鱼鳍终点的坐标点
        PointF endFinsPoint = calculatePoint(startFinsPoint,FINS_LENGTH,fishAngle - 180);

        //求出控制点的坐标
        PointF controlPoint = calculatePoint(startFinsPoint,FINS_LENGTH * 1.8f
                ,isRight ? fishAngle - controlAngle : fishAngle + controlAngle);

        //画线
        mPath.reset();//首先别忘了reset
        mPath.moveTo(startFinsPoint.x,startFinsPoint.y);
        mPath.quadTo(controlPoint.x,controlPoint.y,endFinsPoint.x,endFinsPoint.y);

        canvas.drawPath(mPath,mPaint);
}

效果
在这里插入图片描述

8.画鱼节肢

	//大圆的半径
    private float BIG_CIRCLE_RADIUS = 0.7f * HEAD_RADIUS;
    //中圆的半径
    private float MIDDLE_CIRCLE_RADIUS = 0.6f * BIG_CIRCLE_RADIUS;
    //小圆的半径
    private float SMALL_CIRCLE_RADIUS = 0.4f * MIDDLE_CIRCLE_RADIUS;
    //寻找尾部中圆圆心的线长
    private final float FIND_MIDDLE_CIRCLE_LENGTH = BIG_CIRCLE_RADIUS * (0.6f + 1);
    //寻找尾部小圆圆心的线长
    private final float FIND_SMALL_CIRCLE_LENGTH = MIDDLE_CIRCLE_RADIUS * (0.4f + 2.7f);
    
	@Override
    public void draw(@NonNull Canvas canvas) {
        //画节肢1
        //首先找到鱼身体底部的中心点
        PointF bodyBottomCenterPoint = calculatePoint(headPoint,BODY_LENGTH,fishAngle-180);
        PointF middleCirclePoint = makeSegment(canvas,bodyBottomCenterPoint,MIDDLE_CIRCLE_RADIUS,
                BIG_CIRCLE_RADIUS,FIND_MIDDLE_CIRCLE_LENGTH,fishAngle,true);

        //画节肢2
        makeSegment(canvas,middleCirclePoint,SMALL_CIRCLE_RADIUS,MIDDLE_CIRCLE_RADIUS,
                FIND_SMALL_CIRCLE_LENGTH,fishAngle,false);

    }

画节肢算法

private PointF makeSegment(Canvas canvas, PointF bottomCenterPoint,float smallRadius
            ,float bigRadius,float findSmallCircleLength, float fishAngle,boolean hasBigCircle) {
        //根据梯形下底中心点的坐标，求出上底中心点的坐标
        PointF upperCenterPoint = calculatePoint(bottomCenterPoint,findSmallCircleLength,fishAngle-180);

        //求出梯形四个顶点的坐标
        PointF bottomLeftPoint = calculatePoint(bottomCenterPoint,bigRadius,fishAngle + 90);
        PointF bottomRightPoint = calculatePoint(bottomCenterPoint,bigRadius,fishAngle - 90);
        PointF upperLeftPoint = calculatePoint(upperCenterPoint,smallRadius,fishAngle + 90);
        PointF upperRightPoint = calculatePoint(upperCenterPoint,smallRadius,fishAngle - 90);

        //画大圆和中圆
        //大圆只有在节肢1的时候才会画
        if(hasBigCircle){
            canvas.drawCircle(bottomCenterPoint.x,bottomCenterPoint.y, bigRadius,mPaint);
        }

        canvas.drawCircle(upperCenterPoint.x,upperCenterPoint.y,smallRadius,mPaint);

        //画梯形
        mPath.reset();
        mPath.moveTo(bottomLeftPoint.x,bottomLeftPoint.y);
        mPath.lineTo(bottomRightPoint.x,bottomRightPoint.y);
        mPath.lineTo(upperRightPoint.x,upperRightPoint.y);
        mPath.lineTo(upperLeftPoint.x,upperLeftPoint.y);
        canvas.drawPath(mPath,mPaint);

        //将中圆的圆心坐标返回
        return upperCenterPoint;
    }

效果展示
在这里插入图片描述

9.画底边三角形

//寻找大三角形底边中心点的线长
private final float FIND_TRIANGLE_LENGTH = MIDDLE_CIRCLE_RADIUS * 2.7f;
//画底边三角形
@Override
public void draw(@NonNull Canvas canvas) {
//画底边三角形
makeTriangle(canvas,middleCirclePoint,FIND_TRIANGLE_LENGTH,BIG_CIRCLE_RADIUS,fishAngle);
makeTriangle(canvas,middleCirclePoint,FIND_TRIANGLE_LENGTH-20,BIG_CIRCLE_RADIUS - 10,fishAngle);
}

画三角形的算法

private void makeTriangle(Canvas canvas, PointF middleCirclePoint, float findCenterLength,
                              float halfFdge,float fishAngle) {
        //首先得到三角形底边中点坐标
        PointF triangleBottomPoint = calculatePoint(middleCirclePoint,findCenterLength,fishAngle + 180);

        //然后计算三角形各个顶点的坐标
        PointF leftPoint = calculatePoint(triangleBottomPoint,halfFdge,fishAngle + 90);
        PointF rightPoint = calculatePoint(triangleBottomPoint,halfFdge,fishAngle - 90);

        //画线
        mPath.reset();
        mPath.moveTo(middleCirclePoint.x,middleCirclePoint.y);
        mPath.lineTo(leftPoint.x,leftPoint.y);
        mPath.lineTo(rightPoint.x,rightPoint.y);

        canvas.drawPath(mPath,mPaint);
}

效果展示
在这里插入图片描述

10.画身体

	@Override
    public void draw(@NonNull Canvas canvas) {
        //画身体
        makeBody(canvas,headPoint,bodyBottomCenterPoint,fishAngle);
    }

画身体的算法

private void makeBody(Canvas canvas, PointF headPoint, PointF bodyBottomCenterPoint, float fishAngle) {
        //首先得到身体的四个顶点
        PointF topLeftPoint = calculatePoint(headPoint,HEAD_RADIUS,fishAngle + 90);
        PointF topRightPoint = calculatePoint(headPoint,HEAD_RADIUS,fishAngle - 90);
        PointF bottomLeftPoint = calculatePoint(bodyBottomCenterPoint,BIG_CIRCLE_RADIUS,fishAngle + 90);
        PointF bottomRightPoint = calculatePoint(bodyBottomCenterPoint,BIG_CIRCLE_RADIUS,fishAngle - 90);

        //然后得到控制点的坐标
        PointF controlLeft = calculatePoint(headPoint,BODY_LENGTH*0.56F,fishAngle + 130);
        PointF controlRight = calculatePoint(headPoint,BODY_LENGTH*0.56F,fishAngle - 130);

        mPath.reset();
        mPath.moveTo(topLeftPoint.x,topLeftPoint.y);
        mPath.lineTo(topRightPoint.x,topRightPoint.y);
        mPath.quadTo(controlRight.x,controlRight.y,bottomRightPoint.x,bottomRightPoint.y);
        mPath.lineTo(bottomLeftPoint.x,bottomLeftPoint.y);
        mPath.quadTo(controlLeft.x,controlLeft.y,topLeftPoint.x,topLeftPoint.y);
        canvas.drawPath(mPath,mPaint);
}

效果展示
在这里插入图片描述

全部代码

public class fishDrawable extends Drawable {
    //创建路径和画笔
    private Path mPath;
    private Paint mPaint;

    //设置画笔的透明度
    private int OTHER_ALPHA = 110;

    //保存鱼的重心
    private PointF middlePoint;

    //设置鱼的主要角度，与X轴的夹角
    private float fishMainAngle = 0;

    /**
     * 与鱼的长度有关的所有值
     */
    //设置鱼头的圆的大小
    private float HEAD_RADIUS = 100f;
    //设置鱼身的大小
    private float BODY_LENGTH = 3.2f*HEAD_RADIUS;
    //设置鱼鳍边界点和鱼头中心点的距离
    private float FIND_FINS_LENGTH = 0.9f * HEAD_RADIUS;
    //鱼鳍长度
    private float FINS_LENGTH = 1.3f * HEAD_RADIUS;
    //大圆的半径
    private float BIG_CIRCLE_RADIUS = 0.7f * HEAD_RADIUS;
    //中圆的半径
    private float MIDDLE_CIRCLE_RADIUS = 0.6f * BIG_CIRCLE_RADIUS;
    //小圆的半径
    private float SMALL_CIRCLE_RADIUS = 0.4f * MIDDLE_CIRCLE_RADIUS;
    //寻找尾部中圆圆心的线长
    private final float FIND_MIDDLE_CIRCLE_LENGTH = BIG_CIRCLE_RADIUS * (0.6f + 1);
    //寻找尾部小圆圆心的线长
    private final float FIND_SMALL_CIRCLE_LENGTH = MIDDLE_CIRCLE_RADIUS * (0.4f + 2.7f);
    //寻找大三角形底边中心点的线长
    private final float FIND_TRIANGLE_LENGTH = MIDDLE_CIRCLE_RADIUS * 2.7f;

    fishDrawable(){
        init();
    }

    //初始化
    private void init() {
        mPath = new Path();
        mPaint = new Paint();

        mPaint.setStyle(Paint.Style.FILL);
        //抗锯齿
        mPaint.setAntiAlias(true);
        //防抖动
        mPaint.setDither(true);
        //设置颜色
        mPaint.setARGB(OTHER_ALPHA,244,92,71);

        middlePoint = new PointF(4.19f * HEAD_RADIUS,4.19F * HEAD_RADIUS);
    }



    @Override
    public void draw(@NonNull Canvas canvas) {
        //鱼的朝向
        float fishAngle = fishMainAngle;

        //计算鱼头的圆心坐标
        PointF headPoint = calculatePoint(middlePoint,BODY_LENGTH/2,fishAngle);
        //画鱼头的圆
        canvas.drawCircle(headPoint.x,headPoint.y,HEAD_RADIUS,mPaint);

        //画右鱼鳍
        PointF rightFinsPoint = calculatePoint(headPoint,FIND_FINS_LENGTH,fishAngle - 100);
        makeFins(canvas,rightFinsPoint,fishAngle,true);

        //画左鱼鳍
        PointF leftFinsPoint = calculatePoint(headPoint,FIND_FINS_LENGTH,fishAngle + 100);
        makeFins(canvas,leftFinsPoint,fishAngle,false);

        //画节肢1
        //首先找到鱼身体底部的中心点
        PointF bodyBottomCenterPoint = calculatePoint(headPoint,BODY_LENGTH,fishAngle-180);
        PointF middleCirclePoint = makeSegment(canvas,bodyBottomCenterPoint,MIDDLE_CIRCLE_RADIUS,
                BIG_CIRCLE_RADIUS,FIND_MIDDLE_CIRCLE_LENGTH,fishAngle,true);
        //画节肢2
        makeSegment(canvas,middleCirclePoint,SMALL_CIRCLE_RADIUS,MIDDLE_CIRCLE_RADIUS,
                FIND_SMALL_CIRCLE_LENGTH,fishAngle,false);

        //画底边三角形
        makeTriangle(canvas,middleCirclePoint,FIND_TRIANGLE_LENGTH,BIG_CIRCLE_RADIUS,fishAngle);
        makeTriangle(canvas,middleCirclePoint,FIND_TRIANGLE_LENGTH-20,BIG_CIRCLE_RADIUS - 10,fishAngle);

        //画身体
        makeBody(canvas,headPoint,bodyBottomCenterPoint,fishAngle);
    }

    private void makeBody(Canvas canvas, PointF headPoint, PointF bodyBottomCenterPoint, float fishAngle) {
        //首先得到身体的四个顶点
        PointF topLeftPoint = calculatePoint(headPoint,HEAD_RADIUS,fishAngle + 90);
        PointF topRightPoint = calculatePoint(headPoint,HEAD_RADIUS,fishAngle - 90);
        PointF bottomLeftPoint = calculatePoint(bodyBottomCenterPoint,BIG_CIRCLE_RADIUS,fishAngle + 90);
        PointF bottomRightPoint = calculatePoint(bodyBottomCenterPoint,BIG_CIRCLE_RADIUS,fishAngle - 90);

        //然后得到控制点的坐标
        PointF controlLeft = calculatePoint(headPoint,BODY_LENGTH*0.56F,fishAngle + 130);
        PointF controlRight = calculatePoint(headPoint,BODY_LENGTH*0.56F,fishAngle - 130);

        mPath.reset();
        mPath.moveTo(topLeftPoint.x,topLeftPoint.y);
        mPath.lineTo(topRightPoint.x,topRightPoint.y);
        mPath.quadTo(controlRight.x,controlRight.y,bottomRightPoint.x,bottomRightPoint.y);
        mPath.lineTo(bottomLeftPoint.x,bottomLeftPoint.y);
        mPath.quadTo(controlLeft.x,controlLeft.y,topLeftPoint.x,topLeftPoint.y);
        canvas.drawPath(mPath,mPaint);
    }

    private void makeTriangle(Canvas canvas, PointF middleCirclePoint, float findCenterLength,
                              float halfFdge,float fishAngle) {
        //首先得到三角形底边中点坐标
        PointF triangleBottomPoint = calculatePoint(middleCirclePoint,findCenterLength,fishAngle + 180);

        //然后计算三角形各个顶点的坐标
        PointF leftPoint = calculatePoint(triangleBottomPoint,halfFdge,fishAngle + 90);
        PointF rightPoint = calculatePoint(triangleBottomPoint,halfFdge,fishAngle - 90);

        //画线
        mPath.reset();
        mPath.moveTo(middleCirclePoint.x,middleCirclePoint.y);
        mPath.lineTo(leftPoint.x,leftPoint.y);
        mPath.lineTo(rightPoint.x,rightPoint.y);

        canvas.drawPath(mPath,mPaint);
    }

    private PointF makeSegment(Canvas canvas, PointF bottomCenterPoint,float smallRadius
            ,float bigRadius,float findSmallCircleLength, float fishAngle,boolean hasBigCircle) {
        //根据梯形下底中心点的坐标，求出上底中心点的坐标
        PointF upperCenterPoint = calculatePoint(bottomCenterPoint,findSmallCircleLength,fishAngle-180);

        //求出梯形四个顶点的坐标
        PointF bottomLeftPoint = calculatePoint(bottomCenterPoint,bigRadius,fishAngle + 90);
        PointF bottomRightPoint = calculatePoint(bottomCenterPoint,bigRadius,fishAngle - 90);
        PointF upperLeftPoint = calculatePoint(upperCenterPoint,smallRadius,fishAngle + 90);
        PointF upperRightPoint = calculatePoint(upperCenterPoint,smallRadius,fishAngle - 90);

        //画大圆和中圆
        //大圆只有在节肢1的时候才会画
        if(hasBigCircle){
            canvas.drawCircle(bottomCenterPoint.x,bottomCenterPoint.y, bigRadius,mPaint);
        }

        canvas.drawCircle(upperCenterPoint.x,upperCenterPoint.y,smallRadius,mPaint);

        //画梯形
        mPath.reset();
        mPath.moveTo(bottomLeftPoint.x,bottomLeftPoint.y);
        mPath.lineTo(bottomRightPoint.x,bottomRightPoint.y);
        mPath.lineTo(upperRightPoint.x,upperRightPoint.y);
        mPath.lineTo(upperLeftPoint.x,upperLeftPoint.y);
        canvas.drawPath(mPath,mPaint);

        //将中圆的圆心坐标返回
        return upperCenterPoint;
    }

    private void makeFins(Canvas canvas, PointF startFinsPoint, float fishAngle,boolean isRight) {
        //设置二阶贝塞尔曲线控制点的角度
        float controlAngle = 110;//通过看示意图得知，它要比上面那个110要大

        //求出右鱼鳍终点的坐标点
        PointF endFinsPoint = calculatePoint(startFinsPoint,FINS_LENGTH,fishAngle - 180);

        //求出控制点的坐标
        PointF controlPoint = calculatePoint(startFinsPoint,FINS_LENGTH * 1.8f
                ,isRight ? fishAngle - controlAngle : fishAngle + controlAngle);

        //画线
        mPath.reset();//首先别忘了reset
        mPath.moveTo(startFinsPoint.x,startFinsPoint.y);
        mPath.quadTo(controlPoint.x,controlPoint.y,endFinsPoint.x,endFinsPoint.y);

        canvas.drawPath(mPath,mPaint);
    }

    private PointF calculatePoint(PointF startPoint,float length,float angle){
        //x坐标的一部分
        float deltaX = (float) (Math.cos(Math.toRadians(angle))*length);

        //y坐标的一部分
        float deltaY = (float) Math.sin(Math.toRadians(angle - 180))*length;

        return new PointF(startPoint.x + deltaX,startPoint.y + deltaY);
    }

    //下面三个方法一般为固定写法
    @Override
    public void setAlpha(int alpha) {
        mPaint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
        mPaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }

    //设置宽度和高度
    @Override
    public int getIntrinsicWidth() {
        return (int) (8.38 * HEAD_RADIUS);
    }

    @Override
    public int getIntrinsicHeight() {
        return (int) (8.38 * HEAD_RADIUS);
    }
}

三.总结

感觉逻辑上并没有什么难度，难的在于点与点之间长度大小的确定和度数的确定。这个需要不断的去调试来看效果。我这边就直接给出现成的结果了。
再一个是从画各种身体部位的算法中，要学会一些设计算法的思想。比如要提高方法的复用性，可以加一个boolean型的参数，如果是右肢就传入true，进行相关操作，如果是左肢就传入false，然后再进行相关操作。而进行的这个相关操作很多都是一样的，不一样的地方就是靠这个boolean值来进行区分的。

独饮敌敌畏丶
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python代码画鱼_人工鱼群算法-python实现
weixin_39920403的博客
11-29 702
1 importnumpy as np2 from AFSIndividual importAFSIndividual3 importrandom4 importcopy5 importmatplotlib.pyplot as plt678 classArtificialFishSwarm:910 """class for ArtificialFishSwarm"""1112 d...
朋友圈“锦鲤”盛行，如何抽取“锦鲤”？Python放大招了~
weixin_44099558的博客
12-21 439
近几个月，网络上最火的就是锦鲤女孩，是国庆假期某支付平台官微搞了个带有锦鲤图的转发抽奖活动，一名网名叫@信小呆的呆萌小姐姐抽中了这个巨额大奖，小姐姐也因此又被广大锦鲤爱好者们当成了“中国活体锦鲤”，疯狂转发。 学习Python中有不明白推荐加入交流裙                 号：735934841                 群里有志同道合的小伙伴，互帮互助，            ...
Android UI实践 —— 游动的锦鲤
最新发布
tmacfrank的博客
06-27 410
看文章时无意间发现了一个很有趣的动画效果，于是自己动手实现了一下。
Python基础学习 Day1---python起步（第一个Python程序）、IDLE的使用、python基本图形绘制（turtle）
weixin_42252770的博客
09-25 1158
python起步（第一个Python程序）、IDLE的使用、python基本图形绘制（turtle） python起步（第一个Python程序） IDLE的使用 python基本图形绘制（turtle）
python画鱼_Python 水母吃鱼游戏 pygame
weixin_34305716的博客
12-29 486
【实例简介】学习 pygame 自己写的个小游戏； F1 -添加鱼， 方向箭头移动水母吃鱼。缺点： 鱼的移动不太自然，需要改进！【实例截图】【核心代码】运行环境： python 3.7.3 32位 pygame 1.9.6def rotate(self,direction): #水母按照箭头方向动画中的所有静态图片同步反转。以左向为0度if direction == Direction.L...
Three.JS锦鲤灯笼背景动画特效
07-24
在IT行业中，Three.js是一个非常流行的JavaScript库，用于在Web浏览器中创建三维图形。这款库利用WebGL技术，使得开发者可以构建丰富的交互式3D应用，而无需深入了解底层图形编程。"Three.JS锦鲤灯笼背景动画特效"是...
365锦鲤助手3.0.47.rar
10-06
版本号3.0.47表明这是一个经过多次迭代和优化的产品，通常意味着在功能完善、性能提升以及用户体验上都做了不少改进。 在互联网时代，尤其是电商领域，"锦鲤"一词常被用来形容那些在活动中幸运获奖的用户。365锦鲤...
365锦鲤助手小程序.zip
09-07
流量矩阵的设计思路是将流量从多个渠道引入，形成一个循环流动的系统，确保每个用户都能成为新的流量来源。通过朋友圈分享、微信群推广等方式，用户可以邀请更多的人参与到砍价活动中，实现流量的快速裂变。这种裂变...
寻找锦鲤 最亲 无后门 最强锦鲤资源
02-25
在IT行业中，"寻找锦鲤 最亲 无后门 最强锦鲤资源"这个标题暗示了一个专注于抽奖和营销工具的应用或软件。"锦鲤"在当前的网络文化中常常被用作幸运和好运气的象征，特别是在各种网络活动中，如抽奖、优惠活动等。这...
从0开始搞一个锦鲤游动——动起来
Android小白
03-24 792
上一篇文章主要讲了如何绘制一条锦鲤，而今天这篇文章，就讲如何让我们的锦鲤动起来。这次需要写一些比较复杂的算法，与数学关系很大，个别地方可能难以理解。不过大家可以多看两遍仔细斟酌，如果还是不理解的话可以来评论区交流。 效果展示 一.属性动画（ValueAnimator） 1.属性动画ValueAnimator介绍 ①ValueAnimator没有重绘，所以需要自己调用addUpdateListener方法，需要结合AnimatorUpdateListener使用 ②操作的对象的属性不一定要有getter和s
HTML5 Canvas海里鱼游动特效.zip
07-04
HTML5 Canvas海里鱼游动特效是一款蓝色大海海水里鱼儿游动特效下载。
python中利用turtle库实现多角色之两条鱼儿水中游案例
11-25
python语言开发中利用turtle库实现多角色之两条鱼儿水中游案例，此案例需要背景图、以及四个小鱼儿素材。
python画鱼教程_#python的tutle画图教程？#python画鱼的教程
weixin_42298878的博客
02-21 2981
如何用Python画出下面这种效果的图同学，你的图呢？python画图最常用的是matplotlib自己安装一个学学看。python的tutle画图教程？是turtle海龟画图，import turtle调用模块内置一些函数，可以自己依据需求加入，网上有教程的谁有小甲鱼的《零基础入门学习Python》视频教程这个不用python没啥关系，是来源的问题。 调用淘API，使用 api相关接口获得你想要...
python3 锦鲤第一步！了解随机抽样之蓄水池算法
qq_38554218的博客
10-14 440
python3 锦鲤第一步！了解随机抽样之蓄水池算法 蓄水池算法 问题背景： 样本空间为N，从N个样本中随机不重复地抽取K个样本，其中N是未知且非常巨大的数，如何保证每个样本是等概率被抽取才是关键。 算法逻辑： （1）先选取前k个数据（0,1,2,…k-1，角标从0开始） （2）对于第i个数据（k&amp;lt;=i&amp;lt;n），随机生成区间[0, i）的一个数r，如果r&amp;lt;k，则将数据替...
python pygam小鱼游玩动画
u014556812的博客
04-02 367
# -*- coding:utf-8 -*- import pygame_sdl2 as pygameimport time,math,random def main(): #1. 创建窗口 screen =pygame.display.set_mode((640,960),0,32) #screen.fill([255,255,255]) #2. 创建一个背景图片 img1=[[0...
用canvas画阴阳鱼
渔父歌的博客
11-18 1242
canvas画动态图像
canvas绘制吃豆鱼
web前端学习部落22群
01-10 776
canvas绘制吃豆鱼 canvas吃豆鱼 body{ text-align:center; } canvas{ background: #efefef; } 角度转为弧度： 弧度=2*PI*角度/360=角度*PI/180 画布的宽和高只能使用属性，不能使用样式--> var ctx=a1.getContext('2
Canvas绘制鱼儿游水动画
越陌度阡
06-26 1389
实现一个canvas绘图的鱼儿游水动画，绘图的原理为通过定时器绘制图片不同的位置实现动画的效果。 以下是动画效果： 以下是代码实现 ： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Canvas绘制鱼儿游水动画</title......
html5绘制小鱼,canvas.html
weixin_39716264的博客
06-19 228
Canvas Demofunction drawDiagonal () {var diagonal = document.querySelector("#diagonal");var ctx = diagonal.getContext("2d");var desktop = new Image();desktop.src = "assets/images/desktop.png";ctx.save...
用前端代码实现一个锦鲤
05-24
以下是一个简单的实现锦鲤的前端代码： ```html <!DOCTYPE html> 锦鲤 body { background-color: #F7F7F7; display: flex; align-items: center; justify-content: center; height: 100vh; ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值