Windows11 がリリースされたので、アニメ作成ソフト9VAeきゅうべえの アプリストア版を開発しようと思い、試行錯誤した記録です。今の 9va-win はアプリストアに登録できず、ZIPで実行系を配布しています。C＃で作り直せば登録できるのですが、C と C++で作られているので、C++/WinRT を試してみることにしました。C++/WinRT は、ARM版とIntel版Windowsアプリが同時開発できる新しい開発環境です。知識がない状態から、どのように開発していくのか公開します。 アプリ開発してストアへの登録作業までやってみました。２万円のWindowsパソコンに開発環境を入れる方法も紹介します。 ドン・キホーテ２万円ノートパソコン に VisualStudio を入れる方法 仮想ディスク（VHD）の作り方 作成した仮想ドライブを自動的にマウントする方法 Visual Stud

スマホやパソコンから動画をYoutubeにアップして、シェアする方法を説明します。 この解説動画（ひとコマアニメ）の作り方も説明します。 スマホの動画をYoutubeにアップする方法 Youtube にログイン 下の「＋」をタッチ アップする動画を選ぶ。ここで動画がみつからなった場合は「管理」ボタン＞「他のメディアを選択」＞アクセスを許可しますか？が表示されたら「写真と動画を選択」でアップロードしたい動画を選んで「許可」してください 「次へ」ボタン タイトル・説明を入れる ライブラリから自分の動画を開く タイトルと説明を入れる 公開設定をタッチ 一般公開か限定公開か選ぶ 公開設定で戻る 「次へ」 子供向け動画か選ぶ アップロード アップロードした動画をタッチ 共有をタッチ 動画リンクをコピーして見てもらいたい人におくる Youtubeの「＋」ボタンから動画が選べない場合 アクセス許可が設定

せりふに合わせて口パクする動画を作る方法を説明します。作業時間は１０分ぐらいです。X(Twitter)用動画、歌詞動画作成に便利。自作キャラクタを口パクさせる方法はこちら。イラストを動かす方法はこちら。歌詞動画の例。音声合成はこちら Youtubeで解説をみる。 他のアニメの作り方はこちら。 9VAeの質問はこちら。 内容：１０分程度 「１.」で書き順アニメの準備（１） せりふの文章をいれる（２） 吹き出しをいれる（３） 9VAeにSVGキャラクタを読み込む（４、５） 口パクをつける（６） アニメGIF出力（７） Twitterに投稿（８） ■ 9VAeきゅうべえのダウンロード Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple) Win / Mac

