mieki256's diary

◎ FreeBASICの古い版をアンインストール :

sudo ./install.sh -u

/usr/local/bin/fbc
/usr/local/include/freebasic/
/usr/local/lib/freebasic/

◎ 現行版をインストール :

sudo apt install gcc libc6-dev ncurses-dev libx11-dev libxext-dev libxpm-dev libxrandr-dev libxrender-dev

sudo ./install.sh -i

/usr/local/bin/fbc
/usr/local/include/freebasic/
/usr/local/lib/freebasic/

$ fbc -version
FreeBASIC Compiler - Version 1.10.1 (2023-12-24), built for linux-x86_64 (64bit)
Copyright (C) 2004-2023 The FreeBASIC development team.

◎ FBImageライブラリを使用 :

/usr/local/include/freebasic/
/usr/local/lib/freebasic/linux-x86_64/

sudo cp *.bi /usr/local/include/freebasic/
sudo cp *.a /usr/local/lib/freebasic/linux-x86_64/

◎ ソースを1つにしたい :

__FB_WIN32__
__FB_LINUX__

#ifdef __FB_WIN32__

' mmsystemを利用
#include "windows.bi"
#include "win/mmsystem.bi"

' タイマー精度を1msecに向上
timeBeginPeriod(1)

#endif

#ifdef __FB_LINUX__

' Linux only

#endif

◎ MSYS2のファイルを流用しようとしたけど失敗 :

libpng.a
libpng.dll.a
libpng16.a
libpng16.dll.a

◎ libzとlibpngをビルドしてみた :

make -f win32/Makefile.gcc all

libz.a
libz.dll.a
zconf.h
zlib.h
zlib1.dll

make -f scripts/makefile.gcc

libpng.a
png.h
pngconf.h
pngdebug.h
pnginfo.h
pnglibconf.h
pngpriv.h
pngstruct.h

export GTK_IM_MODULE=fcitx5
export QT_IM_MODULE=fcitx5
export XMODIFIERS=@im=fcitx5
export DefaultIMModule=fcitx5

if [ -f ~/bin/start_fcitx5.sh ]; then
      . ~/bin/start_fcitx5.sh
fi

sudo apt install fcitx-mozc
sudo apt autoremove
im-config -n fcitx

sudo apt install fcitx5-mozc
sudo apt autoremove
im-config -n fcitx5

------------------------------------------------------------------------------
CrystalDiskMark 8.0.3 x64 (C) 2007-2021 hiyohiyo
                                  Crystal Dew World: https://crystalmark.info/
------------------------------------------------------------------------------
* MB/s = 1,000,000 bytes/s [SATA/600 = 600,000,000 bytes/s]
* KB = 1000 bytes, KiB = 1024 bytes

[Read]
  SEQ    1MiB (Q=  8, T= 1):    30.989 MB/s [     29.6 IOPS] <261617.89 us>
  SEQ    1MiB (Q=  1, T= 1):    29.512 MB/s [     28.1 IOPS] < 35443.91 us>
  RND    4KiB (Q= 32, T= 1):     9.845 MB/s [   2403.6 IOPS] < 13285.99 us>
  RND    4KiB (Q=  1, T= 1):     7.592 MB/s [   1853.5 IOPS] <   539.05 us>

[Write]
  SEQ    1MiB (Q=  8, T= 1):    13.597 MB/s [     13.0 IOPS] <580244.06 us>
  SEQ    1MiB (Q=  1, T= 1):    13.818 MB/s [     13.2 IOPS] < 75131.94 us>
  RND    4KiB (Q= 32, T= 1):     1.414 MB/s [    345.2 IOPS] < 91331.76 us>
  RND    4KiB (Q=  1, T= 1):     0.672 MB/s [    164.1 IOPS] <  6079.86 us>

Profile: Default
   Test: 256 MiB (x3) [F: 0% (0/14GiB)]
   Mode: [Admin]
   Time: Measure 5 sec / Interval 5 sec
   Date: 2022/01/24 17:11:31
     OS: Windows 10 Professional [10.0 Build 19044] (x64)
Comment: KIOXIA U203 KUS-2A016GW USB2.0 16GB

