“Ability proceeds from a fusion of skills, knowledge, understanding and imagination, consolidated by experience.”
MICHAEL KLARKE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare porttitor ipsum a mollis. Pellentesque sagittis enim ac libero luctus, at vulputate ante lobortis. Praesent lacinia, leo sit amet congue malesuada.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor ins.
RECENT ARTCLES
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ets unsers.
babylon.js ステップ3 線Lineを使ったいろいろな形状を表示
いろいろな形状シリーズです。いきましょう！ 線 //Array of points to construct lines var myPoints = [ new BABYLON.Vector3(0, 0, 0), new BABYLON.Vector3(0, 1, 1), new BABYLON.Vector3(0, 1, 0) ]; //Create lines var lines = BABYLON.MeshBuilder.CreateLines("lines", {points: myPoints}, scene); BABYLON.Vector3型で繋いでいきます [...]
babylon.js ステップ2 いろいろなプリミティブを表示
早速いきますBABYLON.MeshBuilderを使っていろいろ作っていきますThree.jsならジオメトリを作って、マテリアルを設定してメッシュを作るのですが、babylonは一行です。 球体 // Add and manipulate meshes in the scene var sphere = BABYLON.MeshBuilder.CreateSphere("sphere", {diameterX: 1, diameterY: 0.75, diameterZ: 0.25}, scene);diameterとは直径のことです。x,y,x好きなサイズに出来ますBabylon.js Playground 箱 // Add and manipulate meshes in the scene var box = BABYLON.MeshBuilder.CreateBox("box", [...]
Three.jsに物理法則を導入できるPhysijs を入れてみたいけど、、
前回の記事で、Three.jsはゲームに使えない的なことを言ってしまったのですが。。 実は、物理法則を簡単にいれる方法があったっぽい。それが、外部ライブラリPhysijsだ！！ 特徴はこうだ！ オブジェクトが重力の影響を受け、お互いに衝突するようになる シーン内の物体の摩擦係数と反発係数を触れる！ Physijs がサポートしているさまざまな形状がある 単純な形状を組み合わせた合成形状もある ハイトフィールドを使用した複雑な形状もできる オブジェクトの動きの制限する点制約、ヒンジ制約、スライダー制約、コーンツイスト制 約、自由度制約 左右の音量がカメラの位置に基づいて決定される音源 何と盛り沢山な！！ いこう と思ったらいろいろメンテされてないらしい qiita.comふむふむ。３年くらいメンテされてないとな、、、Three.jsは結構頻繁にバージョンアップするので、これは厳しいのかなぁ 比較的に新しいのはOimo.js(お芋ドットジェイエス)。お芋かぁ... とりあえず、次回！
babylon.jsで3D表現の初めの一歩
こんにちはどうしても3Dでゲームっぽい物をWeb上で作りたくて、ここ数ヶ月Three.jsを勉強していたのですが、、どうやらゲームを作るにはbabylon.jsの方が良さそうです。なぜ、Three.jsではダメなのか？それは純粋な3D表現ツールだからです。 キャラクターが簡単には歩いたりはしない 地面もただの平面オブジェクト 重力は自前でプログラミング などなど。 何ていうか・・・・全て自作が前提なのです。Unityであるように、重力を付与するモジュールとか無いです。誰かが作ってるかもしれないけれど、公式では無いです。これがとても辛いです。(あったら御免なさい。教えていただきたいです) ぽぽん！とゲーム作りたい！ じゃあUnityやりなさいよ！！ という話なのですが、どうやらWeb上では動作が遅いらしく家庭用ゲーム機とかPCやスマホにインストールする形式じゃ無いと辛いらしいです（未検証） あとは、JSで動かしたいんだ！！既存のWebサービスにシームレスに組み込みたいんだ！という話です。 そこで検討したのが、babylon.js(バビロンジェイエス)名前が、人類の愚かさの象徴であるバベルの塔を作り出したバビロンということで、全然いけてないのがとても気になるのですが。。。バベルの塔果たして、これは目的の物なのか、、 頑張って検証していきます。 www.babylonjs.com 執筆時点の最新版は4.1です。Microsoftのエンジニアが作った物らしく、フリーで使えますし、定期的にアップデートもされており、良さげです。Microsoftと言えばマインクラフト！！きっとマインクラフトみたいな物も、簡単に作れるんじゃないかと予想していますw ただ、babylon.jsにも、一つも問題が。。。。 それは、、、 babylonには日本語のドキュメントが一切ない！！ 書籍もない！！ ということです。Three.jsには素晴らしい書籍がありました。 初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ作者:Jos Dirksen発売日: 2016/07/23メディア: 単行本（ソフトカバー） ですが、babylon.jsにはありません。なので、このブログで説明しつつ、頑張って使っていきたいと思います。 それでは使っていきましょう。なお、Three.jsがある程度使える方を前提に買いていきます！もし、分からない場合は、コチラのThree.jsの書籍を買って、基本的なWebにおける3D表現のお作法を学んだ方がいいかもしれません。初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ作者:Jos Dirksen発売日: 2016/07/23メディア: 単行本（ソフトカバー） まず球体を置いてみる 実行例 [...]
私はサル以下なのか、、、と思ったあなたに。RPGに例えたGitの概念
ヒトにはもっと良い例えがあるはず！ そんなわけで、サルには理解できないRPGで、誤解を恐れずに例えてみた。いつも教えるときに例えて説明しているので、自分で整理するためにメモ。 概念だけなので正確には、こっちのGithubが出してるチートシートを確認してね。 https://github.github.com/training-kit/downloads/ja/github-git-cheat-sheet.pdf git init メモリーカードの初期化 全てはここから始まる。たまにPhpStormなど便利なIDEは勝手にやってる場合がある git clone 友達のセーブデータをメモリーカードにダウンロード。cloneから始める場合はinit不要。 git add セーブするものを選ぶ (RPGの中の状況のうち、セーブするものを選べる。お金だけとか、経験値だけとか、このキャラだけとか) git commit addした状態をメモリーカードへのセーブ git checkout セーブデータのロード(読み込み) git remote クラウドのセーブポイントの設定 メモリーカードではなく、インターネット上のメモリーカードに保存する(bitbucket, githubとか) 何個でも設定できる。 git push git remoteで設定したインターネット上のメモリーカードに保存。 git commit（手元のメモリーカードに保存）した後にやると、そのデータがネットにもコピーされる。 これで、手元にあるメモリーカードを紛失しても、水に濡らしてもセーブデータは失われない git [...]
Nuxt.js × Cordvaでスマホアプリを作ろうとしたメモ
Nuxt.jsでcordovaを利用してiOS,Andoroidアプリが作れたらいいなという 意欲的な事をふと思ったのでやってみたメモです。 Nuxt.jsで作成したWebサイトを簡単にCordovaアプリ化する方法【ホームページを簡単アプリ化】 – こまめ この設定をやってCordova公式のGet Startedを実行https://cordova.apache.org/ cordova platform add browserをやって実行するとブラウザで開けます。 意味ないやん。Webブラウザで開いても。。なので、andoroidプラットフォームを追加します。 ちなみに、npm generateしてdistフォルダにソースが履かれたらwindowsの場合は robocopy dist/ cordova/www/を実行するとcordovaフォルダにソースをコピーできます。 Androidプラットフォーム実行 andoroidプラットフームを追加します cordova platform add android次にビルド cordova build andoroid 結論 いまいち。Nuxt.jsで動いたは動いたけど パスが変だったり、Cordovaがブラックボックスでメンテしずらそうだったり。 iOSだと挙動が不安定なので辞めました。Quasar FrameworkというNuxt.jsっぽくて、モバイル向けのフレームワークがあるので そっちに乗り換えようと思います！ Cordvaの上位互換のCapacitorってのがあるみたいだしね。
