ABA https://blog.hatena.ne.jp/ABA/ ABAの日誌 https://aba.hatenablog.com/ CRTっぽいテキスト画面をWebGLで作るLocatePrintを使って物理エンジンをレンダリングするというデモも作った。 物理エンジンはMatter.jsを使っている。Matter.jsはもちろん自前のレンダラを持っているんだけどそれを他のレンダラで差し替えられる。 差し替える独自レンダラはMatter.jsのRender.jsを参考に作れば良い。特にRender.bodyWireframes関数にボディの頂点を線でつなぐ一番単純な描画方法が実装されているので、これを真似るのが簡単だ。 デモのコードでは、頂点を線でつなぐ部分でテキストを書くようにした。画面をテキストの幅と高さ（40キャラ x… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Faba.hatenablog.com%2Fentry%2F2015%2F09%2F16%2F212335" title="物理エンジンMatter.jsをテキストでレンダリング - ABAの日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://abagames.sakura.ne.jp/15/LocatePrint/consolephysics.gif Hatena Blog https://hatena.blog 2015-09-16 21:23:35 rich https://aba.hatenablog.com/entry/2015/09/16/212335 1.0 100%