Flutter notes

「离开世界之前一切都是过程」

Flutter for Webをmasterチャンネルで試してみる

今までは https://github.com/flutter/flutter_web を使っていたけど、 Wiki によるとmasterチャンネルでも動く状態らしいので試してみた。環境 1 2 $ flutter --version Flutter 1.9.8-pre.83 • channel master • https://github.com/flutter/flutter.g...

Posted by Flutter notes on September 6, 2019

今更ながらFlutter for DesktopのHello World

そういえば動かしてみたことなかったので。 https://github.com/google/flutter-desktop-embedding masterチャンネルに切り替え 1 2 3 4 5 $ flutter channel master $ flutter upgrade $ flutter --version Flutter 1.9.8-pre.38 • channel...

Posted by Flutter notes on September 2, 2019

p5.dartをFlutter for Webで動かしてみた

processing (p5) の一部APIをFlutterで動くようにしてくれている素敵ライブラリ。 https://github.com/codeanticode/p5.dart ふと「Flutter for Webでどのぐらい動くかな？」と思ったので試してみました。結果は…こんな感じです。こちらで触ってみることができます。 https://tnantoka.git...

Posted by Flutter notes on August 19, 2019

Moyo: ランダムダンジョン生成

本日は、ランダムなダンジョン生成を試してみました。アルゴリズムは以下の本で存在を知った「棒倒し法」を簡易的に実装したものです。 Pythonでつくるゲーム開発入門講座結果はこんな感じになりました。迷路を生成ダンジョンっぽくソースコードはこちらです。 https://github.com/tnantoka/moyo/commit/79331c0d6091cd...

Posted by Flutter notes on August 12, 2019

Moyo: グリッド表示

ゲーム的なものを描きたくなったので、その土台として全画面にグリッド表示をしてみました。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 return SafeArea( child: LayoutBuilder( builder: (BuildContext context, BoxConstraints constraints) ...

Posted by Flutter notes on August 8, 2019

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

引き続き、いろんな模様を描いて遊んでいます。今回は円の線を曲げるアニメーションです。個人的に、図形描画の練習によく作るものなのですが、今回Flutterでもやってみました。ソースは以下のとおりです。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33...

Posted by Flutter notes on August 7, 2019

Moyo: いくつも円を重ねる

前回、CustomPaintでいろいろ描いていくプロジェクトを作りました。 https://flutter.tnantoka.com/entry/2019/07/30/230404 今回はたくさんの円を重ねる模様を書きました。コードは以下のような感じです。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2...

Posted by Flutter notes on August 2, 2019

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

最近、Flutterのお勉強が捗っていません。理由の1つは自分自身があまりモバイルアプリを使わなくなっており、それに伴って作りたいアプリも少なくなってきているからです。では、何なら作りたいのか。 Creative CodingやGenerative Artのような何かを描く系なら、継続して興味を持ち続けられそうです。というわけで、気が向いたときにそういうものを作るようのプロジェクト...

Posted by Flutter notes on July 30, 2019

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

Flutter 1.7がリリースされましたね。 https://medium.com/flutter/announcing-flutter-1-7-9cab4f34eacf まず現在のバージョンを確認。 1 2 3 4 5 $ flutter --version Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/f...

Posted by Flutter notes on July 11, 2019

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

前回、以下のようなライブラリを作りました。 https://flutter.tnantoka.com/entry/2019/06/15/222824 これを使って、簡単なゲームを作ってみました。ボタンをタップして弱点を答えるだけで特に複雑なことはやっていないので、ゲームエンジン系のライブラリは使いませんでした。画面はこんな感じです。 Flutter for Web版も用意...

Posted by Flutter notes on July 2, 2019