-----------------------------------------------------------------------
CrystalDiskMark 5.5.0 x64 (C) 2007-2017 hiyohiyo
                           Crystal Dew World : http://crystalmark.info/
-----------------------------------------------------------------------
* MB/s = 1,000,000 bytes/s [SATA/600 = 600,000,000 bytes/s]
* KB = 1000 bytes, KiB = 1024 bytes

   Sequential Read (Q= 32,T= 1) :    32.086 MB/s
  Sequential Write (Q= 32,T= 1) :    14.417 MB/s
  Random Read 4KiB (Q= 32,T= 1) :    10.727 MB/s [  2618.9 IOPS]
Random Write 4KiB (Q= 32,T= 1) :     1.717 MB/s [   419.2 IOPS]
         Sequential Read (T= 1) :    32.626 MB/s
        Sequential Write (T= 1) :    14.025 MB/s
   Random Read 4KiB (Q= 1,T= 1) :     8.060 MB/s [  1967.8 IOPS]
  Random Write 4KiB (Q= 1,T= 1) :     0.682 MB/s [   166.5 IOPS]

  Test : 100 MiB [F: 0.0% (0.0/14.4 GiB)] (x3)  [Interval=5 sec]
  Date : 2022/01/24 17:15:56
    OS : Windows 10 Professional [10.0 Build 19044] (x64)
    KIOXIA U203 KUS-2A016GW USB2.0 16GB

◎ 100円ショップのUSBメモリが気になる。 :

• LibreOffice_5.4.7.2_Win_x86.msi (LibreOffice本体)
• LibreOffice_5.4.7.2_Win_x86_helppack_ja.msi (LibreOficeヘルプファイル)

[global]
...
# for Windows XP
server min protocol= NT1
lanman auth = yes
ntlm auth = yes

◎ 手順。 :

double amp = 450;
double cycle = 1;
VertexProperty pos = (VertexProperty)property.GetProperty(thisItem,"位置");
pos.Y -= amp * Math.Sin(Math.PI / cycle * time);
property.SetProperty(thisItem,pos);

double cycle = 1;
VertexProperty pos = (VertexProperty)property.GetProperty(thisItem,"位置");
VertexProperty scale = (VertexProperty)property.GetProperty(thisItem,"スケール");
NumberProperty alpha = (NumberProperty)property.GetProperty(thisItem,"不透明度");
pos.X -= 200 * Math.Sin(Math.PI / cycle * time);
pos.Y -= 50 * Math.Sin(Math.PI / cycle * time);
scale.X -= 10 * Math.Sin(Math.PI / cycle * time);
scale.Y -= 5 * Math.Sin(Math.PI / cycle * time);
alpha.DoubleValue -= 25 * Math.Sin(Math.PI / cycle * time);
property.SetProperty(thisItem, pos);
property.SetProperty(thisItem, scale);
property.SetProperty(thisItem, alpha);

◎ 新規プロジェクトの作成。 :

まずは新規プロジェクトを作成。File → New Project... で作成できる。

あるいは、起動時の画面内の、New Project アイコンをクリックしても作成できる。

どの種類のプロジェクトを作成するのか尋ねてくるので、Create Animation を選択。

今回は、MovieClip を作成するので、MovieClip Template を選択。更に、Canvas にチェックを入れれば、キャンバスサイズも指定できる。Finish をクリックして決定。

これで、新規プロジェクトが作成できた。

注意点。MovieClip を選んだ場合、デフォルトでは 24FPS (24コマ/秒) のアニメになるっぽい。変更できるのかもしれないけれど、現時点では変更方法が分からず…。

◎ プロジェクトを保存。 :

プロジェクトを保存して、次回も作業が続けられるようにする。上のほうのツールバーの中から、Save Project をクリック。

保存ファイル名と、保存フォルダの場所を尋ねられるので、入力・選択をして、Finish をクリック。これでプロジェクトが保存される。

◎ 画像をプロジェクトのライブラリに登録。 :

エクスプローラ等から、使用する画像ファイル群を、Library ウインドウにドラッグアンドドロップ。これで、使用画像を追加できる。

◎ キャンバスに画像を追加。 :

登録した画像群をキャンバスに追加する。Libraryウインドウから、使いたい画像を、キャンバスまでドラッグアンドドロップ。

