Flutter notes

Flutterに関するメモ書き

Moyo: いくつも円を重ねる

前回、CustomPaintでいろいろ描いていくプロジェクトを作りました。 今回はたくさんの円を重ねる模様を書きました。 コードは以下のような感じです。 class _MyPainter extends CustomPainter { @override bool shouldRepaint(_MyPainter oldDelegate) { ret…

CustomPaintでいろいろ描いていくためのプロジェクト「Moyo」を作った

最近、Flutterのお勉強が捗っていません。 理由の1つは自分自身があまりモバイルアプリを使わなくなっており、それに伴って作りたいアプリも少なくなってきているからです。 では、何なら作りたいのか。 Creative CodingやGenerative Artのような何かを描く…

Flutter 1.5.4-hotfix.2 から Flutter 1.7.8+hotfix.3 にアップグレード

Flutter 1.7がリリースされましたね。 まず現在のバージョンを確認。 $ flutter --version Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git Framework • revision 7a4c33425d (2 months ago) • 2019-04-29 11:05:24 -070…

ポケモンのタイプ相性を覚えるためのゲームを作った(flutter_web版も)

前回、以下のようなライブラリを作りました。 これを使って、簡単なゲームを作ってみました。 ボタンをタップして弱点を答えるだけで特に複雑なことはやっていないので、ゲームエンジン系のライブラリは使いませんでした。 画面はこんな感じです。 Flutter f…

ポケモンのタイプ相性を扱うための簡易パッケージ

突如発表されたSwiftUIに浮気していたため、久しぶりの更新になってしまいました。 またぼちぼち更新していきたいと思います。 あと半年もしないうちにソード・シールドも発売するということでポケモンの予習に使えるアプリでも作ろうかなと考え中です。 と…

FlutterでBox2D.dartを使うサンプル

というものを昔作ったので、紹介します。 box2d_flame, spritewidget, flutter_shapeshttps://t.co/N511RRTmwW pic.twitter.com/ibAd5IdR1I— tnantoka (@tnantoka) April 10, 2019 Flutter 1.5.4でもBuildできました。 ソースコードはこちらです。 なお、box…

Flutter-Web-Landing-Pageを動かしてみた

GitHubのDart Trendingで流れてきたこのrepo。 READMEが白紙で最初は何が人気かわからなかったんですが、Web検索してみるとYouTubeの動画が出てきました。 www.youtube.com なるほど「Flutter for Webでレスポンシブなランディングページを作ってみた」的な…