C/C++ Micro:bit(Chibi:bit) 〜オンラインコンパイラ(ワークスペース)の使い方〜

イントロダクション

前回は、Microbitにサンプルプロジェクトをインポートしました。

今度はそれをどのようにして動かすのかを学びます。とりあえずはセットアップがまだ続くようです。

オンラインコンパイラの使い方

プロジェクトのインポートを完了したら下の画面のようにある「コンパイル」をクリックします。

すると「〜HEX」ファイルが出力(ダウンロード)されるのでそれをMirobitにインストールします(HEXファイルを配置します)

※HEXファイルをMicrobitにコピーした時にMicrobitの接続が切れてしまう時があるようです。自分の場合は一度外して再度接続したらプログラムがちゃんと起動しました。

Java Tomcat〜Webサーバをインストール〜

イントロダクション

Micro:bitでボタンを押したらWeb画面に何かを表示しようと考えています。

サンプルとして、良いページ(Microbit)があったのでそれを見てマイクロビットを設定しました。

ブラウザを使うなら。。。

仕事でもよく使うWebサーバーを立ててそこにマイクロビットでリクエストを飛ばすようにしようと思います。

これで小規模のアプリでも楽しめそうだ。

そんなわけで、Eclipseを開き。。。

Tomcatプラグインを追加します。

真ん中の猫だか虎だかわからないやつです。

プラグインのインストールが終わったら、Eclipseの再起動が走ります。

Eclipseが起動したら。。。

左のようなアイコンがEclipseの上部にいると思います。これでプラグインのインストールは完了です。

Tomcatサーバーのインストール

Tomcatサーバーのページからダウンロードします。

上のキャプチャにあるtar.gz.ファイルはMacとかリナックス(Zipもいけそうだが…)他はウィンドウズとか書いてあります。ちなみに自分は「Tomcat8」をダウンロードしました。JDK1.8を使用しているからです。

ダウンロードしてから解凍して、適当な場所に解凍します。ここでいう「適当」というのは、「Eclipseから参照しやすい」という意味です。

Eclipseに戻り、Tomcatの設定

「Mac」　Eclipse -> Preference

「Windows」 wIndow -> Preference

上のような画面を開きます。「Tomcat」を選択してダウンロードしたバージョンを選択します。Tomcat8なら。。。

Tomcatホームを設定

Version8を選択

Tomcatホームに先ほど解凍したTomcatのフォルダを指定する

そして「Apply」でおっけー

プロジェクトの作成

プロジェクトエクスプローラ(プロジェクのところ)を右クリックしてプロジェクトの作成を開きます。

Tomcatプロジェクトを指定して、プロジェクト名をつけます。

今回は「MicrobitServlet」と名前をつけました。

上のようなディレクトリ構成(フォルダ構成)ができていると思います。

そして、プロジェクトを右クリックして「Tomcatプロジェクト」->「Tomcatライグラリをプロジェクトのビルドパスに追加」を選択するとビルドパスにTomcatのライブラリが登録されます。

ビルドパスはここね！

解凍したフォルダの「lib」直下にあるJARファイルです。パスとしては「TOMCAT_HOME(Tomcatを解凍したフォルダ)/lib」になります。

ちなみに、OpenCV、JavaFXなど外部のライブラリ(JAR)を使用するときは必ずビルドパスを使用するので、ビルドパスを理解しておくと後が楽です。

「プロジェクトのビルドパスに〜」

「ビルドパスのさしている場所」

ビルドパスを通した後

