タグ別アーカイブ: TypeScript

[AwayJS] 座標系 (2)

AwayJSを使って、座標系について調べてみるよ。 :boy:

awayjs_coordinates2

AwayJSは、左手座標系Y軸上向きだよ! :cake:
HoverController で、ぐるんぐるん動かせるようにしてみたよ。 :sun:

X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。

続きを読む [AwayJS] 座標系 (2)

[AwayJS] 座標系 (1)

AwayJSを使って、座標系について調べてみるよ。 :boy:

awayjs_coordinates1

AwayJSは、左手座標系Y軸上向きだよ! :cake:

X軸(正値)は赤色、Y軸(正値)は緑色、Z軸(正値)は青色。ライトの位置(方角)は黄色。オブジェクト正面に黄色の矩形を配置。

:caution: LineSegmentが使えないので、PrimitiveCylinderPrefab を代用しているのは残念です。 😥

続きを読む [AwayJS] 座標系 (1)

[AwayJS] 地球儀 (4)

AwayJSを使って、地球儀を作るよ。 :boy:

awayjs_earth4

Mesh を使ってみるよ。 :bouzu:
PrimitiveSpherePrefab と TriangleMethodMaterial を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:
便利なCastクラスも使用した。 :girl:

そして、Skybox と ImageCubeTexture も! :beer:

続きを読む [AwayJS] 地球儀 (4)

[AwayJS] 地球儀 (3)

AwayJSを使って、地球儀を作るよ。 :boy:

awayjs_earth3

Mesh を使ってみるよ。 :bouzu:
PrimitiveSpherePrefab と TriangleMethodMaterial を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:
便利なCastクラスも使用した。 :girl:

続きを読む [AwayJS] 地球儀 (3)

[AwayJS] 地球儀 (2)

AwayJSを使って、地球儀を作るよ。 :boy:

awayjs_earth2

Mesh を使ってみるよ。 :bouzu:
PrimitiveSpherePrefab と TriangleMethodMaterial を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

続きを読む [AwayJS] 地球儀 (2)

[AwayJS] 地球儀 (1)

AwayJSを使って、地球儀を作るよ。 :boy:

awayjs_earth1

Mesh を使ってみるよ。 :bouzu:
PrimitiveSpherePrefab と TriangleMethodMaterial を使ってみたよ。
さらに、DirectionalLight も使ってみたよ。 :cake:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

続きを読む [AwayJS] 地球儀 (1)

[AwayJS] ライト (3) ~colorプロパティ~

AwayJSを使って、ライトについて調べてみるよ。 :boy:

awayjs_light3

colorプロパティを調べてみたよ。 :cake:

AwayBuilder, Prefab3D を用いて、@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」からダウンロードさせていただいたColladaデータとテクスチャをAWD形式に変換した。 :doki:

続きを読む [AwayJS] ライト (3) ~colorプロパティ~

[AwayJS] ライト (2) ~PointLight~

AwayJSを使って、ライトについて調べてみるよ。 :boy:

awayjs_light2

PointLight を調べてみたよ。 :cake:

AwayBuilder, Prefab3D を用いて、@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」からダウンロードさせていただいたColladaデータとテクスチャをAWD形式に変換した。 :doki:

続きを読む [AwayJS] ライト (2) ~PointLight~

[AwayJS] ライト (1) ~DirectionalLight~

AwayJSを使って、ライトについて調べてみるよ。 :boy:

awayjs_light1

DirectionalLight を調べてみたよ。 :cake:

AwayBuilder, Prefab3D を用いて、@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」からダウンロードさせていただいたColladaデータとテクスチャをAWD形式に変換した。 :doki:

続きを読む [AwayJS] ライト (1) ~DirectionalLight~

[AwayJS] 炎のパーティクル (2)

AwayJSを使って、パーティクルを扱うよ。 :boy:

awayjs_fireparticle2

ParticleAnimationSet, ParticleAnimator を使ってみるよ。 :bouzu:
Mesh, ParticleGeometry, PrimitivePlanePrefab も使うよ。 :boy:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

パーティクルの動きとして、ParticleBillboardNode, ParticlePositionNode, ParticleVelocityNode, ParticleScaleNode, ParticleColorNode も使ってみた! :cake:
BlendMode, ColorTransform も使ってるよ! :bear:

ParticleColorState を使って、色変化を実現してみたり。 :beer:

HoverController を用いて、ぐるんぐるん動かせるようにしてみたよ。 :sun:

ParticleAccelerationNode も使おうとしたけど、変なエラー出るん。 :rain:
TypeError: undefined is not an object (evaluating ‘this.indexDictionary[e.id][t]’)

