2012/07/24_Web先端技術味見部#7 (仮テーマはThree.js)#ajimibu

0
テケテケ @tekepata

three.jsは現在revision49で、そろそろ成熟してきたとのこと。 #ajimibu

2012-07-24 19:57:36
シライシシュンペイ @Shumpei

レンダラー(WebGLRenderer)を作ったら、次はシーン(Scene)を作る。#ajimibu

2012-07-24 19:59:54
nakamura001 @nakamura001

RT @Shumpei: 最新Chrome+最新MacではWebGLが動かないらしい。#ajimibu

2012-07-24 20:00:06
そらろぼ@ただの無職 @sky_rob

RT @Shumpei: 最新Chrome+最新MacではWebGLが動かないらしい。#ajimibu

2012-07-24 20:00:44
nakamura001 @nakamura001

WebGL、少なくと最新ChromeとMBP Retinaでは問題無いみたい http://t.co/ExEAm1iO #ajimibu

2012-07-24 20:01:58
シライシシュンペイ @Shumpei

Three.jsは300kb超。大きいけど、WebGLを直接扱う開発コストに比べたら微々たるもの。#ajimibu

2012-07-24 20:02:24
テケテケ @tekepata

cameraのnearとfarとview angleによって、レンダリング範囲を設定する。 http://t.co/1jHa2zRd #ajimibu

2012-07-24 20:03:33
殺意駆動開発 @toru_inoue

株式会社KISSAKIの人。うどんとゲームとサービス作ってる。

https://t.co/ZS2rIDIp3q

テケテケ @tekepata

カメラとか光源とか昔OpenGLの勉強をした時に勉強したけどすっかり忘れた……。 #ajimibu

2012-07-24 20:04:29
シライシシュンペイ @Shumpei

カメラ(PerspectiveCamera)をシーンに追加する。必要なパラメータはviewAngle(カメラの角度)、near,far(カメラに移し込む範囲)、aspect(縦横比)。例えばnear=1,far=1000,viewAngle=80など。#ajimibu

2012-07-24 20:04:46
close_yutori @kimukou2628

(#ajimibu ust at http://t.co/scUmfk6M ) http://t.co/V0wx8REQ このページを見ながら解説聞いてる(去年のAdventCalenderで書かれた入門記事

2012-07-24 20:06:00
テケテケ @tekepata

OpenGL(WebGL)の座標系は右手系(親指がz(手前向き))。 #ajimibu

2012-07-24 20:06:03
ぐら @grapswiz

RT @Shumpei: 最新Chrome+最新MacではWebGLが動かないらしい。#ajimibu

2012-07-24 20:06:18
テケテケ @tekepata

ちなみにDirectXは左手座標系だったりする。 #ajimibu

2012-07-24 20:07:21
close_yutori @kimukou2628

(#ajimibu ust at http://t.co/Td7BmFcA ) IEはまだ対応できない。セキュリティの問題が今MacとChromeで起きている(GPUメモリ干渉。 MSさんにはWebDirectXみたいな物を希望したい との事

2012-07-24 20:09:46
テケテケ @tekepata

sceneを複数作ったり、cameraを複数作ったりもできる。 #ajimibu

2012-07-24 20:10:34
close_yutori @kimukou2628

(#ajimibu ust at http://t.co/Td7BmFcA ) new THREE.CubeGeometry(200, 200, 200); //四角を書いている 縦、横、高さ

2012-07-24 20:12:28
シライシシュンペイ @Shumpei

MeshLambertMaterialで色のテクスチャを張る。#ajimibu

2012-07-24 20:13:55
鎌玉 大 @kamatamadai

RT @Shumpei: 最新Chrome+最新MacではWebGLが動かないらしい。#ajimibu

2012-07-24 20:16:38
シライシシュンペイ @Shumpei

光があたっていないので、せっかく作った赤い立方体が真っ黒に。カメラも真正面からなので、3Dっぽさもない。#ajimibu

2012-07-24 20:16:42
えくすん @exnn

RT @Shumpei: 最新Chrome+最新MacではWebGLが動かないらしい。#ajimibu

2012-07-24 20:16:47