タグ WebGL が登録されている動画 ： 95 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
ブラウザ上で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
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
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
MMD + ARをブラウザ上で
Three.js + jsartoolkit5 (動画中ではさらに + A-Frame)
デモ: https://takahirox.github.io/mmd-ar/examples/barcode.html
(PC推奨。Androidでも動く？)
前: sm30124044 (ブラウザ上でMMDミクのライブをリアルタイム処理で)
次:
マイリスト: mylist/49125767
東方風STGブラウザゲーム→mylist/38547755
【MMD】ブラウザで踊ってもらった（その８）【WebGL】
ブラウザで動く3D、WebGLのライブラリ製作記。
4年前に作ったゲームをスマホでも操作できるようにしました。
ゲーム：http://darkhorse2.0spec.jp/iq/
ソース：https://github.com/magicien/IQRevenge
その７：sm19019276、その他：mylist/30335916、その９：sm30962282
ブラウザ上でMMDを踊らせてみる その8 (JavaScript & WebGL)
前: sm25974661 次: sm26069436
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
エッジ対応。マウスによるカメラ制御対応。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。
東方風STGブラウザゲーム→mylist/38547755
【万年エターナるが(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
【万年エターナるが(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
【FGO同人RPGを作ってみた】宮本武蔵と浮世京都
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web RPGです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online_FGO.html?cmd_line=/TEMP/DEMO/fgo_rpg01
このゲームの詳細については、以下のREADMEファイルをお読みください。
http://www.animetheme.com/system_animator_online/TEMP/DEMO/readme_FGO.txt
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
【MMD】ブラウザで踊ってもらった（その10）【WebGL】
完成を待っているとかなり間が空きそうなので、途中経過報告。
JSceneKit（SceneKitのJavaScript移植）の動作確認も兼ねて、Swiftで書かれたサンプルアプリをJavaScriptに移植しました。
今回はMMD要素が皆無ですが、今後MMDを表示するための準備ということで。
サンプルページはこちら↓ Chrome/Firefox/Operaで見てみてください。
https://magicien.github.io/JSceneKitExample/
その９：sm30962282 その他：mylist/30335916 その11：sm31737686
=====
更新：
・サンプル２でキャラクタが空に飛んでいく問題を修正しました。
・シェーダを色々修正しました。
ブラウザ上でMMDを踊らせてみる その10 (JavaScript & WebGL)
前: sm26069436 次: sm26268613
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
複数モデル対応。影対応。ポストエフェクト追加。
複数モデルはさすがに重いので、動画中の物理演算が若干残念なことになってます。
実装したい機能は大体入れた感じ。
顔モザイクのアイデア元 https://twitter.com/i_saint/status/590815779802648577
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
東方風STGブラウザゲーム→mylist/38547755
【万年エターナるが(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
【万年エターナるが(ry その5】ステージ１パート２デモ公開
万年エターナるでも三分の二まではいけるのだ
三分の一ずつ公開していく流れの２回目になります。
↓実際に動くデモを公開しています。
http://www.geocities.jp/warotarock/ptw_beta/003/
始まらない場合はF5などで再読込すると始まる場合があります。
動作確認はGoogle Chrome、Firefoxです。Chromeの方がmp3なので高音質でお勧めです。
動画投稿直前にChromeのアップデートが始まる恐怖。今回は大丈夫だといいんですが…
ぜひぜひ感想のコメントお願いいたします。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[前回]sm18959324 [初回]sm17753898 [リスト]mylist/33115940
万年エターナるが3Dシューティングを作ります【その0.875】
分けることは分かることかもしれない
今回はプロジェクトの分割を試みました。
ゲームの方の進展は、敵機配置の練習とバグ取りのみ…。
今後の計画を立てるため次は少し時間がかかるかもしれません。ハヤク1ニナリターイ。
[次]sm18290764 [前]sm18001572 [リスト]mylist/33115940
リンクを追加しました。ご指摘いただきありがとうございました。
【MMD】ブラウザで踊ってもらった（その９）【WebGL】
今まで作っていたライブラリ（DH3DLibrary）とは別ですが、MMDが表示できるWebGLライブラリ（JSceneKit）を作りました。
ライブラリ：https://github.com/magicien/JSceneKit
サンプルアプリ：https://github.com/magicien/ElectronMMDSample
その８：sm29243257 その他：mylist/30335916 その10：sm31286633
ブラウザ上で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を踊らせてみる その1 (JavaScript & WebGL)
次: sm25726043
mylist/49125767
ブログ投稿用。使用しているライブラリは行列計算用のglMatrixのみ。
嫌なことがあったので、むしゃくしゃして3日くらいでここまで作った。
インフルエンザで外出もできなかったし。
まだまだ実装途中。性能改善はIK実装後予定。
東方風STGブラウザゲーム→mylist/38547755
【万年エターナるが(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
【万年エターナるが(ry その22】エピソード３仮配置【自作ゲーム進捗】
この夏、冬が来る
「万年エターナるが3Dシューティングを作ります」その22です。
「Phantastic Tryno World」（エピソード２まで）
http://www.geocities.jp/warotarock/ptw_beta/
絵コンテをもとにエピソード３のステージ仮配置をしてみました。
これから本格的な作りに入り、理想は２カ月で完成させたいと思います。
それにしてもなんつー季節感。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
X3DOMで水面（フレネル反射）を実装してみた．
卒業研究として，X3DOMで水面を実装してみました．
HTMLで3D-CGが描けるWebGLがありますが，ちょっとハードル高いので簡単なX3DOMを使いました．
けど，遠くは反射して近くは屈折するような水面（フレネル反射）はそのままでは実装されていないので，X3DOMでシェーダープログラミングしました．
動画の作り方については慣れてないので，イケてない点についてはご容赦を．
その他の卒業研究はこちら mylist/42793749
【万年エターナるが(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
【万年エターナるが(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 その9】音と敵
変な小説に影響されたのでなくて
「万年エターナるが3Dシューティングを作ります」その9です。
敵機について考察です。
12月完成どころか第1ステージすら終わらなかったので
逆にすがすがしい気持ちです（ごめんなさい）。
今度の目標は第1ステージを3月末日までに完成、公開です。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[リスト]mylist/33115940
【万年エターナるが(ry その6】3D×弾幕×リズム系の考察
３Ｄは奥が深い。問題の根も深い。
前回以降、いくつか実験していたことについてまとめました。
・３Ｄ × n-way弾
・３Ｄ × 弾速
・弾幕 × リズム
ステージ作りはあまり進んでいません（汗
※追記：寒くなりましたねー。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[前回]sm19082106 [初回]sm17753898 [リスト]mylist/33115940
万年エターナるが3Dシューティングを作ります【その3の1】
3Dシューティングにおける遠近感についての考察の1
前回は（私の動画としては）多くのコメントありがとうございました！
ゲーム制作のほうはそれなりに進んでいますが、公開するには中途半端な状態なので今回は「考えてみた」動画にしてみました。遠近感についてです。
の2に続きます。というか間に合いませんでした。
[前回]sm18612241 [初回]sm17753898 [リスト]mylist/33115940
万年エターナるが3Dシューティングを作ります【その0.9375.1】
未来を見通すためのブレーク・ダウン
今回は作ろうとしているゲームの簡単な紹介と、
WBS(Work Breakdown Structure)なるものを作ろうという試みです。
やはり少し時間がかかってしまいました。
BGMは：Cyber-Rainforce様 small village http://cyber-rainforce.net/
参考にさせていただきました：のぶくん様 sm18114582
[次回予告]そ こ で ど う し た の か
→ 今回と同じく先達を見習いました。
[次]sm18338178 [前]sm18124339 [リスト]mylist/33115940
ブレイブースト Stage1 NORMAL クリアするだけ
9leapで公開中のシューティングゲーム、ブレイブーストの1面を安全運転プレイでクリアするだけの動画です。
攻略のヒントになれば幸い。
このゲームが遊べるページはこちら
http://9leap.net/games/1888
( なし ) ← マイリスト( mylist/32698857 ) → Stage2( sm18274611 )
【MMD】ブラウザで踊ってもらった（その２）【WebGL】
sm10317713の続き。
変更点は、キーボードでのモデル歩行、表情、簡単なモーションブレンディングです。
動きが変なのは、IKの計算がひどいからです。
PMD、VMDファイルをそのままJavaScriptで読み込んでいる、というのがちょっとした自慢だったり。
お借りしたモデル：初音ミク、鏡音レン（あにまさ氏）
お借りしたモーション：sm7936101
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その３：sm12454120。その他：mylist/30335916
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) で動かしてみた #2
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) 上で動かしてみました。
前回の投稿からフレームワークがバージョンアップし、ゲームがかなり快適に動くようになったので前回の動画と比較しつつご覧いただくと分かりやすいと思います。
開発や公開にあたっての説明をブログに纏めました。
その２：https://blog.sorceryforce.net/?p=2589
その１：https://blog.sorceryforce.net/?p=2556
前回の動画：sm41154441
ゲーム「リトルセイバー」について : https://sorceryforce.net/little-savior
リトルセイバー関連動画 : mylist/63069799