続きを読む [AwayJS] 炎のパーティクル (2)

[AwayJS] 炎のパーティクル (1)

AwayJSを使って、パーティクルを扱うよ。 :boy:

awayjs_fireparticle1

ParticleAnimationSet, ParticleAnimator を使ってみるよ。 :bouzu:
Mesh, ParticleGeometry, PrimitivePlanePrefab も使うよ。 :boy:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

パーティクルの動きとして、ParticleBillboardNode, ParticlePositionNode, ParticleVelocityNode, ParticleScaleNode, ParticleColorNode も使ってみた! :cake:
BlendMode, ColorTransform も使ってるよ! :bear:

ParticleColorState を使って、色変化を実現してみたり。 :beer:

HoverController を用いて、ぐるんぐるん動かせるようにしてみたよ。 :sun:

続きを読む [AwayJS] 炎のパーティクル (1)

[AwayJS] パーティクル (3)

AwayJSを使って、パーティクルを扱うよ。 :boy:

awayjs_particle3

ParticleAnimationSet, ParticleAnimator を使ってみるよ。 :bouzu:
Mesh, ParticleGeometry, PrimitivePlanePrefab も使うよ。 :boy:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

パーティクルの動きとして、ParticleBillboardNode, ParticlePositionNode, ParticleVelocityNode, ParticleColorNode も使ってみた! :cake:
BlendMode, ColorTransform も使ってるよ! :bear:

ParticleAccelerationNode も使おうとしたけど、変なエラー出るん。 :rain:
TypeError: undefined is not an object (evaluating ‘this.indexDictionary[e.id][t]’)

続きを読む [AwayJS] パーティクル (3)

[AwayJS] パーティクル (2)

AwayJSを使って、パーティクルを扱うよ。 :boy:

awayjs_particle2

ParticleAnimationSet, ParticleAnimator を使ってみるよ。 :bouzu:
Mesh, ParticleGeometry, PrimitivePlanePrefab も使うよ。 :boy:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

パーティクルの動きとして、ParticleBillboardNode, ParticlePositionNode, ParticleVelocityNode, ParticleRotationalVelocityNode, ParticleColorNode も使ってみた! :cake:
BlendMode, ColorTransform も使ってるよ! :bear:

続きを読む [AwayJS] パーティクル (2)

[AwayJS] パーティクル (1)

AwayJSを使って、パーティクルを扱うよ。 :boy:

awayjs_particle1

ParticleAnimationSet, ParticleAnimator を使ってみるよ。 :bouzu:
Mesh, ParticleGeometry, PrimitivePlanePrefab も使うよ。 :boy:
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

パーティクルの動きとして、ParticleBillboardNode, ParticleVelocityNode も使ってみた! :cake:
BlendMode も使ってるよ! :bear:

続きを読む [AwayJS] パーティクル (1)

[AwayJS] 光の効果 (2)

AwayJSを使って、光のエフェクトを作るよ。 :boy:

awayjs_effect2

Mesh を使ってみるよ。 :bouzu:
PrimitiveConePrefab と TriangleMethodMaterial を使ってみたよ。
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

さらに、PrimitivePlanePrefab と PointLight も使ってみたよ。 :cake:

ColorTransform とか BlendMode も使ってみたよ。 :bouzu:

続きを読む [AwayJS] 光の効果 (2)

[AwayJS] 光の効果 (1)

AwayJSを使って、光のエフェクトを作るよ。 :boy:

awayjs_effect1

Mesh を使ってみるよ。 :bouzu:
PrimitiveConePrefab と TriangleMethodMaterial を使ってみたよ。
そして、AssetLibrary で、外部画像を読み込んでみたよ。 :sun:

itoz 師匠 :hakase: のスクリプトをこっそり使わせてもらったよ。

続きを読む [AwayJS] 光の効果 (1)

[AwayJS] モデル (5) ~ねぎ振りミク~

AwayJSを使って、モデルを作るよ。 :boy:

awayjs_model5

AssetLibrary でAWDデータを読み込んでモデルを表示してみるよ。 :bouzu:
さらに、DirectionalLight も使ってみたよ。 :cake:

AWDParser が使えるようにする必要があるよ。 :bear:
AwayBuilder, Prefab3D を用いて、@rect 先生 :hakase: の「note.x | [Papervision3D]ねぎ振り完了」からダウンロードさせていただいたColladaデータとテクスチャをAWD形式に変換した。 :doki:

CreateJS(TweenJS) もこっそり使ってみたよ。 :beer:

続きを読む [AwayJS] モデル (5) ~ねぎ振りミク~