Fork
1
Fav
0
View
2040
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 92 lines
  • HTML 102 lines
  • CSS 11 lines
Three.js + ShaderMaterial を試してみるテスト

three.js のサンプル
 ■ three.js webgl - materials - shaders [custom]
 http://threejs.org/examples/webgl_shader2.html
を少し改造してみました。

<対応した点>
・コードの簡略化の為、ライブラリの依存関係を削除(Detector.js / Stats.js)
・fragment_shader1~4 → fragment_shader1 のみを表示するよう変更
・GLSL のコードを GLSL Sandbox より移植
 <GLSL Sandbox より移植する際の変更点>
 変更前)vec2 position = ( gl_FragCoord.xy / resolution.xy ) / 4.0;
 変更後)vec2 position = vUv;

<参考>
■ three.js webgl - materials - shaders [custom]
http://threejs.org/examples/webgl_shader2.html

■ GLSL でドット絵を描いてみるテスト - CX's Hatena Blog
http://cx20.hatenablog.com/entry/2014/03/16/224946

■ ドット絵をうにょーんとジャンプさせてみる
https://glsl.heroku.com/e#15569.0
  • Three.js + ShaderMaterial を試してみるテスト
  • Three.js + ShaderMaterial を試してみるテスト

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

Forked

sort by