タグ WebGL が登録されている動画 ： 95 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
ブラウザ上でMMDを踊らせてみる その6 (JavaScript & WebGL)
前: sm25936936 次: sm25974661
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
Whammy.jsを使用し、直接動画ファイルを生成できるようにした。
音声は動画編集中に後から足しています。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
もっと再配布可能な音声、モデル、モーション、カメラモーションが増えると、
デモで使えて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その5 (JavaScript & WebGL)
前: sm25900381 次:sm25953917
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
ようやく形になってきた感じ。
性能を今から倍くらいに上げたい。
動画はミクで実時間基準動作(50fpsしか出ないので、間に合わないフレームをスキップ)、
次にそばかす魔理沙で60fps動作、
最後に30fpsしか出なかったアリスを2倍速で。
7年前くらいに買ったノートPC上で動いています。
もっと軽いモデルが増えてくれると色々遊べて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その4 (JavaScript & WebGL)
前: sm25738890 次:sm25936936
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
Bullet(Ammo.js)を使って物理演算に対応。
ここまでで実作業日数1ヶ月くらい。色々大はまり。
まだまだまだまだ実装途中。
物理演算が重すぎてWebWorkersであまり性能改善ができなかった。
動画はローポリミクで60fps。その後に15fpsしか出なかった魔理沙を4倍速で少しだけ。
7年前くらいに買ったノートPC上で動いています。
ローポリ初音さん: http://www.geocities.jp/neko_terashima/MMD/index.html
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その1 (JavaScript & WebGL)
次: sm25726043
mylist/49125767
ブログ投稿用。使用しているライブラリは行列計算用のglMatrixのみ。
嫌なことがあったので、むしゃくしゃして3日くらいでここまで作った。
インフルエンザで外出もできなかったし。
まだまだ実装途中。性能改善はIK実装後予定。
東方風STGブラウザゲーム→mylist/38547755
【ニコニコ自作ゲームフェス5】 Phantastic Tryno World Episode 3 【万ナる26】
音と光のシューティング
【タイトル】Phantastic Tryno World Episode 3
【ジャンル】「３Ｄノリノリ(笑)ミュージックシューティング」
【動作環境】Google Chrome（Firefoxは音がちょっと変ですが動きます）
【ＵＲＬ 】http://www.geocities.jp/warotarock/ptw_beta/
【プレイ時間】5分40秒くらい
WebGL製のブラウザゲームです。
ジャンプと緊急回避で飛び回ってＢＧＭのテンポに合わせて撃ちまくります。
音楽素材：Cyber-Rainforce様 powder snow -trance version-, raw men 2009
効果音素材： ザ・マッチメイカァズ様
【いつも見てくれているかた向け】
（地味なので）動画で説明の無い変化
・自動連射の実装
・コンテニューの実装
[リスト]mylist/33115940
【万年エターナるが(ry その25】間に合わなかった動画【自作ゲーム】
はたして間に合うのでしょうか？
間に合いませんでした！
動くには動くけれども完成度がどうにも低すぎ、自分で許せませんでした。
動画だけは作っていたので、せっかくなので投稿。
それにしても今回の参加作品は数も質もとんでもないですね。
すごいなぁ。
音楽素材：Cyber-Rainforce様 powder snow
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
【万年エターナるが(ry その24】エピソード３三分の二【自作ゲーム】
海へ地下へ空へ
「万年エターナるが3Dシューティングを作ります」その24です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
全体の約３分の２までを動くようにしました。
今回は実際に動かせるものは公開していません。
10月4日追記：上記URLで公開しました。
やったこと
・３分の２まで作る
自作ゲームフェス間に合うかなぁ…厳しいなぁ…
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
【万年エターナるが(ry その23】エピソード３三分の一公開【自作ゲーム】
終わらない夏の冬。
「万年エターナるが3Dシューティングを作ります」その23です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
仮配置をもとにエピソード３の序盤部分、全体の約３分の１までを
動くようにして公開しました。今回も8月を区切りにしただけですけども…。
やったこと
・エピソード３の序盤部分を作る
・いくつかの実験
今回は少しだけコメントへのお返事も動画の中で書いてあります。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
【万年エターナるが(ry その22】エピソード３仮配置【自作ゲーム進捗】
この夏、冬が来る
「万年エターナるが3Dシューティングを作ります」その22です。
「Phantastic Tryno World」（エピソード２まで）
http://www.geocities.jp/warotarock/ptw_beta/
絵コンテをもとにエピソード３のステージ仮配置をしてみました。
これから本格的な作りに入り、理想は２カ月で完成させたいと思います。
それにしてもなんつー季節感。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
【万年エターナるが(ry その21a】PTW Episode2 another end
ありがとう。そして、ありがとうございます。
「万年エターナるが3Dシューティングを作ります」その21aです。
この動画はワロタロ本人のヘタレプレイ＋反省会となっております。
good end は（期待せずに）プレイして見てみて下さい。
「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
この動画のゲームは、ニコニコ自作ゲームフェス３にて
「Xbox Live インディーズゲーム賞 優秀賞」を頂きました。
応援して下さった皆様に感謝いたします。
本当にありがとうございました！
音楽素材：Cyber-Rainforce様 remain of old world
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
X3DOMで水面（フレネル反射）を実装してみた．
卒業研究として，X3DOMで水面を実装してみました．
HTMLで3D-CGが描けるWebGLがありますが，ちょっとハードル高いので簡単なX3DOMを使いました．
けど，遠くは反射して近くは屈折するような水面（フレネル反射）はそのままでは実装されていないので，X3DOMでシェーダープログラミングしました．
動画の作り方については慣れてないので，イケてない点についてはご容赦を．
その他の卒業研究はこちら mylist/42793749
【ニコニコ自作ゲームフェス3】 Phantastic Tryno World Episode 2 【万ナる20】
音と光のシューティング
【タイトル】Phantastic Tryno World
【ジャンル】「ＢＧＭ志向ノリノリシューティング(笑)」
【動作環境】Google Chrome、Firefox
【ＵＲＬ 】http://www.geocities.jp/warotarock/ptw_beta/
WebGL製のブラウザゲームです。
ジャンプと左右回避で飛び回ってＢＧＭのテンポに合わせて撃ちまくります。
プレイ時間は5分50秒くらいです。（一発でクリアした場合）
この動画は「万年エターナるが3Dシューティングを作ります」その20にも当たります。
ゲームを完成させたことがない人が今度こそはと地味に頑張っております。
音楽素材：Cyber-Rainforce様 remain of old world
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
【万年エターナるが(ry その19】ステージ２三分の二公開！
ブースターはロマン
「万年エターナるが3Dシューティングを作ります」その19です。
「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
上記URLでステージ２の三分の二の部分を公開しました。
Chrome等のWebGL対応ブラウザでインストール無しで動きます。
要するに開発途中なわけですが、お暇な方はどぞ。
やったこと等
・ステージ２中盤を作る
・泣いて課題を保留（自機の地面、ボスキャラの光、竜巻など）
・心の中に5人くらい主要キャラが生まれた(追記：病気ではない)
・自作ゲームフェス3目指せるかも
音楽素材：Cyber-Rainforce様 remain of old world
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
【万年エターナるが(ry その18】三分の二の途中まで
中途にして過渡期
「万年エターナるが3Dシューティングを作ります」その18です。
今作っているシューティングゲーム「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
の経過報告です。
まだ次のプレイアブルな公開までは時間がかかりそうです。
やったこと
・ステージ２中盤を作る
・ボス戦艦のモデリング
・自機用の地面のようなものを表示してみる(前回動画のコメントから）まだ悩み中
・世界観、ストーリーについて考える
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[リスト]mylist/33115940
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【万年エターナるが(ry その17】ステージ２途中公開！
9月も何だったのか
「万年エターナるが3Dシューティングを作ります」その17です。
今作っているシューティングゲーム「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
の経過報告です。
前回から１か月以上経ってしまいました。orz
タイトルの通り、上記URLでステージ２の前半部分を公開しています。
スケジュールで区切った公開のため完成度は低いですが、お暇な方はどうぞ！
特記事項
・ショットのルール変更（円の中だけ攻撃力２倍）
・モーション追加
・竜巻ムリ
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[前]sm21733024 [リスト]mylist/33115940
【万年エターナるが(ry その16】ステージ２仮置き動かしてみた後半
8月とは何だったのか
「万年エターナるが3Dシューティングを作ります」その16です。
今作っているシューティングゲーム「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
の経過報告です。
ステージ後半も敵機を配置し、多少考えながら敵弾を設定して動かしてみました。
やったこと
・ステージ後半部分の仮置して動かしてみる←今回の動画の主な内容
・ボスキャラのサイズの問題で悩む
・今更ながらショットの奥行き補正機能を実装
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[前]sm21484554 [リスト]mylist/33115940
【万年エターナるが(ry その13】ステージ２絵コンテ
「万年エターナるが3Dシューティングを作ります」その13です。
今作っているシューティングゲーム「Phantastic Tryno World」 http://www.geocities.jp/warotarock/ptw_beta/
のステージ２絵コンテです。
2か月ほど今後のステージやキャラ設定、世界観など考えていました。
そもそもプラットフォームを変えようかなどと考えたり…。
それなりに考えもまとまってきて、そろそろ走り出だしたくなったので
まず絵コンテを作り動画にしました。
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[リスト]mylist/33115940
MMD.js と MMD の挙動を Nostalogic で比較してみた
Original sound: yuukiss (sm9874560)
使用音源: もえこＰによるMEIKOデフォルト声質 ver (sm15378498)
Choreography: Yumiko (sm10267890)
Dance motion: のり (sm12968853)
Character modeling: nanami.W (sm5990356)
Physical operation: gisupeke (sm7480279)
Head set modeling: kio http://kiomodel3.sblo.jp
Character modification: cucumber1138
MMD.js: Atsushi Takayama https://github.com/edvakf/MMD.js
MMD.js と MMD の挙動を Nostalogic で比較してみた。
物理はMMMで焼き込みVMD Reduction Toolでリダクション。
http://indojin.org/cucumber/3DCG/WebMMD/nostalogic.html
【天地創造】チューリングパターンで生物の体表面の模様を自動生成
これのアプリ gm6016
シマウマとキリンの模様を作った。
YouTube版
http://www.youtube.com/watch?v=f3pmg5v0E7w
詳細
300*300セル
パラメータは順に、初期青の%、青化物質分布σ2、赤化物質分布σ2、青化物質対赤化物質の%、分布縦横比
シマウマ 0.5,4.5,45,60,4
キリン 0.3,1,10,24,1
【万年エターナるが(ry その12】ステージ１完成！
作っていた動画が直前に壊れてしまいましまorz
上記のことで多少ショックを受けておりますが
「万年エターナるが3Dシューティングを作ります」その12です。
ステージ１はこれで一応の完成となります。
公開ページ：http://www.geocities.jp/warotarock/ptw_beta/
すぐステージ2を作り始めたいのですが、諸事情で1か月程度動けなさそう。
その間に今後の展開を考えておきたいと思います。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[リスト]mylist/33115940
【天地創造】L-systemとフラクタルで木の自動生成
これのアプリ gm6016
L-Systemで木を作った。
YouTube版
http://www.youtube.com/watch?v=vA9xtC11rRA
【天地創造】パーリンノイズとフラクタルで雲の自動生成
これのアプリ gm6016
ノイズで雲を作った。
YouTube版
http://www.youtube.com/watch?v=pwsgFSLZbzE
【万年エターナるが(ry その11】ステージ１ 3分の2.666デモ公開
お楽しみはこれからがーて
「万年エターナるが3Dシューティングを作ります」その11です。
やっとステージを通しでプレイできるようになりました。
プレイできるデモ版も公開しましたのでぜひ。ご意見お待ちしております。
3分の2.666デモ版：http://www.geocities.jp/warotarock/ptw_beta/
動作確認：Google Chrome 25.0
まだ完成していませんがニコニコ自作ゲームフェスに参加します。
だんだん参加者が増えてきて、知らなかった制作者も知れて、本当に楽しみです。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[リスト]mylist/33115940
【天地創造】パーリンノイズとフラクタルで山岳の自動生成
これのアプリ gm6016
ノイズを組み合わせて山を作った。
リメイク版がある sm33303687
YouTube版
http://www.youtube.com/watch?v=CpkNkNOGVmk
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