重なり方を調整したい場合は、下のほうの Timeline ウインドウで、レイヤーをドラッグして順番を変更する。

◎ 表示位置その他の調整。 :

各レイヤーの表示位置を調整する。画像をクリック・選択してドラッグしても位置調整ができるけど、赤矢印や緑矢印で、x or y方向に制限を加えつつ位置調整したり、あるいは、下のほうの数値表示欄で直接数値を入力して調整することもできる。また、黄色の点をドラッグすると拡大縮小率を変更できる。これも、下のほうで数値を入力して変更可能。

透明度を変更することもできる。Propertyウインドウ内の Alpha 値を変更すれば、透明度が変わる。

念のために書いておくけど…。

• マウスの右ボタンドラッグで、キャンバスの表示位置を変更できる。
• マウスのホイール回転で、キャンバスのズームを変更できる。

◎ キーフレームを指定。 :

タイムラインウインドウ上で、キーフレームを指定する。フレーム数が並んでいる部分をクリックすると任意のフレームに変更できる。その状態で、キーフレームを打ちたいレイヤー行の上で右クリック。メニューの中から Add keyframe を選択。これでそのフレームにキーフレームが打てる。

今回は、最初のフレーム(0フレーム目)、最後のフレーム(24フレーム目)、中間のフレーム(12フレーム目)の3ヶ所に、キーフレームを打った。

中間のフレーム(12フレーム目)にして、ボールの位置を変更した。

◎ 補間を指定。 :

キーフレーム間を自動補完するように設定する。補間を始めるキーフレームをクリックして選択してから右クリック。Add Tween を選択。

キーフレームの間に、線が引かれた状態になった。「このキーフレーム間は補間でアニメをするよ」と示している。

中間のフレームでも、同様に Add Tween をした。

現在フレームを変更すると、補間でアニメがついていることが分かる。

◎ 動き方の調整。 :

このままでは等速運動なので、ボールが跳ねている動きには見えない。跳ねているように見せるために、減速と加速の動きに調整する。

最初のキーフレームを選択して、グラフっぽいアイコンをクリックする。Curve Editor ウインドウが開く。…これは自分の環境だけかもしれないけれど、何度かクリックしないと該当ウインドウが表示されない時もあった。

減速運動っぽいアイコンをクリックする。カーブが変更される。

中間のキーフレームを選択。今度は、加速運動っぽいアイコンをクリック。カーブが変更される。

これで、ボールが跳ねているような動きに ―― 上に向かって減速して、一番上に行ったら今度は下に加速していく動きになった。

ボールと同様に、ボールの影部分も、キーフレームの指定＋動きの調整をする。

ボールの影は、透明度も変化するように ―― ボールが一番上に行ったときに影が薄くなるようにしたい。中間のフレームを選んでから、Propertyウインドウ内で、Alpha値を調整。

◎ プレビュー再生する。 :

どんな動きになりそうか、Webブラウザを使ってプレビュー再生する。上のほうのツールバーの中から、Egret Preview をクリック。

Webブラウザが起動して、プレビュー再生がされた。

ちなみに、DragonBones上では24FPS設定でも、Webブラウザ上ではおそらく 60FPS でアニメが再生される模様。ヌルヌル。

◎ 連番画像として出力。 :

作ったアニメを、連番画像として出力する。ツールバー上の Export Project をクリック。

Exportダイアログが開くので、Image タブを選択。必要な設定をして、Finish をクリックすれば、各フレームが連番画像として出力される。ちなみに、Export to: Same folder as the project は、プロジェクトファイルが保存されたフォルダと同じ場所を指定している。

連番画像が出力された。ちなみに、今回のようにループアニメを作りたい場合は、一番最後のフレームが、一番最初のフレームと同じ見た目になっているはずなので、一番最後の画像は削除してもいいと思う。

◎ mp4動画にする。 :

ffmpeg -framerate 24 -i MovieClip_animtion0_%02d.png -vcodec libx264 -pix_fmt yuv420p output_1280x720.mp4

◎ 2020/01/25追記。 :

◎ 日本語化。 :

日本語化は、Edit → Preferences で。

Language を、Japanese (japan) にすれば、再起動後、メニュー等が日本語表示に。

