Fork
4
Fav
17
View
9058
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 260 lines
  • HTML 12 lines
  • CSS 11 lines
Three.js + Water Shader を試してみるテスト

<対応した点>
・Ocean デモから Ocean 以外の部分(島の自動生成やKonamiコマンドなど)をコメントアウト
・SkyBox の画像サイズを 1024x1024→512x512 に変更(jsdo.it の1MBの制約の為)

<使用ファイル一覧>
 index.html
 lib/jquery.min.js
 lib/three.min.js
 lib/OrbitControls.js
 js/water-material.js
 js/window.js
 js/demo.js
 js/main.js
 assets/img/waternormals.jpg
 assets/img/px.jpg
 assets/img/nx.jpg
 assets/img/py.jpg
 assets/img/ny.jpg
 assets/img/pz.jpg
 assets/img/nz.jpg

<参考>
■ jbouny / ocean
https://github.com/jbouny/ocean

■ Ocean - Jérémy BOUNY
http://jeremybouny.fr/ocean/demo/
  • Three.js + Water Shader を試してみるテスト
  • Three.js + Water Shader を試してみるテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by