タグ WebGL が登録されている動画 ： 95 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
【MMD】ブラウザで踊ってもらった（その４）【WebGL】
たしか11月って31日までありましたよね...
JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます
今回はTwitterのデータを取得・表示させてみました
その５は1月予定
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）
BGM：nc27155
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その５：sm14501578。その他：mylist/30335916
【MMD】ブラウザで踊ってもらった（その６）【WebGL】
WebGLもっと流行れ！
JavaScriptを使って、PMD/VMDファイル、Xファイルを表示してみました
確かその６は６月公開予定だったと思いますが、投稿日を見て頂きたい。なんと予定より４ヶ月も早いですね。これも皆様の応援があればこそです
お借りしたもの（詳細は動画で）
sm9695227、sm7936101、sm9554606、sm6150411、nc35981
サンプルページ：
http://darkhorse2.0spec.jp/dh3d/sample/
ソース：
https://github.com/magicien/DH3DLibrary/
前の：sm14501578、他の：mylist/30335916、次の：sm19019276
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を踊らせてみる その8 (JavaScript & WebGL)
前: sm25974661 次: sm26069436
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
エッジ対応。マウスによるカメラ制御対応。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。
東方風STGブラウザゲーム→mylist/38547755
【MMD】ブラウザで踊ってもらった（その３）【WebGL】
sm10802109の続き。JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます。
今回はxファイルの読み込みに対応させてみました。
その４は11月予定。
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）、sm6150411
BGM：nc27154
ブラウザ背景：nc20614
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その４：sm12912735。その他：mylist/30335916
万年エターナるが3Dシューティングを作ります【その0】
はじめまして初投稿です。
3Dシューティングを作っています。そのさなか、個人で作ったアニメを公開している方の動画を見て「いいなー」と思い、ニコニコで始めることにしました。2週に1回くらいでやんわりと投稿していくつもりです。
今回は導入というか投稿の練習的な意味もあり、詳細は次回以降となります。
ちなみに自機（自キャラ）など全体的に変な色ですがテスト用ステージでテスト用キャラを表示しているためです。
[次]sm17879741
ブラウザ上でMMDを踊らせてみる その1 (JavaScript & WebGL)
次: sm25726043
mylist/49125767
ブログ投稿用。使用しているライブラリは行列計算用のglMatrixのみ。
嫌なことがあったので、むしゃくしゃして3日くらいでここまで作った。
インフルエンザで外出もできなかったし。
まだまだ実装途中。性能改善はIK実装後予定。
東方風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】ブラウザで踊ってもらった（その５）【WebGL】
生存報告を兼ねて。
JavaScriptを使って、PMD/VMDファイルの読み込み・表示しています。
今回はHTML5のAudioを使って音を付けてみました。
手首を凝視してはいけません。Windowsは撮影環境が悪かった、と思いたい。
その６は６月予定。
お借りしたもの
モデル：初音ミクVer2MP（SPS氏）
モーション：sm9695227
音楽：sm1588476
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その６：sm16924766。その他：mylist/30335916
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
X3DOMで水面（フレネル反射）を実装してみた．
卒業研究として，X3DOMで水面を実装してみました．
HTMLで3D-CGが描けるWebGLがありますが，ちょっとハードル高いので簡単なX3DOMを使いました．
けど，遠くは反射して近くは屈折するような水面（フレネル反射）はそのままでは実装されていないので，X3DOMでシェーダープログラミングしました．
動画の作り方については慣れてないので，イケてない点についてはご容赦を．
その他の卒業研究はこちら mylist/42793749
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
【MMD】ブラウザで踊ってもらった（その８）【WebGL】
ブラウザで動く3D、WebGLのライブラリ製作記。
4年前に作ったゲームをスマホでも操作できるようにしました。
ゲーム：http://darkhorse2.0spec.jp/iq/
ソース：https://github.com/magicien/IQRevenge
その７：sm19019276、その他：mylist/30335916、その９：sm30962282
万年エターナるが3Dシューティングを作ります【その0.5】
時間の関係でその0.5ということになってしまいました。次はきっと1になるはずです。
今回大きかったのはマネジメントについて考え始めたことです。ゲームとは違う方向に膨らみ始めすでに危険な状態です。
ゲームの方の進展は、ショットが敵機に当たるようになったことです。
[次]sm18001572 [初回]sm17753898
ブレイブースト Stage1 NORMAL クリアするだけ
9leapで公開中のシューティングゲーム、ブレイブーストの1面を安全運転プレイでクリアするだけの動画です。
攻略のヒントになれば幸い。
このゲームが遊べるページはこちら
http://9leap.net/games/1888
( なし ) ← マイリスト( mylist/32698857 ) → Stage2( sm18274611 )
【万年エターナるが(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
万年エターナるが3Dシューティングを作ります【その1】
万年エターナる、それは諦めないこと
3Dシューティングを制作中です。
予想通り想定外と戦う日々ですがとりあえず今はこんな感じになっています。
敵の配置は実験中。まだまだ先は長いです。
音楽素材は前回と同じく：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
その1なのに初回や前回がある謎
マイリストを作ってみました。ご指摘いただきありがとうございました。
[前回]sm18338178 [初回]sm17753898 [リスト]mylist/33115940
万年エターナるが3Dシューティングを作ります【その0.75】
「目的を設定する」ことは非常に奥深い
ある程度予想できていましたが0.75になりました。
次から本気を出せば1になるはずです。
ゲームの方の進展は、2D描画（画面中央上の数字）ができるようになったことと、サウンドが出せるようになったこと（無音のためわからない）です。動画では触れていませんが。
[次]sm18124339 [前]sm17879741 [リスト]mylist/33115940
【自作ゲーム】INVISIBLE
スマホアプリで一儲けしようと思い開発・リリースしましたが、
重いの操作性悪いので遊んでもらえないので
WebGLに出力しなおしました。
http://invisible.xof.jp/
130Mあります。大丈夫なんだろうか。
FireFoxかCrome推奨です。
【万年エターナるが(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
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
【万年エターナるが(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
【MMD】ブラウザで踊ってもらった（その11）【WebGL】
前回に引き続き、JSceneKitの紹介です。
JSceneKitを使って、MMDのモデル・モーションを表示するデモも作ってみました。
サンプルページはこちら↓ Chrome/Firefox/Operaで見てみてください。
https://magicien.github.io/JSceneKitExample/
https://magicien.github.io/JMMDSceneKitExample/public/ex1/
その10：sm31286633 その他：mylist/30335916
【万年エターナるが(ry その10】ステージ１ 3分の2.333デモ公開
まだ終わらんよ
「万年エターナるが3Dシューティングを作ります」その10です。
ステージ１ 3分の2.333デモ版を公開しました。
3分の2.333デモ版：http://www.geocities.jp/warotarock/ptw_beta/004/
動作確認：Chrome 24.0
まだ制作途中です。が、ゲームの雰囲気は伝わるかと思います。
最後の分岐を実装していない関係でボスが倒せなかったりしますが…。
ちなみに自機の周囲の円は強ショットが出せる範囲です。
しかし3分の2.333とか、なのにURLが004とか番号テキトウすぎですね！
ご意見お待ちしております。
音楽素材：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シューティングを作ります【その2】
1/3公開は2段構えの自分ルール
以前の動画で三分の一ずつ公開していくと言っていたのですが、やっと公開できるようになりました。
↓私のHPの一角で実際に動くものを公開しています。
http://www.geocities.jp/warotarock/ptw_beta/001/
動作確認はGoogle Chrome、Firefoxです。
なのですがFirefoxはこの文章を書いている間にアップデートで動かくなりました。後日調べます。8/18追記：再インストールしたら動きました。
今回は初めてゆっくりボイスを使ってみました。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[前回]sm18478923 [初回]sm17753898 [リスト]mylist/33115940
万年エターナるが3Dシューティングを作ります【その0.875】
分けることは分かることかもしれない
今回はプロジェクトの分割を試みました。
ゲームの方の進展は、敵機配置の練習とバグ取りのみ…。
今後の計画を立てるため次は少し時間がかかるかもしれません。ハヤク1ニナリターイ。
[次]sm18290764 [前]sm18001572 [リスト]mylist/33115940
リンクを追加しました。ご指摘いただきありがとうございました。
万年エターナるが3Dシューティングを作ります【その0.9375.2】
はじまりの、おわり
前回の続きです。絵コンテです。
絵コンテを作っていると早くゲームを作りたくなってきました。次はステージ１の1/3を作ってみることにします。自分がどの程度のものをどの程度の時間で作ることができるか経験不足で分からずスケジュールが立たないという理由もあります。
その結果を見て近いうちにステージ２以降の見通しを立てます（段階的詳細化的な意味で）。
音楽素材使用させていただきました：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
もちろんゲーム本編でも使用させていただく予定です。
先達のおかげで絵コンテの存在を知りました：fe様 sm9935551
最後のつづくはリスペクトで。
[次]sm18478923 [前回]sm18290764 [初回]sm17753898
【万年エターナるが(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
【MMD】ブラウザで踊ってもらった（その10）【WebGL】
完成を待っているとかなり間が空きそうなので、途中経過報告。
JSceneKit（SceneKitのJavaScript移植）の動作確認も兼ねて、Swiftで書かれたサンプルアプリをJavaScriptに移植しました。
今回はMMD要素が皆無ですが、今後MMDを表示するための準備ということで。
サンプルページはこちら↓ Chrome/Firefox/Operaで見てみてください。
https://magicien.github.io/JSceneKitExample/
その９：sm30962282 その他：mylist/30335916 その11：sm31737686
=====
更新：
・サンプル２でキャラクタが空に飛んでいく問題を修正しました。
・シェーダを色々修正しました。