mieki256's diary

◎ ソース :

ソースコードは以下。

_road04.hsp
_road04.hsp (色分け表示)

ソースが長くなってきたので、この日記ページにコピペするのは厳しくなってきた…。色分け表示してくれる JavaScript、 _HSP Syntax Highlight を使わせてもらって、別のhtml として置いてみたけど、表示出来ているだろうか。

使用画像は以下。.hsp と同じフォルダ階層に置いておく。

_bg_bg0.png

_bg_bg1.png

_trees.png

ビルボード用画像は自作したものなので、自由に使ってください。CC0 / Public Domain ってことで。

◎ 今回やったこと :

各ビルボードは、1つのセグメントにつき、1枚のビルボードを持てるように管理してる。もしかすると、道路の右、左、真ん中に、ビルボードを持てるようにしたほうがいいのかもしれないけれど…。参考にしたページでは、そういう感じでデータを持っているようだし…。

_Creating a pseudo 3D racer - part 2


ビルボード(スプライト)の拡大縮小描画は、gzoom を使っている。そのあたりは、以前書いたサンプルその他が参考になるはず。

_HSPのgzoomで透明色があるように見せかけるソレについて


今まで、各セグメントは手前から奥に向かって描画していたのだけど。ビルボードを描画する際は、奥から手前に向けて描画していくほうが都合がいい。遠くにあるビルボードと、近くにあるビルボードが重なった時、近くにあるビルボードで遠くにあるビルボードを上書き・塗り潰したほうが見た目がそれっぽくなる。

そこで、セグメントの描画についても、奥から手前に向かって描画していくように変更してみた。ただ、各セグメントの位置や形を求めるためには、手前から奥に向かって計算していかないといけないので、一旦、手前から奥に向かって計算してみて、そこで得られたセグメントの台形相当の形をバッファに記録しておいて、それを描画時に奥から手前に向けて描画する、という処理にしてある。

◎ 課題 :

◎ 画像素材 :

せっかくだから、ビルボード用画像の元画像も置いておきます。使えそうなら自由に使ってください。CC0 / Public Domain ってことで。

_beam01_1024x1024.png

_grass02_edit02.png

_grass07_edit01.png

_roadsign_board.png

_roadsign_board_and_pole.png


余談。草むらを作りたくて、久々に Vue 5 Easel を起動して作業した。使い方を忘れていて時間がかかった上に、なかなか望み通りの画像は得られなかったけど…。とりあえず、以下のような感じで、欲しいオブジェクトの後ろに単色の箱を置いてレンダリング。GIMP 2.10.34 で青色だけ透明化。みたいな。

作業が終わった後で知ったけれど、GIMP 2.10 の「色を透明度に」の仕様が変わっていたのだな…。

_GIMP 2.10.8 において指定の色を透明度にする機能の仕様が変わっていて戸惑った件 | ゆとり院卒Life
_8.34. 色を透明度に...

もしかすると自分、色域指定で選択範囲を作って削除、みたいな感じで作業してたのだろうか。

◎ 蛍光灯について :

◎ 使える点灯管について :

◎ 親父さんがケーズデンキで代替品を買ってきた :

◎ 2023/09/09追記。点灯管を購入 :

ケーズデンキで、点灯管 Panasonic FG-7EL F2/X (FG7ELF2X) を買ってきた。150円ぐらいだった気がする。

パッケージ表とパッケージ裏に、利用できる蛍光灯の種類がちゃんと書いてあった。

• FG7ELF2X
• 適合ランプ : 蛍光灯 4〜10形
• 直管蛍光灯 : 4,6,8,10形
• 丸形蛍光灯 : 9形
• ツイン蛍光灯 : 4,6,9形
• 作動回数 : 約18000回

自宅にあった、Panasonic FG-1EL/2P (FG1EL2P)のパッケージも確認してみた。そちらにも利用できる蛍光灯の種類がちゃんと書いてあった。

• FG1EL2P
• 適合ランプ : 蛍光灯10〜30形
• 直管蛍光灯 : 10,15,20,30形
• 丸形蛍光灯 : 15,20,30形
• ツイン蛍光灯 : 13,18,27形
• 作動回数 : 約18000回

要するに、以下のような使い分けをせよ、ということらしい。たぶん。

