Forked from: kyasbal's シェーダーテスト2 View Diff (3) シェーダーテスト3 kyasbal Follow 2017-07-06 12:22:58 License: MIT License Fork2 Fav0 View193 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 3 lines HTML 28 lines CSS 10 lines シェーダーテスト3 // forked from kyasbal's "forked: シェーダーテスト2" http://jsdo.it/kyasbal/QEQ5 // forked from kyasbal's "シェーダーテスト1" http://jsdo.it/kyasbal/shader-test1 <script src="https://unpkg.com/grimoirejs-preset-basic/register/grimoire-preset-basic.js"></script> <script type="text/sort" typeName="testMat"> @Pass{ FS_PREC(mediump,float) @import "basic-vert" #ifdef FS uniform float _time; @{default:0.2} uniform float speed; void main(){ gl_FragColor = abs(vec4(sin(_time/1000.*speed + vTexCoord.x),cos(_time/1000.*speed + vTexCoord.y),0.5,1)); } #endif } </script> <script type="text/goml"> <goml> <scene> <camera> <camera.components> <MouseCameraControl/> </camera.components> </camera> <mesh geometry="cube" material="new(testMat)" position="2,0,0"/> <mesh geometry="cube" material="new(testMat)" speed="3" position="-2,0,0"/> </scene> </goml> </script> シェーダーテスト3 * { margin: 0; padding: 0; border: 0; } body { background: #ffd; font: 30px sans-serif; } // forked from kyasbal's "forked: シェーダーテスト2" http://jsdo.it/kyasbal/QEQ5 // forked from kyasbal's "シェーダーテスト1" http://jsdo.it/kyasbal/shader-test1 <script src="https://unpkg.com/grimoirejs-preset-basic/register/grimoire-preset-basic.js"></script> <script type="text/sort" typeName="testMat"> @Pass{ FS_PREC(mediump,float) @import "basic-vert" #ifdef FS uniform float _time; @{default:0.2} uniform float speed; void main(){ gl_FragColor = abs(vec4(sin(_time/1000.*speed + vTexCoord.x),cos(_time/1000.*speed + vTexCoord.y),0.5,1)); } #endif } </script> <script type="text/goml"> <goml> <scene> <camera> <camera.components> <MouseCameraControl/> </camera.components> </camera> <mesh geometry="cube" material="new(testMat)" position="2,0,0"/> <mesh geometry="cube" material="new(testMat)" speed="3" position="-2,0,0"/> </scene> </goml> </script> * { margin: 0; padding: 0; border: 0; } body { background: #ffd; font: 30px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author kyasbal Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/2DVy/js"></script> art&design GLSL Grimoire.js html5_elements&api library&test WebGL Discussion Questions on this code? Tags GLSL Grimoire.js WebGL art&design html5_elements&api library&test Forked sort by latest page views favorite forked forked: シェーダーテスト3 cx20 00 165 4/28/10 GLSL Grimoire.js WebGL art&design html5_elements&api library&test シェーダーテスト4 kyasbal 10 181 4/31/10 GLSL Grimoire.js WebGL art&design html5_elements&api library&test
