Taro-WebGLサンプルの説明

Size: px

Start display at page:

Download "Taro-WebGLサンプルの説明"

かずゆきすえたけ
5 years ago
Views:

1 WebGL 2017/ 1/19 V.2 cim3d_webgl.zip index_ad01.html DEFINITIONS_ad01.js 6 index.html HTML Document DEFINITIONS.js JavaScript DATA/ UNIX LINUX index.html DEFINITIONS.js DATA/ OS UNIX LINUX Web Apache HTTP Server index.html MS-Windows IIS Mozilla Firefox index.html - 1 -

2 0 100 DEFINITIONS.js Z DEFINITIONS.js DEFINITIONS.js Z Z Z - 2 -

3 WebGL 1 2 boring.txt layers.txt profiles.txt html js JS Java Script CSS Cascading Style Sheets - 3 -

4 JS Java Script DEFINITIONS.js // // DEFINITIONS.dataDir = 'data'; // DEFINITIONS.title = ' 1 '; // =0 =1 DEFINITIONS.background = 0; // 100= 0= DEFINITIONS.opacity = 'borings' : 100, 'profiles' : 50, 'layers' : 75 ; //Z 0.5, 1, 1.5, 2, 5, 10 DEFINITIONS.zScale = 2; // fov m DEFINITIONS.cameraPropaty = 'fov' : 25, 'near' : 1, 'far' : ; // m DEFINITIONS.cameraPosition = 'x' : 400, 'y' : -1000, 'z' : 400 ; // 0 false m DEFINITIONS.axisLength = 200; //m 66mm DEFINITIONS.boring = 'diameter': 2 ; 'data' data sample DEFINITIONS.dataDir = 'sample' 'borings' 'profiles' 'layers' 'near' m 'far' m 1 // JS 2 DEFINITIONS.***** = '*****' :, ; 3-4 -

5 PNG 20dot pixcel m 10dot pixcel BEDSample0001.png m BEDSample0007.png m 120m 120m - 5 -

6 borings.txt %diameter 2 m BEDSample0001.png Y X BEDSample0008.png %diameter m DEFINITIONS.js 500m 2 3m 1000m 5m 1 1 m X m m m images/ layers/images/ PNG JPG dot 200dot WebGL 500dot 1000dot - 6 -

7 S5.jpg 90 layers/coordinates/ csv *.grd 1 51 Ny Y 1 41 Nx X Ymin Ym Y = Ymin + Ny-1 Dy Xmin Xm X = Xmin + Nx-1 Dx 1 10 Dy Y m 1 10 Dx X m - 7 -

8 layers.txt S1.jpg S1.grd S5.jpg S5.grd layers.txt profiles/images/ PNG A1 A A1 A4 A1 A2 A3 A4-8 -

9 profiles/coordinates/ CSV =TSV *.txt PanelDiagram_X5320.txt PanelDiagram_X5320.txt # %bend A1 Y X Z A2 Y X Z A3 Y X Z A4 Y X Z %bend # A1 A4 Y m X m m A1 A2 A3 A4 profiles.txt PanelDiagram_X5320.png PanelDiagram_X5320.txt PanelDiagram_X5780.png PanelDiagram_X5780.txt #PanelDiagram_Y62920.png PanelDiagram_Y62920.txt # 1 1 # Y # profiles.txt - 9 -

10 index1.tml index2.tml /SampleWebGL/ data1/ DEFINITIONS.js borings/ layers/ profiles/ index1.tml data2/ DEFINITIONS.js borings/ layers/ profiles/ index2.tml data/ DEFINITIONS.js index.tml data/ data1/ DEFINITIONS.js data1/ borings/ layers/ profiles/ index.tml index1.tml script type="text/javascript" src="data1/definitions.js" /script data/ data2/ DEFINITIONS.js data2/ borings/ layers/ profiles/ index.tml index2.tml script type="text/javascript" src="data2/definitions.js" /script index.html DEFINITIONS.js data/ CC-By HTML JS CSS index.html

11 index_ad01.html DEFINITIONS_ad01.js // fov m DEFINITIONS.cameraPropaty = 'fov' : 25, 'near' : 1, 'far' : 10000, 'pitch':5 ; 'near' : 1 m // m DEFINITIONS.cameraPosition = 'x' : 0, 'y' : -800, 'z' : 200 ; near = SQRT X^2 + Y^2 + Z^2 'pitch' : = near + pitch * pitch = 1 100m 'pitch' 'pitch'

3. 操作方法 ( 概略 ) 注矢印の方向は [+] 図 -3 三次元地盤モデルの座標軸スライドバー図 -4 制御用の数値やボタンなど不透明度: 平面 ( 境界面 ) のみ可能スライドバーを左右に動かすことによって 0( 透明 ) ~ 100( 不透明 ) の間で変化する初期値は DEFI

3. 操作方法 ( 概略 ) 注矢印の方向は [+] 図 -3 三次元地盤モデルの座標軸スライドバー図 -4 制御用の数値やボタンなど不透明度: 平面 ( 境界面 ) のみ可能スライドバーを左右に動かすことによって 0( 透明 ) ~ 100( 不透明 ) の間で変化する初期値は DEFI 全地連三次元地盤モデルビューア (WebGL) について 2016/11/25 1. ファイルとフォルダ cim3d_webgl.zip は, 図 -1 のファイルとフォルダから構成されている図 -1 モデルビューアを構成するファイルとフォルダ index.html は, 起動用の HTML Document であって, ファイル名の変更が可能である DEFINITIONS.js は, パラメータを格納した