notesFlutterに関するメモ書き2019-12-02カードをめくるエフェクト(Webでも動くやつ)ふと、カードをめくる感じのアプリが作りたくなりました。よさげなパッケージがあったので、これを入れるだけで終わりか?と思って試してみました。ネイティブでは普通に動きましたが、Webだとおかしくなってしまいました。引き続き以下の本を参考に模様を描きます。星はどちらもColor.redでfillしているはずですが、全然違う色に見えますね。ソースコードは以下のリンクから。Webでも動いています。三角形パズル模様こんな感じのものを描きました。ソースコードはこちらです。Web版は以下からアクセスできます。Actionsが使えるようになったらWeb版のデプロイを任せたいなぁと思っていたが、すっかり忘れていた。upしておいたら、昨日使えるようになっていたのでMoyoに設定してみた。参考にしたのは以下の記事。画像をクリップボードにコピーできるようにする(base64形式で)引き続き暇な時はMoyoプロジェクトをいじっています。書いた画像を保存したいな、と思ったので、クリップボードにコピーする機能を付けてみました。画面遷移した時にURL(path)が変わるようにしました。参考記事の通りNavigator.pushNamedを使うと変わるようになりました。タートルグラフィックス的なもの久々の更新です。Graphicsのスライドを見たので、それっぽいものをやってみました。rotateを呼んでいるだけです。packageで動かしていたプロジェクトをflutterに移行するWeb対応がFlutter本体にマージされたということで移行してみます。公式の情報は以下のようなものがあります。upgradeで最新化。よるとmasterチャンネルでも動く状態らしいので試してみた。Worldそういえば動かしてみたことなかったので。一部APIをFlutterで動くようにしてくれている素敵ライブラリ。Webでどのぐらい動くかな?」と思ったので試してみました。結果は...こんな感じです。こちらで触ってみることができます。本日は、ランダムなダンジョン生成を試してみました。アルゴリズムは以下の本で存在を知った「棒倒し法」を簡易的に実装したものです。結果はこんな感じになりました。グリッド表示ゲーム的なものを描きたくなったので、その土台として全画面にグリッド表示をしてみました。円をふよふよアニメーションさせる引き続き、いろんな模様を描いて遊んでいます。今回は円の線を曲げるアニメーションです。個人的に、図形描画の練習によく作るものなのですが、今回Flutterでもやってみました。ソースは以下のとおりです。いくつも円を重ねる前回、CustomPaintでいろいろ描いていくプロジェクトを作りました。今回はたくさんの円を重ねる模様を書きました。コードは以下のような感じです。いくつも円を重ねる2019-07-30CustomPaintでいろいろ描いていくためのプロジェクト「Moyo」を作った最近、Flutterのお勉強が捗っていません。理由の1つは自分自身があまりモバイルアプリを使わなくなっており、それに伴って作りたいアプリも少なくなってきているからです。1.7がリリースされましたね。現在のバージョンを確認。アップグレード2019-07-02ポケモンのタイプ相性を覚えるためのゲームを作った(flutter_web版も)前回、以下のようなライブラリを作りました。これを使って、簡単なゲームを作ってみました。ボタンをタップして弱点を答えるだけで特に複雑なことはやっていないので、ゲームエンジン系のライブラリは使いませんでした。画面はこんな感じです。f...ポケモンのタイプ相性を覚えるためのゲームを作った(flutter_web版も)2019-06-15ポケモンのタイプ相性を扱うための簡易パッケージ突如発表されたSwiftUIに浮気していたため、久しぶりの更新になってしまいました。更新していきたいと思います。あと半年もしないうちにソード・シールドも発売するということでポケモンの予習に使えるアプリでも作ろうかなと考え中です。...ポケモンのタイプ相性を扱うための簡易パッケージ2019-06-04FlutterでBox2D.dartを使うサンプルというものを昔作ったので、紹介します。1.5.4でもBuildできました。ソースコードはこちらです。Trendingで流れてきたこのrepo。READMEが白紙で最初は何が人気かわからなかったんですが、Web検索してみるとYouTubeの動画が出てきました。Webでレスポンシブなランディングページを作ってみた」的な...Flutter-Web-Landing-Pageを動かしてみた2019-05-31GestureDetectorで図形をぐりぐり回すマウスや指を動かした角度に合わせて何かを動かしたい......わりとよくある要件です。数学をまともに修めていない僕はいつも細かいところがわからなくなってしまいます。いつもこのサイトに助けられています。...GestureDetectorで図形をぐりぐり回す2019-05-29flutter_secure_storageでセキュアに情報を保存する公式プラグインのshared_preferencesを使えば、簡単に設定などを保存できますが、これは平文なのでセキュアではありません。APIにアクセスするためアクセストークンは、iOSであればKeyChainを使うなどして保存する必要があります。flutter_local_notificaitonsを使って、設定したい時間に通知を表示します。前回はタスクを保存できるようにしましたが、今回は設定を保存します。保存にはshared_preferencesという公式プラグインを使います。ここではthenを使っていますが、awaitでももちろん問題ありません。以下の記事の続きです。今回はタスクのデータを保存できるようにします。JSONとの変換処理を書きます。その1:モックタイトルの通りのアプリを作り始めました。完全に自分用で、ストアにリリースするかはまだわかりません。名前はそのままで「Nikka」にしました。紙で軽く考えたものをそのままFlutterでモックにすることにしました。以下の記事でflutter_webを動かしていて、CanvasのdrawRRectがうまく動かないことに気づきました。flutter_shapesの問題かもしれないので、最低限のコードを書いて実行してみます。Galleryは公式repoに含まれているサンプル集で、たくさんあるFlutterのWidgetの使い方の参考になります。手元でBuildできるようにしておくといじりながら挙動を確認できるので便利です。アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。