ちなみにサーブレット(Spring, Playフレームワーク, SeaSaa, Struts」などもservlet-api.jarは使用しています。JavaEEも当然使用しています。

サーバーを動かす

画面上部のの一番左側をクリックしてください

こんな感じでTomcatが起動します。

「情報: Server startup in 26924 ms」のような文言が出力されたら起動完了です。

ブラウザで「localhost:8080」と入力して画面を開いて見ましょう。

サーバー起動確認完了！

参照するドキュメント(LWJGL-GitBook)

参照コード:Chapter7-1(Gitです)

イントロダクション

前回、なんとか以下のように各Cube毎に「高さ」を与えてやることができました。

しかし、ぱっと見では「よくわからん」のが現状です。なのでこいつを少しはわかりやすくするために「思いやり」を発揮します。

思いやりその１

実は上記のキャプチャは以下のものを示しています(そのつもりです)。

Cubeの「高さ」は家計簿の支出金額を示しています。
7 x 5のマスは１ヶ月を示しています(マスは１日)。

「全然わかんねぇよ！」と怒られそうですが、現状はそんなもんでしょう。

そんなわけで試行錯誤してみます。

手前の面に（月）〜(日)をつけてみる
左の面に１週〜５週までを示す文言を表示する

とりあえずはこれで行ってみようと思います。

テクスチャを貼る

<2018/11/05> 　/** 戦闘中 */

今日の目玉です。ですが、今日はテクスチャを退治することができず。。。

以下のようなエラーが出てしまい、解決に至らず。。。と行ったところです。


Warning validating Shader code: Validation Failed: No vertex array object bound.

java.lang.NullPointerException
at de.matthiasmann.twl.utils.PNGDecoder.readFully(PNGDecoder.java:802)
at de.matthiasmann.twl.utils.PNGDecoder.(PNGDecoder.java:112)
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Texture.loadTexture(Texture.java:31)
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Texture.(Texture.java:14)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.putOnTexturePlate(DummyGame.java:109)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.init(DummyGame.java:81)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.init(GameEngine.java:48)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.run(GameEngine.java:36)
at java.lang.Thread.run(Thread.java:748)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.start(GameEngine.java:27)
at zenryokuservice.gui.lwjgl.kakeibo.game.Main.main(Main.java:13)
java.lang.NullPointerException
at de.matthiasmann.twl.utils.PNGDecoder.readFully(PNGDecoder.java:802)
at de.matthiasmann.twl.utils.PNGDecoder.(PNGDecoder.java:112)
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Texture.loadTexture(Texture.java:31)
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Texture.(Texture.java:14)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.putOnTexturePlate(DummyGame.java:109)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.init(DummyGame.java:81)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.init(GameEngine.java:48)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.run(GameEngine.java:36)
at java.lang.Thread.run(Thread.java:748)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.start(GameEngine.java:27)
at zenryokuservice.gui.lwjgl.kakeibo.game.Main.main(Main.java:13)
java.lang.ArrayIndexOutOfBoundsException: 7
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.putOnTexturePlate(DummyGame.java:109)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.init(DummyGame.java:81)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.init(GameEngine.java:48)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.run(GameEngine.java:36)
at java.lang.Thread.run(Thread.java:748)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.start(GameEngine.java:27)
at zenryokuservice.gui.lwjgl.kakeibo.game.Main.main(Main.java:13)
java.lang.NullPointerException
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Mesh.render(Mesh.java:89)
at zenryokuservice.gui.lwjgl.kakeibo.game.Renderer.render(Renderer.java:70)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.render(DummyGame.java:278)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.render(GameEngine.java:100)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.gameLoop(GameEngine.java:68)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.run(GameEngine.java:37)
at java.lang.Thread.run(Thread.java:748)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.start(GameEngine.java:27)
at zenryokuservice.gui.lwjgl.kakeibo.game.Main.main(Main.java:13)
java.lang.NullPointerException
at zenryokuservice.gui.lwjgl.kakeibo.engine.graph.Mesh.cleanUp(Mesh.java:114)
at zenryokuservice.gui.lwjgl.kakeibo.game.DummyGame.cleanup(DummyGame.java:285)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.cleanup(GameEngine.java:77)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.run(GameEngine.java:41)
at java.lang.Thread.run(Thread.java:748)
at zenryokuservice.gui.lwjgl.kakeibo.engine.GameEngine.start(GameEngine.java:27)
at zenryokuservice.gui.lwjgl.kakeibo.game.Main.main(Main.java:13)

<2018/11/06>

今日も敗北を喫してしまいました。

だけど、NullPointerExceptionは解決しました。

原因は、参照しているファイルが間違っていたことです。実装したコード

そして、Meshクラス１つで２種類のMeshクラスを管理しようとしたりと。。。つまづきました。

そして今日は、ここまで来ました。