ReactNativeでPIXI.jsを動かしてみた結果
ReactとPIXI.jsを連携できて調子に乗ったので、ReactNativeで動かしてみようと思ったのですが、結果は散々でした。結論から言ってしまうと、UnityやRPGツクールMVでいいかなって感じです。
create-react-appでPIXI.jsを動かしてみた
前々からReactとPIXI.jsは組み合わせたかったのですが、いまいちよくわからなかったので今調べ見たら色々Reactと組み合しているライブラリがあったのですがどれもイマイチしっくりきません。今のところシンプルに動かせたのは「react-pixi-fiber」というライブラリです。簡単に言うとReactでPIXI.jsを使えるようにしてくれているラッパーですね。
【pixi.js v5】ES6でコードを書けるようにWebpackを導入
前回pixi.js v5を使って矩形を出そうとしたのですがステージが出るだけで真っ黒のままで何も出ていませんでした。画像パスの問題かなと思ったのですが、どうやらES6の書き方をしていたのが原因でした。
NW.jsとpixi.jsでゲームを作る方法
プチコン4で「LMATRIX」って命令があるのはご存知でしょうか?恐らくプチコン界隈で凄い人が使っているなんか3Dチックなことが出来る命令です。私も前から興味は持っていたのですが、正直見てもよくわかりません。何やら変換行列という何やら難しそうな数学式を使うモノらしいのですが、調べたところ全く意味が分かりません!
React.jsに少し慣れたヤツがNext.jsに入門してみた
Next.jsというのはReactを使ったサーバーサイドレンダリングやらいろいろしてくれるものです。Nuxt.jsのReact版みたいなもんでしょうか。とりえあずどっちも使ってみてしっくりくる方をメインにしようと思います。
【プログラミング入門の入門】テキストを1行ずつ処理してみよう
リキくんは10万行のテキストを一行ずつ調べて、特定のワードが含まれるものだけを抜き出したファイルを作りたいとトモカズくんにプログラミングを教えてもらっています。前回ではテキストファイル丸ごと読み込んでしまっていたので、今回もfsモジュールと新たなreadlineモジュールを使って一行ずつ処理するやり方を覚えていきます。
【プログラミング入門の入門】fsモジュールでファイルの入出力を覚えよう
Node.jsをつかえるようになるとプログラミングの幅が一気に広がります。というのも、プレーンなJavaScriptだけだと組むのが大変な機能をモジュールという単位に一つにまとめて、私たちはそれを呼び出すだけで便利な機能を使うことが出来るようになるのです。
【プログラミング入門の入門】Node.jsとかいうチートアイテム
今回はちょっと趣向を変えてNode.jsというJavaScriptが便利になるツールを導入してみます。Node.jsは簡単にいうとJavaScript強化パーツと思ってください。シンプルなJavaScriptだけだと相当時間をかけてプログラムを組まないとすごいことができないので、正直時間の無駄です。
【プログラミング入門の入門】配列を使ってデータをまとめて処理する
今回は文字列や数字をまとめて管理できる配列という概念を学びます。リキくんのやりたい大量のテキスト処理にはもってこいのプログラムの基本機能です。覚えるとプログラミングの幅が格段に広がるのでリキくんと一緒にしっかり学びましょう。
【プログラミング入門の入門】条件に応じて分岐するプログラムの作り方
リキくんは10万行のテキストを効率よく処理したいと思ってプログラミングを学ぼうとしています。実はこれは結構良い例で、やりたいことに対してプログラミングでどうやるか。そして何を使ってどうすればいいかを考えることが出来るのでプログラミング勉強法としては最適です。