• 小さい蛍光灯 → FG-7E
• 大きい蛍光灯 → FG-1E

つまり、昨日親父さんが購入した、ツイン蛍光灯 9形は、FG-7EL、FE-7E を使うべし、ということなのだな…。わざわざこうしてパッケージに記載されているということは、ツイン蛍光灯 9形に FG-1E を使わないでほしいということなのだろう…。問題無く使えるなら、FG-1E のパッケージにも、その旨が記載されているはずだし。

◎ 2023/09/11追記 :

• 文字列とか、
• bitmap画像とか、
• ダイアログのレイアウトとか、
• アプリのアイコンとか、

◎ リソーエディタを試用。 :

ググってみたら、リソーエディタなるツールに遭遇したので試用してみた。

_リソーエディタ（RisohEditor）
_リソーエディタの詳細情報 : Vector ソフトを探す！

RisohEditor-5.7.2-portable.zip をDL・解凍。RisohEditorPortable.exe を実行。

手元の .rc を読み込ませようとするとエラーが出てしまう…。付属のサンプルは開けるから、こちらの .rc が何かおかしいのだろうか…。MinGW の windres に渡してもエラーが出ない .rc なのだけどな…。

何も開いてない状態からダイアログを追加して、といった感じで操作したら動いてくれた。一旦そんな感じで各ウィジェットの位置のアタリをつけて、といった使い方なら問題は無さそう。少なくとも、テキストエディタで.rcを書き換えていくより全然マシな気がする。

◎ Resource Hackerを試用。 :

Resource Hacker 5.1.8 を試用してみた。

_Resource Hacker

このツールを使っても、ある程度調整作業ができるようだなと…。

• 何のファイルも開かない状態で、Action → Add using Script Template、を選ぶと、DIALOG の雛形がエディタ画面に挿入される。
• ツールバー上の Compile Script (緑色の再生ボタン)をクリックするか、F5キーを叩けば、どんな見た目になるか表示される。
• 表示されたダイアログ上で右クリックして Insert Control を選べば、ウィジェットを追加していける。

そのままリソースファイルとして利用できないかもしれないけれど、各ウィジェットの表示位置やサイズを確認する作業程度なら使えそう。

◎ XN Resource Editorを試用。 :

XN Resource Editor というリソースエディタもあるらしいので試用してみた。日本語版もあるらしい。ありがたや。

_このサイトにある Delphi 支援アプリケーションは？ [Delphi Programming]
_XN Resource Editor :職人的フリーソフトの使い方

リソース → リソースを追加、で Dialog を追加後、右側のウィジェット一覧から Static Text や Button などを追加していけばいい。

プロパティ入力欄で Enterキーを押しても反映されないけれど、TABキーでフォーカスを変えていけば反映される模様。

ただ、配置したウィジェットの表示位置をマウスドラッグで変更したりはできないっぽい。ウェジットのサイズなら、マウスドラッグで変更できるようだけど…。

少し触ってるうちに、サイズの計算がなんだかおかしいことに気づいた。マウスドラッグ時に設定される値と、プロパティ一覧上の入力値が大きくずれている。どちらが正しいのか…。

オリジナルの英語版をDL・インストールしてみたけれど、そちらは何か操作する度にアプリが落ちてしまった。

_Releases - stefansundin/xn_resource_editor

◎ BCCFormを試用。 :

Borland C++向けのツールもあるらしい。

_BCCForm and BCCSkeltonの詳細情報 : Vector ソフトを探す！

BCCFORM.EXE (2.41R1.5) をDLしてインストールしてみた。

セットアップファイルを実行したら、何故か D:\Program Files\Borland\BCCForm\ に決め打ちでファイルが展開されてしまった…。昔のアプリだから仕方ないのかな…。

BCCForm.exe というのがリソースエディタっぽい。実行して、ファイル → 新規作成、をしてから、編集 → リソースの追加 → ダイアログ、でダイアログが表示される。ダイアログForm上で右クリックすると、追加するウィジェット種類を選べる。初期状態ではButtonが選ばれてるので、マウスでドラッグするとそのサイズでボタンが配置される。

◎ Pencil Projectを試用。 :

リソースファイルにはならないけれど、見た目のレイアウトを検討できる Pencil というツールを使用してみた。3.1.0 を試用。

_Home - Pencil Project

