タグ WebGL が登録されている動画 ： 95 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
万年エターナるが3Dシューティングを作ります【その0.5】
時間の関係でその0.5ということになってしまいました。次はきっと1になるはずです。
今回大きかったのはマネジメントについて考え始めたことです。ゲームとは違う方向に膨らみ始めすでに危険な状態です。
ゲームの方の進展は、ショットが敵機に当たるようになったことです。
[次]sm18001572 [初回]sm17753898
ブラウザ上でMMDを踊らせてみる その9 (JavaScript & WebGL)
前: sm26008748 次: sm26166836
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
ステージ対応。ポストエフェクト対応。物理演算調整。
配布されているステージとポストエフェクトは思いの他重かったので、
GLSLを駆使してとりあえずそれっぽいものをいくつかこしらえてみました。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかは使ってません。0からガリガリ書いてます。
(物理演算と行列演算ライブラリは使っているけど)
動画の最後に前回の撮り直しが入ってます。
前回の物理演算は納得いってなかったんで。
足のピクピクはIK solverのバグです。
東方風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を踊らせてみる その6 (JavaScript & WebGL)
前: sm25936936 次: sm25974661
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
Whammy.jsを使用し、直接動画ファイルを生成できるようにした。
音声は動画編集中に後から足しています。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
もっと再配布可能な音声、モデル、モーション、カメラモーションが増えると、
デモで使えて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
万年エターナるが3Dシューティングを作ります【その0.75】
「目的を設定する」ことは非常に奥深い
ある程度予想できていましたが0.75になりました。
次から本気を出せば1になるはずです。
ゲームの方の進展は、2D描画（画面中央上の数字）ができるようになったことと、サウンドが出せるようになったこと（無音のためわからない）です。動画では触れていませんが。
[次]sm18124339 [前]sm17879741 [リスト]mylist/33115940
【ケムリクサ格闘ゲームを作ってみた】りょう vs りく
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたシンプルな3D Web格闘ゲームのテクニカルデモです。Google ChromeとFirefoxで動作します。次にケムリクサ三姉妹RPGゲームをやりましょうか ^o^
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/kemurikusa_battle_arena01
キーパッドを使用して攻撃コンボを入力する。
おまけ：最初に任意のMMDモデルを含むZIPファイルをドロップすると、デフォルトのモデルが置き換えられます。
-----------------------
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
ブラウザ上で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
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【万年エターナるが(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
万年エターナるが3Dシューティングを作ります【その0.9375.1】
未来を見通すためのブレーク・ダウン
今回は作ろうとしているゲームの簡単な紹介と、
WBS(Work Breakdown Structure)なるものを作ろうという試みです。
やはり少し時間がかかってしまいました。
BGMは：Cyber-Rainforce様 small village http://cyber-rainforce.net/
参考にさせていただきました：のぶくん様 sm18114582
[次回予告]そ こ で ど う し た の か
→ 今回と同じく先達を見習いました。
[次]sm18338178 [前]sm18124339 [リスト]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を踊らせてみる その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を扱えるようにした (JavaScript & WebGL)
現状は「MMDデータを扱えるようにした」がより正確かも。
前: sm26268613 次: sm27956156
mylist/49125767
デモ: http://threejs.org/examples/#webgl_loader_mmd_audio
JavaScriptでMMDデータを扱えるMMDLoaderを作りました。
Three.js r74に入りました。
ブラウザ上でリアルタイムにMMDを踊らせたり、その他色々できます。
後半はまだまだ開発途中のブラウザMMDエディタの紹介。
Three.js EditorにMMDをサポートさせようとしているところ。
エディタデモ: http://takahirox.github.io/three.js.mmdeditor/editor/
Menu bar->Add->Miku
ブラウザMMDビューアアプリ作成で得たノウハウを
もっと多くの人が活用できるようにThree.jsに取り込んでもらおうと思ったのが始まりです。
東方風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 その3の2】遠近感についての考察の2
アクションは操作感が命
前回に引き続き遠近感についての考察です。
アイデアは今一つでしたが、得られるものは多かったと思います。
今のうちに入力系の直しが必要かも？
距離色弾テスト： http://www.geocities.jp/warotarock/ptw_beta/002/
[前回]sm18785447 [初回]sm17753898 [リスト]mylist/33115940
【自作ゲーム】INVISIBLE
スマホアプリで一儲けしようと思い開発・リリースしましたが、
重いの操作性悪いので遊んでもらえないので
WebGLに出力しなおしました。
http://invisible.xof.jp/
130Mあります。大丈夫なんだろうか。
FireFoxかCrome推奨です。
【万年エターナるが(ry その22】エピソード３仮配置【自作ゲーム進捗】
この夏、冬が来る
「万年エターナるが3Dシューティングを作ります」その22です。
「Phantastic Tryno World」（エピソード２まで）
http://www.geocities.jp/warotarock/ptw_beta/
絵コンテをもとにエピソード３のステージ仮配置をしてみました。
これから本格的な作りに入り、理想は２カ月で完成させたいと思います。
それにしてもなんつー季節感。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]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
ブラウザ上で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
万年エターナるが3Dシューティングを作ります【その0.9375.2】
はじまりの、おわり
前回の続きです。絵コンテです。
絵コンテを作っていると早くゲームを作りたくなってきました。次はステージ１の1/3を作ってみることにします。自分がどの程度のものをどの程度の時間で作ることができるか経験不足で分からずスケジュールが立たないという理由もあります。
その結果を見て近いうちにステージ２以降の見通しを立てます（段階的詳細化的な意味で）。
音楽素材使用させていただきました：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
もちろんゲーム本編でも使用させていただく予定です。
先達のおかげで絵コンテの存在を知りました：fe様 sm9935551
最後のつづくはリスペクトで。
[次]sm18478923 [前回]sm18290764 [初回]sm17753898
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
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) で動かしてみた
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) 上で動かしてみました。
移行を試してみた理由や使ったフレームワーク、移行において作り替えた点などについては後でブログに纏めます。
→ブログに纏めました：https://blog.sorceryforce.net/?p=2556
ゲーム「リトルセイバー」について : https://sorceryforce.net/little-savior
リトルセイバー関連動画 : mylist/63069799
東方風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
【万年エターナるが(ry その23】エピソード３三分の一公開【自作ゲーム】
終わらない夏の冬。
「万年エターナるが3Dシューティングを作ります」その23です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
仮配置をもとにエピソード３の序盤部分、全体の約３分の１までを
動くようにして公開しました。今回も8月を区切りにしただけですけども…。
やったこと
・エピソード３の序盤部分を作る
・いくつかの実験
今回は少しだけコメントへのお返事も動画の中で書いてあります。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
ブラウザ上でMMD編集とVRできるようにした (JavaScript&WebGL)
前(MMDxWebアプリ): sm279561563
次(ブラウザ上でMMDミクのライブをリアルタイム処理で) :sm30124044
マイリスト: mylist/49125767
やっぱりアニメーション編集もできたほうがいいですかね。
オンラインデモ
Editor http://takahirox.github.io/three.js.mmdeditor/editor/index.html
A-FramexMMD https://github.com/takahirox/a-mmd
Three.js MMD example https://threejs.org/examples/#webgl_loader_mmd
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
