Forked from: cx20's [WebGL] Grimoire.js で木星を表示させてみるテスト View Diff (14)

Fork
1
Fav
0
View
510
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 25 lines
  • HTML 19 lines
  • CSS 11 lines
[WebGL] Grimoire.js で動画テクスチャを試してみるテスト

<対応した点>
・テクスチャを動画テクスチャに変更
 変更前)texture="http://jsrun.it/assets/6/8/Z/v/68Zv6.jpg"/
 変更後)<video-texture src="http://jsrun.it/assets/G/B/h/x/GBhxi" currentTime="10"/>
     <mesh geometry="sphere" texture="query(video-texture)" />

<素材>
Credit: NASA/JPL/University of Arizona

<更新履歴>
2017/04/07 ライブラリ更新。メモリリーク改善。grimoire-preset-basic.js v1.9.22
2017/04/06 ライブラリ更新。動画テクスチャがループするよう改善。grimoire-preset-basic.js v1.9.20
2017/03/25 初版。動画テクスチャがループしない。grimoire-preset-basic.js v1.9.8

<参考>
■ File_PIA02863 - Jupiter surface motion animation.gif - Wikipedia, the free encyclopedia
https://en.wikipedia.org/wiki/File:PIA02863_-_Jupiter_surface_motion_animation.gif
■ Catalog Page for PIA02863
http://photojournal.jpl.nasa.gov/catalog/PIA02863
■ Gfycat - jiffier gifs(アニメーションgif→webm,mp4 変換)
http://gfycat.com/
■ Fun With Live Video in WebGL - Learning Three.js
http://learningthreejs.com/blog/2012/02/07/live-video-in-webgl/
■ Three.js で木星を表示させてみるテスト(その2)
http://jsdo.it/cx20/0h13
  • [WebGL] Grimoire.js で動画テクスチャを試してみるテスト
  • [WebGL] Grimoire.js で動画テクスチャを試してみるテスト

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

■ 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