各オブジェクトの座標値が、リソースファイルのソレとは全然違う値になってしまった。まあ、そもそも用途/目的が違うツールだろうから、仕方ないか…。

◎ 参考ページ。 :

◎ 余談。 :

> lc -v
"D:\Dev\lcc\bin\lcc.exe" -v
Logiciels/Informatique lcc-win32 version 3.8. Compilation date: Mar 29 2013 13:11:27
"D:\Dev\lcc\bin\lcclnk.exe" -v
lcclnk version 1.3

◎ weditres.exeを実行してみた。 :

◎ freeglutのバイナリの入手。 :

◎ MinGWの中にコピー。 :

bin/freeglut.dll

include/GL/freeglut.h
include/GL/freeglut_ext.h
include/GL/freeglut_std.h
include/GL/glut.h

lib/libfreeglut.a
lib/libfreeglut_static.a

◎ 使ってみる。 :

使い方は以下で説明されてる。

_Using freeglut or GLUT with MinGW

以下で配布されてるサンプルを利用して、コンパイルできるか試してみる。

_TransmissionZero/Hello-GLUT: A very simple "Hello World!" GLUT application demonstrating how to write OpenGL applications in C with MinGW and MSVC.

上記のサンプルは3ファイルに分かれているけど、別に1ファイルでもいいよなと思えてきた。修正して、1ファイルにしてみた。

_hello_glut.c

#include <stdlib.h>
#include <GL/glut.h>

/* Keyboard callback function */
void keyboard(unsigned char key, int x, int y)
{
  switch (key)
    {
      /* Exit on escape key press */
      case '\x1B':
      {
        exit(EXIT_SUCCESS);
        break;
      }
    }
}

/* Display callback function */
void display()
{
  glClear(GL_COLOR_BUFFER_BIT);

  /* Display a red square */
  glColor3f(1.0f, 0.0f, 0.0f);

  glBegin(GL_POLYGON);
  glVertex2f(-0.5f, -0.5f);
  glVertex2f(0.5f, -0.5f);
  glVertex2f(0.5f,  0.5f);
  glVertex2f(-0.5f,  0.5f);
  glEnd();

  glFlush();
}

/* Main method */
int main(int argc, char** argv)
{
  glutInit(&argc, argv);

  /* Create a single window with a keyboard and display callback */
  glutCreateWindow("GLUT Test");
  glutKeyboardFunc(&keyboard);
  glutDisplayFunc(&display);

  /* Run the GLUT event loop */
  glutMainLoop();

  return EXIT_SUCCESS;
}

コンパイルは以下。hello_glut.exe が生成される。

# スタティックリンクしない場合。

gcc hello_glut.c -o hello_glut.exe -lfreeglut -lopengl32 -lwinmm -lgdi32 -mwindows

# スタティックリンクする場合。

gcc hello_glut.c -o hello_glut.exe -D FREEGLUT_STATIC -lfreeglut_static -lopengl32 -lwinmm -lgdi32 -mwindows

• スタティックリンクしない場合は、実行ファイルのサイズは小さくなるけれど、動作には freeglut.dll が必要になる。
• スタティックリンクする場合は、実行ファイルが freeglut.dll の中身を含んでいるので、freeglut.dll が無くても動く。ファイルサイズは少し大きくなる。

hello_glut.exe を実行して、赤い四角が表示されたらOK。ちなみに、ESCキーを押すとウインドウが閉じる。

これで、freeglutを使っているCソースを、MinGWでコンパイル/ビルドできる状態になった。

◎ 離れ小島に埋める案はどうなったんだろう。 :

◎ ちっちゃくなくないよ！ :

◎ 中身を確認。 :

◎ NOOBSを入れ替え。 :

◎ ケースに入れる。 :

◎ OSをインストール。 :

◎ MACアドレスを調べる。 :

LANG=C
ifconfig

◎ パッケージを更新。 :

LANG=C
sudo apt update
sudo apt upgrade
sudo apt install fonts-ipafont
sudo reboot

sudo rpi-update

◎ 他にも色々設定。 :

sudo apt install fcitx-mozc

◎ 動作速度が遅い。 :

◎ microSDHCの速度を測ってみた。 :

$ sudo apt install hdparm
$ sudo hdparm -t /dev/mmcblk0

