Flutter notes

Flutterに関するメモ書き

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

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

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

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

今更ながらFlutter for DesktopのHello World

そういえば動かしてみたことなかったので。 masterチャンネルに切り替え $ flutter channel master $ flutter upgrade $ flutter --version Flutter 1.9.8-pre.38 • channel master • https://github.com/flutter/flutter.git macOS用のデスクトップ機能を有…

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

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

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

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

Moyo: グリッド表示

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

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

引き続き、いろんな模様を描いて遊んでいます。 今回は円の線を曲げるアニメーションです。 個人的に、図形描画の練習によく作るものなのですが、今回Flutterでもやってみました。 ソースは以下のとおりです。 import 'dart:math'; import 'package:flutter/…