◎ キャンバス設定。 :

キャンバスサイズ等の設定は、キャンバス → プロパティ、で。

「画像」タブで、キャンバスの幅や高さを設定可能。

動画のフレームレートや長さは、「時間」タブで設定可能。

「フレーム/秒」や「終了時間」を変更して設定。例えば24fpsなら、1秒=24f、2秒=48f、3秒=72f、等を終了時間に設定すればOK。ちなみに再生時間は、終了時間プラス1フレームが自動で設定される。

◎ 図形の描き方。 :

図形(シェイプ)を描くなら、スプラインツールを使うのが妥当かなと…。

マウスの左ボタンをクリックしていけば、直線で図形が描けるようで。

図形の閉じ方は、最初に打った場所にカーソルを持っていって、マウスの右ボタン(RMB)をクリック。

メニューが出てくるので、「スプラインをループ」を選択。

これで図形が閉じられた、はず。

閉じられた図形に対して塗りつぶしをしたい。塗りつぶしツール(バケツツール)を選択。

直前に図形を閉じた状態なら、バケツツールを選択しただけで、現在の塗りつぶし色で図形が塗りつぶされる。

ちなみにレイヤーは、「境界線レイヤー」と「塗りつぶし領域レイヤー」の2つで構成されてる模様。

あるいは…。スプラインツールで図形を閉じたら、「Spline Creation」の「Make Spline」ボタンをクリック。

塗りつぶした状態で図形が作られる。

各チュートリアル動画を眺めた感じでは、「Make Spline」ボタンをクリックするやり方のほうが正しいらしい。

違う色で塗りつぶしたい場合は…。例えば、パレットエディターを選んで、どれかしらの色をクリックすれば現在の塗りつぶし色として設定されるので…。

バケツツールを選んで、領域をマウスの左ボタン(LMB)でクリックすれば、現在の塗りつぶし色で塗りつぶせる。

ちなみに、左側に表示されてる色は、左上が境界線の色、右下が塗りつぶし色。

似たような感じで、曲線も描ける。スプラインツールを選んで、クリックじゃなくてドラッグするように描いていけば、曲線になってくれる。

後から、曲線のハンドルをドラッグして曲がり方を変えたり、頂点位置をドラッグして変更することも可能。また、制御点ではなく線の部分をドラッグすることでも、線の曲がり方を調整できる。

◎ レイヤーをグループにまとめる。 :

複数のレイヤーを一つのグループにまとめることもできる。グループにまとめると、アニメーションの動きをつける時に楽になる。

グループへのまとめ方は、まとめたいレイヤーを複数選択(Shift + 左クリック、または、Ctrl + 左クリック)して、下のほうにある「レイヤーをグループ化」ボタンをクリック。

グループにまとまった。

グループは、キャンバス上で、座標系っぽい表示になる。

小さい丸は、変形の制御点で…。

• 緑の丸が、オフセット。(位置の移動)
• 黄色やオレンジの丸が、拡大縮小。
• 青の丸が、回転。
• 赤い丸が、剪断変形(斜めに歪ませる変形)。

という割り当てになってる模様。

◎ アニメーションの作り方。 :

Synfig Studio は、各レイヤー・各グループの、位置、大きさ、角度等を変化させて、アニメを作ることができる。

アニメをつける時は、キャンバス右下の、「アニメーション編集モード」ボタンをクリック。

「アニメーション編集モード」が有効になると、アイコンが、緑(立ってる人)から、赤(歩いてる人)に変わって、キャンバスの周りに赤い枠がつく。

Synfig Studio は、キーフレームとキーフレームの間を、自動補間してくれる。デフォルトの補間方法は、キャンバス右下のリストボックスをクリックして選択可能。

補間方法は色々あって…。

• 線形 : 等速運動。
• イーズイン/アウト : ゆっくり動き始めて、ゆっくり動きが終わる。
• 定数 : そのフレームになると、指定された値にパカッと切り替わる。

「クランプ」「TCB」はどういう動きか、ちょっと分かってなかったり。

とりあえず、キャンバス上のレイヤーの緑の丸(オフセット)を変更してみる。現在フレームで、自動的にキーフレームが作られる。

