WebGL スライド共有サービスを作ってみました

38 views
Skip to first unread message

hakobera

unread,
Feb 12, 2011, 10:53:54 AM2/12/11
to hack_webgl
皆様、こんばんわ。
hakobera です。

先週の勉強会の発表の際に利用した WebGL で作ったスライドに興味を持った方がいたようなので、連休の勢いで Web サービス化してみまし
た。

WebGLeit
http://web.gleit.net

WebGLeit という名前は WebGL と glenten (ドイツ語でスライド)をくっつけて、語呂がいいところで切ってつけました。
実用性はともかく、旬なネタとしては面白いんじゃないかな、と思っています。良かったら使ってみてください。
なお、スライドの作成には、Google アカウントが必要です。

【動作確認環境と既知の問題点】

・Windows
 Chrome 10 dev : 編集画面が重い。キー操作にほとんど反応してくれない
 Firefox 4 β11 : 編集画面が重いが、Chrome よりはマシ。

・Mac OS X
 Chrome 10 dev : スライドの 60% 位が真っ白になってしまう
 Firefox 4 β11 : 特に問題なし
 Webkit Nightly Build : 特に問題なし

公式にサポートしている Chrome よりも、Firefox の方が安定して動くというのが意外でした。

もし、上記以外に環境での動作報告やご意見、ご希望などがあれば、報告いただけると嬉しいです。

nyamadan

unread,
Feb 12, 2011, 11:30:16 AM2/12/11
to hack_webgl
にゃまだんです

ウェブサービス化,早くてびっくりしました
流石です

当方のWindows環境ではChrome 9 stableだと動かないみたいです(トップのスライドも表示されませんでした)
Chromium Latest Buildなら動作しそうな感じです,編集画面も動作しました

もし,できるのであれば動画再生ができればいいなー

nakamura001

unread,
Feb 12, 2011, 12:01:30 PM2/12/11
to hack_webgl
nakamura001です。

良いですねぇ。Googleアカウントが有れば使えるってものGoodです。

Mac OS XのMinefield 4.0b12preでも問題無く表示されました。
Chromeは確かに白い部分が出ちゃいますね。

作ったスライドを一般に公開する場合はどうするのかと
思いましたがShowボタンを押して表示されたURLを
アナウンスするって流れなんですね。ここに「ツイートする」ボタンが
付いてるのも良かったです。

On 2月13日, 午前12:53, hakobera <hakob...@gmail.com> wrote:
> 皆様、こんばんわ。
> hakobera です。
>
> 先週の勉強会の発表の際に利用した WebGL で作ったスライドに興味を持った方がいたようなので、連休の勢いで Web サービス化してみまし
> た。
>
> WebGLeithttp://web.gleit.net

tmiyamon

unread,
Feb 12, 2011, 3:52:10 PM2/12/11
to hack_webgl
おおーすごい!

これソースgithubとかに公開しないんですか?
誰か(っていうか僕が)がcontributeするかも!?

とりあえず動作報告をー
・Linux gentoo 64bit
Chromium 10.0.648.11 特に問題なし
・Mac OS X
Chrome 9.0.597.102 特に問題なし

僕の環境では白い部分っていうのは特に出ませんでした。
キー操作も反応してるようで動作は良好です。

ただ
編集領域で行の先頭でbackspaceを押す
or
クリックする(フォーカスを新しく得る?)と
編集領域が下に伸びていくという現象に遭遇しました。
そして特にsaveを押さなくてもスライドが量産されていくw

Murakami

unread,
Feb 12, 2011, 6:27:47 PM2/12/11
to hack_...@googlegroups.com
すばらしいですね!

Mac OSX 10.6.6 Chrome 9.0.597.102ですが、白い部分でちゃいました。
同じバージョンなのになぜ違いがでているんでしょうね?
FireFox Nightly Build は問題なく動作しているようです。
キー操作にも特に不都合はないです。

Kazuyuki Honda

unread,
Feb 14, 2011, 7:59:28 AM2/14/11
to hack_...@googlegroups.com
皆様

動作報告ありがとうございます。
Linux でも動くんですね、よかったです。
でも同じバージョンでも動いたり、動かなかったりということは、グラフィックボードとかの違いでしょうかね?まだ、WebGL
を実践で使うとなると、悩ましいですね。なんか初期の DirectX の互換性の問題を思い出します。

> にゃまだん さん

Chrome 9 で動かないとのことでしたが、会社の Chrome 9 (Windows XP)
では表示できたので、グラフィックボードとかの問題かもしれませんね。

あと、動画はできるのですが、容量が大きい動画だと頻繁に読み込みに失敗するので、あえてサンプルからは外してあります。

VIDEO url

すごく短い動画なら使えるはずです。ただ、Chrome が H264 サポートを切ったおかげで、WebM でエンコードしないといけないう罠があります。

> tmiyamon さん
> これソースgithubとかに公開しないんですか?

使ってるライブラリのライセンス周りとテストを整理したら、公開したいと思います。とはいっても元のライブラリの機能をほとんどそのまま使っているので、そっちを見たほうが良いかもしれません。

元ネタ Magi の github
https://github.com/kig/magi


>編集領域で行の先頭でbackspaceを押す
>or
>クリックする(フォーカスを新しく得る?)と
>編集領域が下に伸びていくという現象に遭遇しました。

あ、これバグですね。ご指摘ありがとうございます。
時間を見つけて、修正します。

> そして特にsaveを押さなくてもスライドが量産されていくw

これは仕様です。
会社の同僚にも突っ込まれましたが、
jsdo.it とかがそうなっているので、自分では良いかなぁ、と思っています。
間違えて作ったら、消せば良いだけの話なので。

2011年2月13日8:27 Murakami <murakami...@gmail.com>:

Reply all
Reply to author
Forward
0 new messages