フリーソフト9VAeきゅうべえ は、外部プログラムでアニメーションを制御できます（Ver.0.6.13以降）作り方を説明しました。Pythonの使い方はこちら 次の動画は、Processingと LeapMotion と 9VAe で作ったアニメの女の子とじゃんけんをするデモです。 この記事では、9VAeとPythonを使って、LeapMotion なしでできるデモを作成します。製作時間は３０から４５分くらい。ラズベリーパイかパソコンがあれば実行できます。（Windows版、Mac版9VAeでも可能です） Processing を使った作り方はこちら Python (パイソン) の入手 ラズベリーパイの場合 python(Ver2), python3(Ver3) が最初からはいっています ラズベリーパイの設定についてはこちら Mac の場合 python(Ver2), python3(Ve

プログラミング教育フリーソフト第４位になったアニメ作成ソフト9VAeきゅうべえは Ver.0.6.13 から２Dアニメーションエンジンとして使えるようになりました。 次の動画は、Processingと LeapMotion と 9VAe で作ったアニメの女の子とじゃんけんをするデモです。 この記事では、ラズベリーパイを使って、LeapMotion なしでできるデモを作成します。製作時間は３０から４５分くらい。ラズベリーパイがあれば実行できます。（Windows版、Mac版9VAeでも可能です） Pythonを使った作り方はこちら Processing とは Scratch を作った MITメディアラボ由来のテキストプログラミング環境です。短いコードでアニメーションや対話型アプリがつくれるので初心者のプログラミング学習にむいています。（参考：Processing 誕生の由来）。 １．Proc

動画素材作成フリーソフト9VAeきゅうべえのタイルエディタを使って、 和紙、水滴、草原、イナズマ、とかげ、お花畑といった模様を作る方法を説明した。パソコン、スマホで１０分程度で作成できる。 9VAeタイルエディタの使い方 9VAeタイルエディタで作れるか試してみた課題 １．和紙 画像を検索してキャプチャー 9VAeでタイルを作成 図形にタイル模様をつける タイルの明るさを調整 結果 ２．水滴がついた窓ガラス 画像を検索してキャプチャー 結果 ３．草原 画像を検索してキャプチャー 結果 ４．イナズマ 画像を検索してキャプチャー 結果 ５．とかげ 画像を検索してキャプチャー 結果 ６．花畑 画像を検索してキャプチャー 結果 9VAeきゅうべえに関する質問 9VAeきゅうべえ、Ver.0.6.13 に、タイル模様を自作できるタイルエディタが搭載された。この機能は１０年ほど前から搭載をすすめていた

Android版 PowerDirector用に9VAeきゅうべえでグリーンバック動画を作る方法を説明します。作業時間は１５分くらいです。パソコン版9VAe、iPhone/iPad版9VAeでもできます。iMovie でのグリーンバック動画の作り方はこちら。AviUtl を使った方法はこちら。 他のアニメの作り方はこちらをご覧ください 内容：１５分程度 9VAeでサンプル動画を作成（１） PowerDirectorに動画を読み込む（２） 9VAeにSVGキャラクタを読み込む（３、４） しゃべり方の調整（５） 文字と吹き出しをいれる（６） グリーンバック背景をいれる（７） 動画出力（８） PowerDirectorに合成（９、１０） PowerDirector動画出力（１１） ■ 9VAeきゅうべえのダウンロード Android / Chromebook：9VAeきゅうべえAndroid版（

外部プログラムからアニメーションをコントロールできるフリーソフト9VAeきゅうべえのラズベリーパイ版を公開した。ダウンロードはこちら そのフランス語版の動作がおかしかったので、原因追及した顛末を紹介している。なお、今、公開されているバージョンは正しく動作します。（0.6.13dで修正しました。） 最初につくったバージョンは、日本語、英語では正しく動作するのに、フランス語ではアニメの顔がでかくなるという現象が発生。以下のような感じ。 言語設定をフランス語にすると、オーバーレイの上に描いたアニメキャストの顔が、ばかでかくなってる。不思議なのは、日本語、英語、中国語は問題なくて、フランス語だけ顔がでかい。 9VAeきゅうべえ本体は正常に動いているので、CSV命令を読み込んで、座標値や倍率を取得する部分がおかしいのか。 CSVテキストから数値を読み込むには、 sscanf 関数を使ってるのだが、フ

9VAeを使って動画をトレスする方法を説明します。イラストを動かす方法はこちら。9VAeアンドロイド版でもPC版、iPad/iPhone版でもつくれます。音声合成はこちら 他のアニメの作り方はこちら。9VAeの質問はこちら。 内容： ■ 9VAeきゅうべえのダウンロード １．トレスしたい動画１カットからキーフレーム画像を選ぶ ２. キーフレームのコマを読み込み、再生時間を設定 ３．背景ページ作成し、最初の原画を背景ページに入れる ４. 左の雲をトレス ５．雲を複製して影を入力 ６. 雲の影の色、雲の色を設定、パレットに登録 ７. 雲を複製し、別の雲をつくる ８. 左下の家をトレス ９. 後ろの山をトレス 10. 後ろの髪、首、顎の下の影をトレス 11．服をトレス 12．顔をトレス 13．左目をトレス 14．左目を複製し、右目に形を合わせる 15．髪の毛をトレス、線の色を黒、または、なしに変

プレゼンで使う動くイラストを無料ソフトで自作してみましょう。9VAeきゅうべえアンドロイド・Chromebook版でもPC版、iPad/iPhone版でもつくれます。「解説動画の作り方」はこちら。イラストを動かす方法はこちら。 作成時間は５分程度です。 他のアニメの作り方はこちら。9VAeの質問はこちら。 LibreOffice以外（PowerPoint, Keynote, Kingsoft Office, WPS office）でもできます。３．から実行してください。 プレゼン用動くイラストを9VAeきゅうべえで作る 内容： 図形イラストを9VAeにいれる（１，２、３） 続きのページをつくる（４） 点を移動（５） 「往復」を入れる（６） 文字を入れる（８） アニメGIF出力（９） プレゼンソフトに画像としていれる（１０） ■ 9VAeきゅうべえのダウンロード Win/Mac/Linux：

【大阪工業大学】第34回 梅キャンX勉強会【梅田キャンパス】 で LT やることになったので、その原稿 ２つのデータ表現方法 方法 特徴 ビットマップ 絵をドットで表現する。拡大するとギザギザ（ぼける）。修正は消して描き直し ベクトル 絵を図形（座標）で表現する。拡大してもきれい。簡単に修正できる。 文字フォントは最初はドットフォント（16x16, 32x32.. ビットマップ）だったが、今はアウトラインフォント（ベクトル）になった。 画像は両方残っている。Photoshop、GIF はビットマップ。イラストレータ、SVGはベクトル 9VAeきゅうべえはベクトル方式 アニメーションフォーマットの比較・変遷 拡張子 方式 色数 マスク 音 メモ GIF ビットマップ 256色 ２値マスク × パソコン通信用に開発。どこでも再生できる。256色でもきれい。ボタンを押さなくても再生する。古い規格

Flaskは、Python がつかえるWebアプリ開発環境らしい。パソコンの中に独立したサーバーがつくれるみたいだ。 これを利用すれば、アニメ教室で作ったアニメをスマホにダウンロードするサーバーがラズパイで作れるかもしれん。ということで調査することにした。 まず関連情報を検索 ウェブアプリケーションフレームワーク Flask を使ってみる - Qiita Flaskへ ようこそ — Flask v0.5.1 documentation 発作的にFlask入門（Windows） - Qiita 以下が初心者向きでわかりやすい 初心者のためのFlaskアプリ開発① AnacondaでPythonの開発環境をつくる｜かえるのほんだな インストール 直前の記事に従ってインストール。「anaconda-navigator」とターミナルで入力の部分は、ターミナルでなく、WindowsLOGOボタンメニ

Mac, iPhone/iPad の動画編集ソフト「iMovie」用のグリーンバック素材を、無料アプリ9VAeきゅうべえで作る方法を説明します。サムネイルもつくれます。PowerDirectorはこちら。AviUtlはこちら。音声合成はこちら。 他のアニメの作り方はこちらをご覧ください 他の動画ソフト：キネマスター用作り方、PowerDirector用作り方、AviUtl用作り方 内容：１５ー２０分程度 9VAeでサンプル動画を作成（１） iMovieに動画を読み込む（２） 9VAeにSVGキャラクタを読み込む（３、４） 文字に吹き出しをつける（５） 書き順アニメ（６） 口パクをつける（７） グリーンバック背景をいれる（８） 動画出力（９） iMovieに合成（１０） iMovieで動画出力＞Youtubeに投稿（１１） Mac版 iMovie の場合（１２） 正確に位置合わせする方法（１

9VAeきゅうべえを使ったと連絡いただいた作品の一部を紹介します。 AviUtlと9VAeきゅうべえをうまく組み合わせた動画 自己流AviUtl「カメラ制御」入門マニュアル（其の１） 自己流AviUtl「カメラ制御」入門マニュアル（其の２） 自己流AviUtl「カメラ制御」入門マニュアル（其の３） 自己流AviUtl「カメラ制御」入門マニュアル、其の4（続・カメラ補助線） 9VAeきゅうべえでつくったミュージックビデオ 島唄（三線演奏） 9VAeを使ったキャラクタアニメーション 【そろばん・プログラミング的思考】簡単にアニメーションをつくる方法（9VAeきゅうべえ） ここに掲載してよい9VAeを使った動画がありましたら、コメントでご紹介ください。

曲線をもうすこしきれいにしてほしいとの要望があった。内部事情を説明すると・・ 9VAeきゅうべえは内部処理を固定小数点（32bit整数演算）で行なっているので、どうしても誤差が累積し、特に、円がきれいに表示されない。これは非力なパソコンでも動くように開発がスタートしたからだ。内部処理がすべて固定小数点でこれを修正するのは相当大変である。回避策として、傾いていない楕円だけ正しく描画するようにした（Ver.0.6.11）。 精度以外にもいろいろな要望を受けている。すこしずつ対応していく方針で、今後、どんな機能が追加されるか公開しておこう。 今後、開発していく機能 項目 内容 開発期間（見込み） 状態 マスク処理 透過PNGとグループ化したら、画像でマスクできる。文字の形に切り取りできる １ヶ月？ 画像の数値指定 画像の配置を数値で指定できるようにしたい ２週間？ アニメキャストの文字制御Ver

機材 項目 機材 使用ソフト タブレット Windows タブレット５台 PEAS motch! one ネットワーク RaspberryPi WiFi アクセスポイント 設置方法 再生用PC WindowsノートPC 1台 9view-lastday プロジェクタ 1台 説明用PC LinuxノートPC 1台 9view ５台のタブレットのデータを、ラズベリーパイWiFiサーバーで収集し、再生用PC＋プロジェクタで上映。説明用PCで作り方アニメーションを連続再生。 結果 実施日 作品数 総再生時間 総データサイズ 11/2(土)（10:00-17:00） ５３０本 １時間15分 2 MB 11/3(日)（10:00-17:00） ４８５本 １時間24分 2 MB ５３０本合計１時間15分のアニメーションが２MBしかありません。１コマの線の座標値しか記録していないので驚異的に小さく、ラズベ

2019年「ミスターPC」５月号、フリーソフト紹介のページで、プログラミング学習に適したフリーソフトのランキングがこうなっていた。 子供向けプログラミングツール：Scratch デスクトップ 初歩から学びたい人に適する：PG0 子どもの意見を取り入れて開発：プログラミングゼミ アニメから学ぶプログラム：9VAeきゅうべえ ゲームでプログラミングの基礎を知る：ハナのマイクラでプログラミング冒険 9VAeきゅうべえはこう紹介されていた。 アニメーションに動きを追加していくという特殊な方法でプログラミングを学習、アニメ制作ソフトとしても使えます。 すばらしい紹介文だ。５位のマインクラフト－Microsoftよりも上になっているのがすごい。 １．9VAeきゅうべえがプログラミング教育ソフトになる理由 ２．「Scratch」と 9VAeきゅうべえは伸ばすところが違う 9VAeきゅうべえにはブロックが

PEAS motch アンドロイド版で、５分で動画を作ってみました。 9VAeきゅうべえアンドロイド版、PC版、iPad版、iPhone版でもつくれます。 他のアニメの作り方はこちらをご覧ください ■ PEAS motch! one（Android）のダウンロード https://play.google.com/store/apps/details?id=com.peasMotch フリーソフト9VAeきゅうべえでも最初に「１．」ボタンを押せば作れます。 無料ソフトでアニメを作ってみよう（9VAe きゅうべえ） - Qiita １. 絵を描いて、アニメーション再生ボタンを押す PEAS motch! の左上のボタン（上図１）を押せば、画面が広がります。 色はカラーボタン（上図２）で変更できます。線の太さを変更したいときは左上のボタン（上図１）ををおして、メニューからペンサイズを変更します。

画面をタッチするとその部分を拡大するアニメをつくってみよう。 9VAeきゅうべえアンドロイド版でもPC版、iPad版、iPhone版でもつくれます。 作業時間は１５分程度です。他のアニメの作り方はこちらをご覧ください ■ 9VAeきゅうべえのダウンロード Win/Mac/Linux：無料ソフトでアニメを作ってみよう（9VAe きゅうべえ） - Qiita アンドロイド：9VAeきゅうべえAndroid版（Google Play） iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple) 9VAeのボタン説明 9VAeきゅうべえの使い方 １. 文字を入れる 拡大するサンプルの文字を入れましょう。どんな文字でもかまいません。この例では、9VAeきゅうべえの開発年表を作ってみました。 文字入力ボタン（１）を押して何か文字を入力してください。（２）を押しながら