タイムラインウインドウ上の目盛りを左クリックすることで、現在フレームを変更して…。

再度、キャンバス上のレイヤーの緑の丸(オフセット)を変更すると、現在フレームにキーフレームが追加される。

キャンバスの左下のほうに、最初のフレームに移動するボタンや、再生ボタンがあるので、アニメを再生することも可能。

ただ、Synfig Studio は、とにかく動作が重くて…。

• 再生ボタンを押しても最初の数フレームはちゃんと表示されない。
• フレームレートも遅い。

なので、タイムラインウインドウの目盛り上で、マウスの左ボタンを押しながら左右にドラッグして現在フレームを変更しながら、動きを確認したほうがマシかなと。

さておき、オフセット以外にも、拡大縮小、回転、剪断変形(Skew Angle)のパラメータを変化させることも可能。以下は、全部のパラメータを各キーフレームで変えてみた例。

補間方法は、後から変更することも可能。タイムライン上のキーフレームのマークの上で、マウス右ボタン(RMB)クリックすると、補間方法を選べるメニューが表示される。

◎ アニメをプレビューする。 :

アニメの動きをつけたら、プレビューして、動きを確認。ファイル → プレビュー、を選択。

プレビュー設定ダイアログが表示されるので、値を指定。

プレビューウインドウが表示される。

表示直後に、プレビュー用データを作るようで、左下の「xxf / xxf」が一旦最後までカウントアップされる。その後、再生ボタンをクリックすれば、動きがプレビューできるはず。

◎ レンダリングする。 :

レンダリングして、連番画像、あるいは動画として書き出す。ファイル → レンダリング、を選択。

今回は ffmpeg を選んで、mp4動画として書き出してみたり。動画として書き出す際は、ファイル名の最後の拡張子を「.mp4」等に修正しておくこと。

しかし…。一応、mp4動画として出力してみたけれど。何故か Firefoxで再生できない mp4 になった。なんでだろ。アルファチャンネルが含まれてる状態で出力してたりするのかな…。AviUtl で変換し直すか…。

以下が、出力結果。



ということで、Flashをさらに安っぽくしたようなアニメなら一応作れなくもない…かな…みたいな。

◎ キャンバスデータの注意点。 :

動画として書き出して、VLC media player で確認したら、動画タイトルが文字化けしていて悩んだり。

どうも Synfig Studio は、キャンバス情報の名前に、日本語文字列を入れると文字化けするようで。英数字だけでキャンバス名をつけたほうがヨサゲ。

◎ グラデーションツールの使い方。 :

おまけで、グラデーションの使い方も一応メモ。

グラデーションツールを使うと、キャンバス全体にグラデーションが表示されて、「こんなの何に使えるんだ…」と困惑するのだけど。各レイヤーは、下のレイヤーのアルファチャンネル(マスク情報)を継承できるから、下に置いてあるレイヤーの形で、上のレイヤーを切り抜くことが可能。それを利用すれば使い道も出てくる、ということらしい。

例えば、丸い形のレイヤーを作ったとして。

その上に、グラデーションレイヤーを置く。ここで、グラデーションレイヤーの「ブレンドの種類」を変更。「合成」と表示されてる部分を何度かクリック。

「合成」以外が選べるので、「クリッピング」を選択。

下に置いてあるレイヤーの形で、グラデーションレイヤーを切り抜き・クリッピングすることができる、と。

コレを利用すれば、例えば影部分だけ別レイヤーにして反映させる、といったことも可能なはず。

◎ 頂点アニメーション。 :

Synfig Studio は、図形の頂点位置・頂点ハンドルの向きや長さも、自動補間でアニメさせることができる。

もっとも、頂点編集がやりづらいので、作業としては若干苦行な気配も…。

• 電源オプションで、スリープ解除タイマーの許可を「無効」にしたり。
• タスクスケジューラで、Media Center\mcupdate_scheduled を無効にしたり。
• DOS窓を管理者として開いて、powercfg -devicequery wake_armed でリストアップされたデバイスを設定。デバイスマネージャ → 各デバイスのプロパティ → 電源の管理、で、スリープ解除(?)しないようにチェックを外したり。

