Flutter绘制-11-旋转小人儿造成的视觉错效,kotlin翻译

博客探讨了在Flutter中如何实现一个旋转小人儿的动画效果,该动画会产生视觉错觉,让人感觉小人在改变旋转方向。作者通过Canvas绘制了两个版本的效果,试图解释这种现象并提供代码实现。
摘要由CSDN通过智能技术生成

今天又偶然看到,最神奇的地方在于:

  • 在盯着gif看的某一瞬间,旋转方向突然就逆向旋转了
  • 在旋转方向发送变化的同时,左腿变右腿,左手变右手

所以我在想,是不是看的时间久了,就可以任我切换旋转方向,于是盯了半个小时,结果是没成功,收获是方向切换的频次提高了。

我知道它肯定是向着一个方向旋转的,但到现在我依然不能理解为什么会是这样,困惑中。

那,是否能用canvas实现一个呢?

带来的困惑

苦苦思索:

  • 这个人影是立体的,前面《太空人》 曾用到立体投影,这里估计要处理。
  • 我该怎么画这个人儿呢? 用长方体拼凑怕是不合适吧。。。
  • 这人儿的手臂还是伸开的。
  • 在旋转的同时,看脚丫子,好像高低起伏。
第一版效果
  • 先画左右腿
  • 上下起伏

v5.gif

差距,有点远。。。

代码如下:

import ‘dart:ui’;
import ‘dart:math’;

import ‘package:flutter/material.dart’;

// 旋转小人儿
class RotateGirlMainPage extends StatefulWidget {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值