Flutter notes

Flutterに関するメモ書き

Moyo: 色錯視

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

Moyo: 三角形パズル模様

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

GitHub Actionsを使ってFlutter for webをbuildしてGitHub Pagesで公開する

GitHub Actionsが使えるようになったらWeb版のデプロイを任せたいなぁと思っていたが、すっかり忘れていた。 週末に思い出してSign upしておいたら、昨日使えるようになっていたのでMoyoに設定してみた。 参考にしたのは以下の記事。Flutter(Android)をbui…

Moyo: 画像をクリップボードにコピーできるようにする(base64形式で)

引き続き暇な時はMoyoプロジェクトをいじっています。 https://github.com/tnantoka/moyo https://tnantoka.github.io/moyo/ せっかく書いた画像を保存したいな、と思ったので、クリップボードにコピーする機能を付けてみました。 (画像データそのままはク…

Moyo: Flutter Webで画面遷移したときにURLが変わるようにする

新しいWidgetを追加した記事を書く際にそこへのリンクが貼れないのが気になっていたので、 画面遷移した時にURL(path)が変わるようにしました。 参考記事の通りNavigator.pushNamedを使うと変わるようになりました。 最初はargumentsで表示するwidgetを指…

Moyo: タートルグラフィックス的なもの

久々の更新です。 Turtle Graphicsのスライドを見たので、それっぽいものをやってみました。 実装は単純。 以下のようなクラスを用意してその配列を_commandsに保持し、その値を元にCanvasの drawLine、 rotateを呼んでいるだけです。 enum CommandType { fo…

flutter_web packageで動かしていたプロジェクトをflutterに移行する

Web対応がFlutter本体にマージされたということで移行してみます。 公式の情報は以下のようなものがあります。 FAQ マイグレーションガイド 環境 upgradeで最新化。 $ flutter upgrade $ flutter --version Flutter 1.9.1+hotfix.2 • channel stable • https…