• DLして、「〜_rb.txt」を「〜.rb」に、「〜_py.txt」を「〜.py」にリネームして使う。
• 実行すると、スクリプトのあるフォルダに、画像を出力保存する。
• Ruby版もPython版も、cairoを使うためのライブラリが必要。
• スクリプトの最初のあたりを書き換えれば、出力画像サイズ、出力ファイル名、数字描画のON/OFFを変更できる。

gem install cairo --platform x86-mingw32

◎ jEdit導入。 :

<MODE NAME="processing" FILE="Processing.xml"
                FILE_NAME_GLOB="*.pde" />

◎ 話は戻ってProcessing。 :

◎ 全然関係ないけどFOMA端末の電池ってすぐなくなるな。 :

◎ Outlook がついてきたけど要らんのだよなぁ。 :

• 最近のFLASHはdot単位でビットマップ画像を作れる・操作できるので、Zバッファ云々等を真面目に実装して実現する方法があるらしく。ただ、真面目に1dotずつ処理をするので、処理時間はかかるし、作る側の負担も高いとか。
• ムービークリップを入れ子にして、拡大・縮小・斜め変形を二重に行うことで、立方体の1面1面を描いていく方法もあるらしく。ただ、台形には変形できない・平行四辺形しか表現できないので、平行透視にならざるをえないとか。
• 四角形を直角三角形2つに分割して、直角三角形をムービークリップの入れ子云々で変形させ、四角形が台形に変形してるように見せる方法もあるのだとか。ただ、単に2つに分割したのではテクスチャの歪みがはっきりわかってしまうので、実際はさらに細かく分割して処理を行うことになるとか。…なんだかPSっぽい。
• 3DCGツールでレンダリングした画像を垂れ流すとか。決まった動きしかしないのであれば、これが一番楽。ダウンロードサイズが肥大化する点以外は、何の問題もナサゲ。

インド人のポスドクと雑談をしていて、日本の改憲の話になった。憲法9条の武力を放棄、平和を希求ってのが今の総理大臣は気に食わないらしくてね、というのが私の簡単な説明だったのだが、そのインド人は第二次世界大戦を最後に日本は戦争をしない、って決めたっておもってたけどそれが変わるわけか、とこれまた簡単な感想を述べていた。

日本が戦争をしないと決めている、という事実はおそらく日本人が思っているよりも世界的には結構有名な話である。タクシーでイラン人やパキスタン人の運転手と日本車の話をしていても（おそるべきことに車を持たぬ目下の生活だと週に5回はタクシーを使う）、戦争しないでいい車作って、日本は実にいい国だ、といわれたりする。外国人の日本の外交政策に関する印象はこの程度であるのだが、この単純さは実に明快でだからだれの頭にでも残るのだろう。”日本は戦争をしない”。実に明瞭な宣伝である。すくなくとも”美しい国”とは次元の違うレベルの訴求力だ。

kom’s log より

◎ カジュアルコピーによる損失と、アクティベーションのための人件費。どちらのほうが、金額は多いのだらう。 :

• 比較元のフォルダを複数指定できる。
• 比較先に、比較元のフォルダ内容が入っていれば、「問題無し」として扱う。
• ファイル内容で比較する。

◎ AviUtlでavi→連番pngに変換 :

◎ _Script-Fu で 画像形式変換のバッチ処理 :

◎ _Vine2でのbashプロンプト :

◎ _'04/1/21の項 :

◎ _ハードディスクにGRUBをインストールする :

◎ MBRにGRUBをインストールしたらなんだか上手くいったみたい :

default saved
#default    0
timeout     10
color       cyan/blue white/blue

title       Microsoft Windows
root        (hd0,0)
savedefault
makeactive
chainloader +1

title       Plamo Linux 
root        (hd1,2)
kernel      /boot/vmlinuz root=/dev/hdb3 ro 
savedefault

title       Debian GNU/Linux, kernel 2.4.22 
root        (hd1,1)
kernel      /boot/vmlinuz-2.4.22 root=/dev/hdb2 ro video=matrox:vesa:0x11B:mtrr apm=on acpi=off
savedefault

root (hd1,1)
setup (hd0)
quit

◎ gentoo、worker、emelfm、gnome-commanderを弄ってみようとしたけれど :