札幌市も感染拡大しつつあると言うことで、今回は居酒屋に飲みに行くのでは無く、お店でテイクアウトしておうちで飲むことにしました。
お店はここ。
手づくり惣菜のミツバチ
基本テイクアウトのお店ですが、店内で立ち飲みもできちゃいます。
看板メニューはメンチカツ。
これで500円です。
注文を受けてから揚げてくれるので、揚げたてが食べられます。
お店で待つのが嫌なら、あらかじめ電話で注文しておくと待たずに買えます。
やっぱり揚げたては美味しいね。
曜日毎にサービス内容が異なるので、お店のホームページで確認すると良いよ。
https://www.mitubati-nanngou.com
騒動が落ち着いたら飲みに行くよ。
前回までの状況はこちら。
今回はマウス操作を試してみます。
マウスカーソルの位置をリアルタイムで表示、さらに左クリックするとその座標を表示する、という感じでやってみます。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("数独解析ツール", 1000, 800, new asd.EngineOption());
// 下地
var background = new asd.GeometryObject2D();
asd.Engine.AddObject2D(background);
var bgRect = new asd.RectangleShape();
bgRect.DrawingArea = new asd.RectF(0, 0, 1000, 800);
background.Shape = bgRect;
// テクスチャー
asd.Texture2D texture = asd.Engine.Graphics.CreateTexture2D("squares.png");
// マス
int offsetX = 10;
int offsetY = 10;
var square = new asd.TextureObject2D();
square.Position = new asd.Vector2DF(offsetX, offsetY);
square.Texture = texture;
asd.Engine.AddObject2D(square);
int fontOffsetX = 19;
int fontOffsetY = 9;
var font = asd.Engine.Graphics.CreateFont("number.aff");
var obj = new asd.TextObject2D();
obj.Font = font;
obj.Position = new asd.Vector2DF(offsetX + fontOffsetX, offsetY + fontOffsetY);
obj.Text = "1";
asd.Engine.AddObject2D(obj);
var obj2 = new asd.TextObject2D();
obj2.Font = font;
obj2.Position = new asd.Vector2DF(64 + offsetX + fontOffsetX, 64 + offsetY + fontOffsetY);
obj2.Text = "2";
asd.Engine.AddObject2D(obj2);
var mouseXText = new asd.TextObject2D();
mouseXText.Position = new asd.Vector2DF(700, 600);
mouseXText.Font = font;
asd.Engine.AddObject2D(mouseXText);
var mouseYText = new asd.TextObject2D();
mouseYText.Position = new asd.Vector2DF(700, 670);
mouseYText.Font = font;
asd.Engine.AddObject2D(mouseYText);
var mouseHXText = new asd.TextObject2D();
mouseHXText.Position = new asd.Vector2DF(800, 600);
mouseHXText.Font = font;
asd.Engine.AddObject2D(mouseHXText);
var mouseHYText = new asd.TextObject2D();
mouseHYText.Position = new asd.Vector2DF(800, 670);
mouseHYText.Font = font;
asd.Engine.AddObject2D(mouseHYText);
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
asd.Vector2DF pos = asd.Engine.Mouse.Position;
mouseXText.Text = string.Format("{0}", pos.X);
mouseYText.Text = string.Format("{0}", pos.Y);
if(asd.Engine.Mouse.LeftButton.ButtonState == asd.ButtonState.Push)
{
mouseHXText.Text = string.Format("{0}", pos.X);
mouseHYText.Text = string.Format("{0}", pos.Y);
}
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
なかなか良さそうです。
じゃあ、次回からUIをもっと詰めて、クラス構成を考えてみましょう。
午前中はなんとか動けるのですが、
午後になると耳鳴りと目の疲れが出てきてほとんど頭が働かなくなります。
今の1日のスケジュールはこんな感じ。
こうやって見ると、健康的な生活を過ごしていると思われますが、
生産的な作業が半日しかできていない状態です。
原因は分かっているんですよ。
首と肩のこりです。
肩の方はだいぶ調子が良くなったのですが、
首の方が辛いです。
一生懸命首の筋肉を伸ばしているんですけどね。
ストレッチってヤツです。
今はとにかくストレッチを続けて、症状が改善するのを待つしか無くて。
まぁ、焦らず頑張ります。
前回までの状況はこちら。
実際に文字、というか、数字を画面に表示するのですが、
ゲームライブラリを使用しているので、普通に文字を表ずる事ができないのですよ。
このライブラリではフォントジェネレータというツールを使って、使用する文字を別ファイルで用意する必要があります。
こんなテキストファイルを作成して、
こんな感じでフォントファイルを作成します。
このとき生成されるaffファイルとpngファイルを実行プログラムと同じ場所に設置します。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("数独解析ツール", 1000, 800, new asd.EngineOption());
// 下地
var background = new asd.GeometryObject2D();
asd.Engine.AddObject2D(background);
var bgRect = new asd.RectangleShape();
bgRect.DrawingArea = new asd.RectF(0, 0, 1000, 800);
background.Shape = bgRect;
// テクスチャー
asd.Texture2D texture = asd.Engine.Graphics.CreateTexture2D("squares.png");
// マス
int offsetX = 10;
int offsetY = 10;
var square = new asd.TextureObject2D();
square.Position = new asd.Vector2DF(offsetX, offsetY);
square.Texture = texture;
asd.Engine.AddObject2D(square);
var font = asd.Engine.Graphics.CreateFont("number.aff");
var obj = new asd.TextObject2D();
obj.Font = font;
obj.Position = new asd.Vector2DF(100, 100);
obj.Text = "1357";
asd.Engine.AddObject2D(obj);
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
とりあえず、数字を表示することは問題なさそう。
あとは、フォントサイズと表示位置を微調整する。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("数独解析ツール", 1000, 800, new asd.EngineOption());
// 下地
var background = new asd.GeometryObject2D();
asd.Engine.AddObject2D(background);
var bgRect = new asd.RectangleShape();
bgRect.DrawingArea = new asd.RectF(0, 0, 1000, 800);
background.Shape = bgRect;
// テクスチャー
asd.Texture2D texture = asd.Engine.Graphics.CreateTexture2D("squares.png");
// マス
int offsetX = 10;
int offsetY = 10;
var square = new asd.TextureObject2D();
square.Position = new asd.Vector2DF(offsetX, offsetY);
square.Texture = texture;
asd.Engine.AddObject2D(square);
int fontOffsetX = 19;
int fontOffsetY = 9;
var font = asd.Engine.Graphics.CreateFont("number.aff");
var obj = new asd.TextObject2D();
obj.Font = font;
obj.Position = new asd.Vector2DF(offsetX + fontOffsetX, offsetY + fontOffsetY);
obj.Text = "1";
asd.Engine.AddObject2D(obj);
var obj2 = new asd.TextObject2D();
obj2.Font = font;
obj2.Position = new asd.Vector2DF(64 + offsetX + fontOffsetX, 64 + offsetY + fontOffsetY);
obj2.Text = "2";
asd.Engine.AddObject2D(obj2);
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
うん、いいんじゃないでしょうか。
レシピはこちらを参照しました。（クラシル）
https://www.kurashiru.com/recipes/e7ad9350-1ed7-4db3-9972-e3449ed0669e
まずは材料の仕込み。
大根とショウガ。
豚バラ肉は焼き色を付けます。
これを炊飯器に入れて、味付け。
炊飯スイッチオン！
あれ？2時間経っても炊飯が終わらないぞ？
炊飯完了条件のスイッチが入らなかったのかも。
何が違うんや。
まぁ、いいや。
オープン。
大根も豚肉も柔らかく煮込まれました。
そりゃあ、2時間も煮込めば(ry
これはお酒が飲みたくなる。
太るからやらないけど。
とりあえず、下地となるマスを書いてみます。
最初考えたのは、
こんな画像を用意して、9×9に並べてみました。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("数独解析ツール", 1000, 800, new asd.EngineOption());
// 下地
var background = new asd.GeometryObject2D();
asd.Engine.AddObject2D(background);
var bgRect = new asd.RectangleShape();
bgRect.DrawingArea = new asd.RectF(0, 0, 1000, 800);
background.Shape = bgRect;
// テクスチャー
asd.Texture2D texture = asd.Engine.Graphics.CreateTexture2D("square.png");
// マス
int offsetX = 10;
int offsetY = 10;
int width = 64;
int height = 64;
for(int row = 0; row < 9; row++)
{
for(int col = 0; col < 9; col++)
{
var square = new asd.TextureObject2D();
square.Position = new asd.Vector2DF(width * row + offsetX, height * col + offsetY);
square.Texture = texture;
asd.Engine.AddObject2D(square);
}
}
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
イメージとしては上の画像をテクスチャとして並べただけです。
スクショでは分かりませんが、内側の線が全て太く描画されてしまいました。
これは、ちょっと見づらいですね・・・
よし、9×9マスの画像を作成して、1枚のテクスチャーにしよう。
上の画像を修正して、
これを一つのテクスチャオブジェクトに貼り付けます。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("数独解析ツール", 1000, 800, new asd.EngineOption());
// 下地
var background = new asd.GeometryObject2D();
asd.Engine.AddObject2D(background);
var bgRect = new asd.RectangleShape();
bgRect.DrawingArea = new asd.RectF(0, 0, 1000, 800);
background.Shape = bgRect;
// テクスチャー
asd.Texture2D texture = asd.Engine.Graphics.CreateTexture2D("squares.png");
// マス
int offsetX = 10;
int offsetY = 10;
var square = new asd.TextureObject2D();
square.Position = new asd.Vector2DF(offsetX, offsetY);
square.Texture = texture;
asd.Engine.AddObject2D(square);
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
うん、いいんじゃないでしょうか。
次は文字の作成をやってみます。
前回はAltseedというライブラリを使用してみたのですが、
このライブラリって調べてみると、構造はシンプルでゲーム制作に必要な機能は一通り揃っている（と思う）のですが、
シンプルすぎるというか、基本的なグラフィックス機能が少々貧弱な気がします。
例えば、四角形を表示させる場合、色の指定はできず、基本的に画像をテクスチャとして表示する、というイメージです。
なので、もうちょっと調べてみました。
ゲームライブラリにこだわらず、グラフィックスライブラリという括りで検索してみると、openTKというライブラリを発見しました。
これはopenGLのラッパーのライブラリですね。
openGLの機能はほぼほぼ使用できると考えていいようです。
NuGetに登録されているのでNuGetからopenTKを検索するとダウンロードして参照できるようになります。
サンプルコードを入力してみました。
https://masuqat.net/programming/csharp/OpenTK00-03.php
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenTK;
using OpenTK.Graphics;
using OpenTK.Graphics.OpenGL;
using OpenTK.Input;
namespace OpenTK_sample
{
class Program
{
[STAThread]
static void Main(string[] args)
{
using (Game window = new Game())
{
window.Run(30.0);
}
}
}
class Game : GameWindow
{
public Game() : base(800, 600, GraphicsMode.Default, "0-3:GameWindow")
{
}
//ウィンドウの起動時に実行される。
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
GL.ClearColor(Color4.Black);
GL.Enable(EnableCap.DepthTest);
}
//ウィンドウのサイズが変更された場合に実行される。
protected override void OnResize(EventArgs e)
{
base.OnResize(e);
GL.Viewport(ClientRectangle.X, ClientRectangle.Y, ClientRectangle.Width, ClientRectangle.Height);
GL.MatrixMode(MatrixMode.Projection);
Matrix4 projection = Matrix4.CreatePerspectiveFieldOfView((float)Math.PI / 4, (float)Width / (float)Height, 1.0f, 64.0f);
GL.LoadMatrix(ref projection);
}
//画面描画で実行される。
protected override void OnRenderFrame(FrameEventArgs e)
{
base.OnRenderFrame(e);
GL.Clear(ClearBufferMask.ColorBufferBit | ClearBufferMask.DepthBufferBit);
GL.MatrixMode(MatrixMode.Modelview);
Matrix4 modelview = Matrix4.LookAt(Vector3.Zero, Vector3.UnitZ, Vector3.UnitY);
GL.LoadMatrix(ref modelview);
GL.Begin(BeginMode.Quads);
GL.Color4(Color4.White); //色名で指定
GL.Vertex3(-1.0f, 1.0f, 4.0f);
GL.Color4(new float[] { 1.0f, 0.0f, 0.0f, 1.0f }); //配列で指定
GL.Vertex3(-1.0f, -1.0f, 4.0f);
GL.Color4(0.0f, 1.0f, 0.0f, 1.0f); //4つの引数にfloat型で指定
GL.Vertex3(1.0f, -1.0f, 4.0f);
GL.Color4((byte)0, (byte)0, (byte)255, (byte)255); //byte型で指定
GL.Vertex3(1.0f, 1.0f, 4.0f);
GL.End();
SwapBuffers();
}
}
}
これだけではちょっと難しそうだけど、必要なものだけ使用すればうまくいきそう。
ただ、一番の問題は座標系。
openGLの世界では、(0,0)がウインドウの中心にあり、左上が(-1.0-1.0)で右下が(1.0,1.0)になる。
これはこれで扱いが難しい。
うーん、ハードルが高い・・・。
CGを使うにはちょうどいいかもしれないけどね。
数独解析ツールをGUI化するにあたって、
まずはAltseedライブラリが使用できることを確認します。
まずは、以下のサイトからライブラリをダウンロード。
https://altseed.github.io/index.html
zipファイルを解凍すると、ドキュメント、ライブラリ本体、サンプルプログラムなどが入っています。
基本的にドキュメントの中にあるイントロダクションを参照すれば良いのですが、内容が古いのか、この通りにやっても上手くいかないので、手順をまとめておきます。
あ、開発環境はWindows10、Visual Studio 2019です。
まず、Visual Studio 2019を立ち上げでプロジェクトを新規作成します。
作成するプロジェクトの種類は.NET Frameworkのコンソールアプリです。
プロジェクトを作成したら、参照の追加で、Altseed.dllを追加します。
Altseed_core.dllは、たぶんネイティブのDLLなので、C#から参照できません。プロジェクトをビルドした後、実行ファイルと同じフォルダにコピーしてください。
サンプルプログラムは以下の通りです。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace sudokuGUI
{
class Program
{
[STAThread]
static void Main(string[] args)
{
// Altseedを初期化する。
asd.Engine.Initialize("Empty", 640, 480, new asd.EngineOption());
// Altseedが進行可能かチェックする。
while (asd.Engine.DoEvents())
{
// Altseedを更新する。
asd.Engine.Update();
}
// Altseedを終了する。
asd.Engine.Terminate();
}
}
}
実行すると、こうなります。
こちらの記事でサブスクの利用状況を洗い出したのですが、
見直した結果、以下の様になりました。
合計9424円。
2988円の削減が見込めます。
1万円以下の目標達成。
大きなポイントは、DropBoxを解約したこと。
保存しているメディアファイルのサイズが思ったより少なかったので、oneDriveの1TBに収まりましたので、DropBoxは不要になりました。
もし、サイズが足りなくなっても、oneDriveに1TB追加で1124円で容量追加できます。
DropBoxを2TB利用するよりも安上がりです。
あと、マガジンウォーカーがサービス終了したので、その代替サービスとなるブックウォーカー読み放題を使用開始しました。
月刊コミックは今まで通り読むことができますし、新たにきらら関連雑誌も読み放題に含まれるようになりました。
ただし、週刊アスキーが読み放題で無くなってしまった・・・
そして、一番残念なのが、iOSのリーダーアプリの使い勝手が絶望的に悪い。
一度ダウンロードしてしまえばマシになるのですが、それまでの操作感が最悪。
Webで見た方が良いのか、アプリで見た方が良いのか、いろいろ試してみたいと思います。