Flutter notes

Flutterに関するメモ書き

imageパッケージでアニメーションGIF生成(その2)

前回の記事(↓)の続き。 flutter.tnantoka.com 確かにアニメーション速度が遅くなっている。 それは今後の課題とする。 あと生成時間が長いのでそこもなんとかしたい。 の部分の対応。 前回は色の透明度をアニメーションさせたが、わかりづらいので変えた。…

imageパッケージでアニメーションGIF生成

次アプリを作るならアニメーションを作る系のものを作りたいな、と思っていて調べていたら imageパッケージでアニメーションGIFが作れそうだった。 良い参考記事を見つけたのでやってみた。 scrapbox.io まずは表示のためのCustomPainter。 といっても四角形…

Flutterに再入門してみようかと思う(準備のためにupgrade)

Fuchsiaが一般リリースされたこともあり、また触ってみようかな、という気になりました。 ちょうど昔作ったライブラリに、Null safety対応せんの?というissueが来てたし。 Connecting the dotsですね(?) というわけで、まずはアップグレード。 $ flutter…

XD to Flutterを動かしてみる

最近全然Flutterを触れていませんでしたが、以下のニュースをみかけたので、動かしてみました。 blogs.adobe.com Flutterのupgrade $ flutter channel stable $ flutter upgrade $ flutter --version Flutter 1.20.4 • channel stable • https://github.com/…

カードをめくるエフェクト(Webでも動くやつ)

ふと、カードをめくる感じのアプリが作りたくなりました。 github.com よさげなパッケージがあったので、これを入れるだけで終わりか?と思って試してみました。 ネイティブでは普通に動きましたが、Webだとおかしくなってしまいました。 僕のFlutterのモチ…

Moyo: 色錯視

引き続き以下の本を参考に模様を描きます。 ふしぎな模様の描き方 今日は色錯視。 星はどちらもColor.redでfillしているはずですが、全然違う色に見えますね。 ソースコードは以下のリンクから。 Webでも動いています。 https://tnantoka.github.io/moyo/#/c…

Moyo: 三角形パズル模様

こんな感じのものを描きました。 ソースコードはこちらです。 Web版は以下からアクセスできます。 (やはりパーマリンクがあると直接目的の模様が見れて便利) https://tnantoka.github.io/moyo/#/trianglepuzzle なお、今回の模様は以下の本を参考にしまし…