/dev/mmcblk0:
 Timing buffered disk reads:  32 MB in  3.15 seconds =  10.17 MB/sec

• 「サイトの閲覧者とやり取りしたい」 → 掲示板というシステム
• 「匿名でコミュニケーションを取りたい」 → 2ちゃんねる
• 「画像を見せ合って遊びたい」 → ふたば、4chan
• 「世界中に公開したくない」「友人知人だけが見れる状態で公開したい」 → mixi
• 「動画を公開したい」 → YouTube、ニコニコ動画
• 「自分で描いた絵を公開したい」 → pixiv、DeviantArt
• 「自分で撮った写真を公開したい」 → Instagram
• 「長文なんて書きたくない」「ほんのちょっとでいいから意見を表明したい」 → Twitter
• 「自分はこういう人物です、てな情報ぐらいは公開したい」 → Facebook
• 「ソースコード込みでプログラムを公開したい」 → GitHub
• 「プログラミング関係・技術的なメモを公開したい」 → Qiita
• 「自作小説を公開したい」 → 小説家になろう、カクヨム
• 「zipファイル等を公開したい」 → Google Drive、OneDrive、Dropbox

◎ アーカイブとしての役割。 :

◎ 「インターネットの神保町」になるのは無理かな無理だろうな。 :

◎ リソースを共有できないのかな。 :

◎ EDGE2でもタイル画像を表示することができたことに気付いた。 :

◎ Webサイト上でFXGを作れるサービスがあるらしい。 :

1. 新規プロジェクト作成。AIR AS3 Projector を選択。名前に、任意のプロジェクト名を、パッケージに、com.hogefuga みたいな感じで入力。
2. プロジェクトフォルダ\lib\ 以下に、starling.swc をコピー。
3. プロジェクト設定 → コンパイラー設定 → SWC Libraries の右側のボタンを押して、lib\starling.swc を入力。
4. プロジェクト → AIRアプリケーション設定 → Initial Window → 非ウインドウ表示プラットフォーム → レンダリングモード、を Direct に。これをしないと Starling では画面が表示されない。
5. bat\SetupSDK.bat を開いて、set FLEX_SDK=〜 の行を自分の環境に合わせて修正。
6. bat\CreateCertificate.bat を実行。右クリックして実行を選べば実行できる。
7. ソースを書いて、プロジェクトをビルド(F8キー)。
8. プロジェクトをテスト(F5キー)。

package com.blawat2015
{
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageQuality;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.geom.Rectangle;
    import starling.core.Starling;
    
    [SWF(width="480",height="320",frameRate="60",backgroundColor="#000000")]
    
    /**
     * Starling + ウインドウサイズ変更のテスト
     */
    public class Main extends Sprite
    {
        private var myStarling:Starling;
        private var resize_exec:Boolean = false;
        
        /**
         * コンストラクタ
         */
        public function Main():void
        {
            // stage が既に存在しているなら即座に、
            // stage が存在していないならステージ生成時に、初期化メソッドを呼ぶ。
            if (stage)
                init()
            else
                addEventListener(Event.ADDED_TO_STAGE, init);
        }
        
        /**
         * 初期化処理
         * @param   e
         */
        private function init(e:Event = null):void
        {
            removeEventListener(Event.ADDED_TO_STAGE, init);
            
            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;
            stage.quality = StageQuality.BEST;
            
            // Starlingのインスタンスを生成
            var viewport:Rectangle = new Rectangle(0, 0, _g.STGW, _g.STGH);
            myStarling = new Starling(MySprite, stage, viewport, null, "auto", "baseline");
            
            myStarling.antiAliasing = 1; // アンチエイリアス設定
            myStarling.showStats = true; // 状態表示有効化
            myStarling.enableErrorChecking = true; // エラーチェック
            myStarling.start(); // 描画処理開始
            
            // ウインドウリサイズ時の処理を設定
            stage.addEventListener(Event.RESIZE, onResize);
        }
        
        /**
         * ウインドウリサイズ時に呼ばれる処理
         * @param   e
         */
        private function onResize(e:Event):void
        {
            // 処理中にイベントが再発生するとマズいので、フラグでチェック
            if (resize_exec)
                return;
            
            resize_exec = true;
            var v:Rectangle, sw:int, sh:int;
            myStarling.stop(); // 念のために描画を停止しておく
            do
            {
                sw = stage.stageWidth;
                sh = stage.stageHeight;
                v = new Rectangle(0, 0, sw, sh);
                
                // 縦横拡大率を求める
                _g.wdw_scaleX = sw / _g.STGW;
                _g.wdw_scaleY = sh / _g.STGH;
                
                if (_g.wdw_scaleX > _g.wdw_scaleY)
                {
                    // 横に引き延ばし過ぎ
                    var w:int = int(_g.STGW * _g.wdw_scaleY);
                    if (v.width > w)
                        v.width = w;
                    v.x = int((sw - v.width) / 2) & 0xfff8;
                    _g.wdw_scaleX = _g.wdw_scaleY;
                }
                else if (_g.wdw_scaleX < _g.wdw_scaleY)
                {
                    // 縦に引き延ばし過ぎ
                    var h:int = int(_g.STGH * _g.wdw_scaleX);
                    if (v.height > h)
                        v.height = h;
                    v.y = int((sh - v.height) / 2) & 0xfff8;
                    _g.wdw_scaleY = _g.wdw_scaleX;
                }
                
                    // 処理中にウインドウサイズが変更されてたら算出し直し
            } while (sw != stage.stageWidth || sh != stage.stageHeight);
            
            myStarling.viewPort = v;
            myStarling.stage.stageWidth = _g.STGW;
            myStarling.stage.stageHeight = _g.STGH;
            myStarling.start(); // 描画再開
            _g.wdw_w = sw;
            _g.wdw_h = sh;
            resize_exec = false;
        }
    }
}

