出来事

外出自粛でやることが無い？プログラミングを始めればいいじゃない。

コメントする

外出できないからこそ、おうちでもできるプログラミングを始めましょう。

プログラミングを通じで論理的思考を身につければ、プログラミング以外の所でも役に立ちますし、サクッとマクロを作成できるレベルになれば作業スピードも速くなります。

必要な物はパソコンとインターネット環境のみ。

プログラミングに必要な実行環境はインターネットからダウンロードできますし、必要な情報もインターネットにほとんど揃っています。

まずは言語は何でもいいので、チュートリアルに従って実行環境を構築し、実際に動かすところまでやってみましょう。

そういうのをやっていって、こつがつかめたら、少しレベルの高いものに挑戦してみたり、自分でオリジナルのプログラムを作ってみるのも良いかもしれません。

どの言語を選ぶか。

WEB系なら、PHP、HTML、JavaScript、CSS等

Web系は様々な技術が組み合わさって動いているので、これらのうち一つではなく、幅広く学ばなければ行けません。

しかし、Webで動作するので、動作確認は比較的簡単だったりします。

手軽に動かせるスクリプト系

Python、Rubyならテキストエディタでコードを書いて、すぐに動かすことができますので、とっても手軽です。

応用すればマクロ的な一括処理もできちゃいます。

がっつりコーディングしたい系

C/C++、C#、Java等

本格的にプログラミングをやりたい人向け。

コーディングするのにIDEという統合開発環境を使用します。

結構重たいので、それなりにマシンパワーを使います。

将来的にプログラマーになりたいのでしたら、Web系やJava等が需要があるようなので、このあたりを選択すれば良いと思います。

せっかくおうちで過ごすんなら、いえでゴロゴロするより、プログラミングやろうぜ。

C#, 技術

【C#】【ALTSEED】【数独】UIを考える。

コメントする

前回までの状況はこちら。

【C#】【ALTSEED】【数独】マウス操作をいろいろ

Windowsのフォームとかではなく、ゲームのグラフィックスをうまく利用したUIにしようと思いまして、こんな感じで数独GUIを考えてみました。

まず、マスの上にマウスカーソルがある場合、そのマスの色を変えます。

入力対象のマスをわかりやすくするためです。

雑コラですまん。

マスをクリックすると、数字パネルを表示します。

このパネルの数字をクリックすると、その数字がマスに入力されます。

×をクリックすると、マスの数字を削除します。

パネルの外をクリックすると、パネルを消去します。

基本的なUIはこんな感じで、後は解析開始ボタンを設置すれば十分かと思います。

よし、これでいこう。

ぼっち

【ぼっち】手づくり惣菜のミツバチでテイクアウト

コメントする

札幌市も感染拡大しつつあると言うことで、今回は居酒屋に飲みに行くのでは無く、お店でテイクアウトしておうちで飲むことにしました。

お店はここ。

手づくり惣菜のミツバチ

基本テイクアウトのお店ですが、店内で立ち飲みもできちゃいます。

看板メニューはメンチカツ。

これで500円です。

注文を受けてから揚げてくれるので、揚げたてが食べられます。

お店で待つのが嫌なら、あらかじめ電話で注文しておくと待たずに買えます。

やっぱり揚げたては美味しいね。

曜日毎にサービス内容が異なるので、お店のホームページで確認すると良いよ。

https://www.mitubati-nanngou.com

騒動が落ち着いたら飲みに行くよ。

C#, 技術

【C#】【ALTSEED】【数独】マウス操作をいろいろ

コメントする

前回までの状況はこちら。

【C#】【ALTSEED】【数独】文字列を表示する

今回はマウス操作を試してみます。

マウスカーソルの位置をリアルタイムで表示、さらに左クリックするとその座標を表示する、という感じでやってみます。

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日のスケジュールはこんな感じ。

  • 午前6時　起床
  • 　～　　朝飯・テレビ
  • 午前8時
  • 　～　　パソコン作業
  • 正午　　昼飯
  • 　～　　主にゲーム
  • 　　　　※この当たりから耳鳴りと目の疲れが出てくる
  • 午後4時　お風呂
  • 　～　　テレビ
  • 午後5時　夕食
  • 　～　　主に動画とか
  • 午後9時　就寝

こうやって見ると、健康的な生活を過ごしていると思われますが、

生産的な作業が半日しかできていない状態です。

原因は分かっているんですよ。

首と肩のこりです。

肩の方はだいぶ調子が良くなったのですが、

首の方が辛いです。

一生懸命首の筋肉を伸ばしているんですけどね。

ストレッチってヤツです。

今はとにかくストレッチを続けて、症状が改善するのを待つしか無くて。

まぁ、焦らず頑張ります。

C#, 技術

【C#】【ALTSEED】【数独】文字列を表示する

1件のコメント

前回までの状況はこちら。

【C#】【Altseed】【数独】マスを作成する

実際に文字、というか、数字を画面に表示するのですが、

ゲームライブラリを使用しているので、普通に文字を表ずる事ができないのですよ。

このライブラリではフォントジェネレータというツールを使って、使用する文字を別ファイルで用意する必要があります。

こんなテキストファイルを作成して、

こんな感じでフォントファイルを作成します。

このとき生成される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

これはお酒が飲みたくなる。

太るからやらないけど。

C#, 技術

【C#】【Altseed】【数独】マスを作成する

1件のコメント

とりあえず、下地となるマスを書いてみます。

最初考えたのは、

こんな画像を用意して、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();
        }
    }
}

うん、いいんじゃないでしょうか。

次は文字の作成をやってみます。

C#, 技術

【C#】openTKを使用してみる

1件のコメント

前回はAltseedというライブラリを使用してみたのですが、

このライブラリって調べてみると、構造はシンプルでゲーム制作に必要な機能は一通り揃っている（と思う）のですが、

シンプルすぎるというか、基本的なグラフィックス機能が少々貧弱な気がします。

例えば、四角形を表示させる場合、色の指定はできず、基本的に画像をテクスチャとして表示する、というイメージです。

なので、もうちょっと調べてみました。

ゲームライブラリにこだわらず、グラフィックスライブラリという括りで検索してみると、openTKというライブラリを発見しました。

https://opentk.net/index.html

これは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を使うにはちょうどいいかもしれないけどね。

自分、ぼっちですが何か？