Flutter notes

Flutterに関するメモ書き

Moyo: グリッド表示

ゲーム的なものを描きたくなったので、その土台として全画面にグリッド表示をしてみました。 return SafeArea( child: LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) { return Container( child: CustomPaint( painter: _MyP…

Moyo: 円をふよふよアニメーションさせる

引き続き、いろんな模様を描いて遊んでいます。 今回は円の線を曲げるアニメーションです。 個人的に、図形描画の練習によく作るものなのですが、今回Flutterでもやってみました。 ソースは以下のとおりです。 import 'dart:math'; import 'package: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に浮気していたため、久しぶりの更新になってしまいました。 またぼちぼち更新していきたいと思います。 あと半年もしないうちにソード・シールドも発売するということでポケモンの予習に使えるアプリでも作ろうかなと考え中です。 と…