• new Starling() を呼ぶ際に与えるパラメータを、巷のサンプルでよく見かける記述から少し変えてみた。巷では、new Starling(MySprite, stage, viewport); になってることが多い印象。
• リサイズ時に、Starling.current.viewPort = 〜 ではなくて、既に記憶していた Starling のインスタンス変数を使うようにした。
• 短い時間内に連続してリサイズ処理が呼ばれる場面があるのかと思い、一定時間が経過してからリサイズ処理をするようにしてみたけど改善されず。なので、そういう複雑(?)なことは全部止めて、リサイズイベントが発生したら、すぐにさっさと処理するようにした。
• リサイズ時に、Starling.stop()、start() を呼ぶようにした。しかしコレをしても改善しなかったので関係ないかも。
• viewPort を弄る直前まで、処理途中でウインドウサイズが変更されてる可能性を意識するようにした。もし、途中でウインドウサイズが変わってたら、do - while の部分で処理をし直す。

• viewPort に与えるのは、実際のウインドウサイズ内で、どこからどこまでを表示範囲にするか、という値。Rectangle の x,y が、領域の左上。width, height が、領域の縦横幅、なのかな？
• Starling.stage.stagWidth, stageHeight に与えるのは、表示範囲を、何x何ドットの領域として扱うか、という値。

• 480x320 のゲーム(?)画面を、1920x1080のウインドウサイズ内に表示しようと思ったら…。
• viewPort には x,y,w,h=(0,0,1920,1080) を与えて、stageWidth,stageHeight には (480,320) を与える。
• これだと縦横比が妙なことになる・横に引き延ばされた見栄えになる。
• 縦横比を合わせて、表示範囲をセンタリングしたいなら、viewPort に、x,y,w,h=(150,0,1620,1080) を与える。

◎ _Windows標準搭載の電卓は当然、関数電卓で使うよね :

◎ _ASCII.jp：実は大きく進化していたWindows 7の「電卓」 :

◎ 自分はルパン三世という作品に何を求めているんだろう。 :

◎ _Microsoft Mouse Wiki :

◎ 全然関係ないけどメガネにデジカメをつけられないかなと思ったことがあった :

◎ _AN HTTPDで Ruby/eRuby を動かす :

◎ _Ruby インストールガイド :

◎ ありゃ :

◎ 結局 :

◎ RubyでGUIといえば何がメジャーなんだろう :

◎ ALSA は解決 :

◎ Mozilla の方はまだまだ :

◎ 起動時の待ち時間が短くなった :

◎ ツールバーのカスタマイズが出来るようになってた :

◎ 拡張関連で望んだ機能が存在していた :

◎ でもやっぱり重い :

◎ ホイールでのスクロール量を変更したいのだけど :