Babylon.js

Babylon.jsのチュートリアルをやってみるその24

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Shadows 今日はShadowの残りの部分、ライトをやります。 シャドウジェネレータで作った影は一つのライト…

Babylon.jsのチュートリアルをやってみるその23

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Shadows 引き続きShadowをやります。 今日は影の効果について。 全部まとめられたよさげなサンプルがあ…

Babylon.jsのチュートリアルをやってみるその22

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Shadows 今日はShadowをやります。 少し量があるので何回かに分けていきます。 まずは生成するところか…

Babylon.jsのチュートリアルをやってみるその21

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Height_Map 今日はHeight Map です。 なんだかイメージし切ってなかったのでunityのマニュアルを参照し…

Babylon.jsのチュートリアルをやってみるその20

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Environment 今日は背景色を変えていきます。 ここまでずっとグレーの背景でしたがようやく卒業できそう…

Babylon.jsのチュートリアルをやってみるその19

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Particle 今日もパーティクルです。 昨日は基本的なパーティクルの変化を楽しみました。 GPUパーティク…

Babylon.jsのチュートリアルをやってみるその18

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Particle 今日もパーティクルです。 昨日は基本的なパーティクルを作って再生させてみました。 今日はパ…

Babylon.jsのチュートリアルをやってみるその17

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Particle 今日はパーティクルです。 パーティクルは種類も多いため何回かに分けます。 昨日のSprite同様…

Babylon.jsのチュートリアルをやってみるその16

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Sprite Spriteとは2Dゲームでよく見かけるキャラがアニメーションしたり たくさんの木を生やしたりする…

Babylon.jsのチュートリアルをやってみるその15

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 https://doc.babylonjs.com/babylon101/raycasts Raycastと述語関数 Raycastの続きです。 昨日はRayを使ってcubeを大きくす…

Babylon.jsのチュートリアルをやってみるその14

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 https://doc.babylonjs.com/babylon101/raycasts Raycast Raycastはきちんと理解して行きたいので何回かに分けます。 RayCa…

Babylon.jsのチュートリアルをやってみるその13

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Picking Collisions あまりピンとこないタイトルでしたがやっていることは単純 画面クリックなどのイベ…

Babylon.jsのチュートリアルをやってみるその12

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 [https://doc.babylonjs.com/babylon101/intersect_collisions-mesh:embed:cite] Intersect Collisions -Mesh これなんだろ…

Babylon.jsのチュートリアルをやってみるその11

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com Collision アニメーションを抜け今日からは衝突です。 といってもいくつかあるうちの一つのようです。 …

Babylon.jsのチュートリアルをやってみるその10

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com animation 引き続きanimationについてです。 Animation weights UnityでいうところのAnimationStateに近…

Babylon.jsのVR

これは Babylon.jsを触ってみるサンプルです。 後で自分で見返す用のメモでもあります。 今日の参考 www.babylonjs-playground.com Babylon.jsでのVR 先日からずっとアニメーションについてやってましたが、 今日は調子が悪かったので明日にして、VR化どうや…

Babylon.jsのチュートリアルをやってみるその9

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com animation 昨日に引き続きanimationについてです。 animetionもう少しちゃんと理解したいので明日もう一…

Babylon.jsのチュートリアルをやってみるその8

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com animation 今日はanimationについてです。 animationやってみたら難しかったので2つにわけます。 Babylo…

Babylon.jsのチュートリアルをやってみるその7

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 Light 今日はLightについてです。 Lightの種類 Lightは4種類 それぞれについてみていきます。 The Point Light →Unityでもおなじみの。…

Babylon.jsのチュートリアルをやってみるその6

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 カメラ 今日はカメラについてです。 これまで使っていたカメラの定義は以下のようなものでした。 var camera = new BABYLON.ArcRotateC…

Babylon.jsのチュートリアルをやってみるその5

これは 昨日に引き続きBabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com マテリアル 今日はマテリアルでした。 あれこれやってようやく色の変更に来た感じです。 基本的なフロー…

Babylon.jsのチュートリアルをやってみるその4

これは 昨日に引き続きbabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com 位置・回転 サンプルでは情報を示すために色々コードを付与されていてわかりにくかったが、 チュートリ…

Babylon.jsのチュートリアルをやってみるその3

これは 昨日に引き続きbabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com 線を使って色々する 昨日は基本的な図形を表示するチュートリアルでしたが、 今日は線を表示したり線を…

Babylon.jsのチュートリアルをやってみるその2

これは 昨日に引き続きbabylon.jsのチュートリアルをやっていく記事です。 自分であとで思い返す用のメモでもあります。 今日の参照 doc.babylonjs.com 基本的な図形を作っていく Three.jsにもあるように基本的な図形はbabylon.js側で用意されています。 チ…

Babylon.jsをどこから始めるか

これは 開発環境に悩みつつもBabylon.jsをスタートさせてみた記事です。 今日の参考 公式のチュートリアルです。 色々教材(全部英語)を探してみたけれどここが一番簡単そうなのでここできちんと基礎を固めます。 doc.babylonjs.com Babylon.jsを学ぶ目的 最…

Babylon.jsの開発環境になやむ

これは Babylon.jsの開発環境に悩んでいる記事です。結論はまだ出てません ことのはじまり Babylon.jsやっていこうって決断したはいいものの、開発環境の決定版みたいなものがなくて困っている。 そんな中、素晴らしいまとめがあったのでこちらを参考に色々…

Babylon.jsとはなんだろう

これは? Babylon.jsについて調べたメモ書きです。 はじめに Three.jsを調べているとだんだんBabylon.jsというものがあることに気づき こっちのほうが良いのでは?という気持ちが出てきたので調べてみることにした Babylon.jsとは Webブラウザ上で3Dグラフィ…