タグ WebGL が登録されている動画 ： 95 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
ブラウザ上で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
【天地創造】チューリングパターンで生物の体表面の模様を自動生成
これのアプリ 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
【天地創造】パーリンノイズとフラクタルで雲の自動生成
これのアプリ gm6016
ノイズで雲を作った。
YouTube版
http://www.youtube.com/watch?v=pwsgFSLZbzE
【天地創造】L-systemとフラクタルで木の自動生成
これのアプリ gm6016
L-Systemで木を作った。
YouTube版
http://www.youtube.com/watch?v=vA9xtC11rRA
【あさまクエスト】鉄球で建物を壊すシミュレーション「突入せよ!あさま山荘事件」/3D
これのゲーム gm5333
あさま山荘３回目はブラウザ上の3D物理演算。
YouTube版
http://www.youtube.com/watch?v=qXC2qxMYLYo
【天地創造】パーリンノイズとフラクタルで山岳の自動生成
これのアプリ gm6016
ノイズを組み合わせて山を作った。
リメイク版がある sm33303687
YouTube版
http://www.youtube.com/watch?v=CpkNkNOGVmk
【天地創造】パーリンノイズとフラクタルで山岳の自動生成(リメイク版)
計算で世界を生成する。
今回は暗いけど次回は空を作るので明るくなる。
むにむに別館のさらに別館(むにらぼ)
YouTube版 https://youtu.be/AOUzk9sRAvw
リメイク前のやつ sm20236103
ブラウザ上で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
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
【ニコニコ自作ゲームフェス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
【ケムリクサ格闘ゲームを作ってみた】りょう 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】ブラウザで踊ってもらった（その６）【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
そばかす式魔理沙にブラウザ上で踊ってもらった (JavaScript & WebGL)
前: sm26166836 次: sm27662763
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
特に更新はないけど、そばかす式魔理沙ver0.2が素晴らしかったのでつい。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
デモサイトでは、その特性上再配布可能なデータしか置いていません。
そばかす式モデルを動かしたい人はローカル環境で試してください。
そばかす式モデルは「軽い」「表情豊か」「動かすと映える」と、
リアルタイムで動かすにはとても優秀なんですよね。
東方風STGブラウザゲーム→mylist/38547755
追記：無料広告チケットで宣伝してみました。
【MMD】ブラウザで踊ってもらった（その７）【WebGL】
ブラウザで動く3D、WebGLのライブラリ製作記。
今回は少し頑張ってサンプルを作りました。
サンプルはこちら↓ ミンナニハナイショダヨ！
http://darkhorse2.0spec.jp/dh3d/sample/iq.php
その６：sm16924766、その他：mylist/30335916、その８：sm29243257
追記：Nac様 宣伝ありがとうございます！
【ニコニコ自作ゲームフェス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
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
【MMD】ブラウザで踊ってもらった（その１）【WebGL】
はじめまして。WebGLを使ってみました。
お借りしたモデル：初音ミク（あにまさ氏）
お借りしたモーション：sm7936101
表情、物理演算、その他いろいろ未実装。IKも微妙...
ソースはそのうち公開したいです。→公開しました！
http://darkhorse2.0spec.jp/dh3d/
その２：sm10802109。その他：mylist/30335916
ブラウザ上でMMDミクのライブをリアルタイム処理で
前: sm30067053 (ブラウザ上でMMD編集とVRできるようにした)
次: sm31239935 (MMD + ARをブラウザ上で)
マイリスト: mylist/49125767
それなりに凝ったことができるようになってきました。
オンラインデモ
物理 http://takahirox.github.io/MMDLoader-app/index.html#app_physics
モザイク http://takahirox.github.io/MMDLoader-app/index.html#app_postprocessing_lowresolution
ライブ http://takahirox.github.io/MMDLoader-app/index.html#app_music_live
東方風STGブラウザゲーム→mylist/38547755
MMD x Webアプリ (JavaScript&WebGL)
前: sm27662763 次: sm30067053
mylist/49125767
デモ: http://takahirox.github.io/MMDLoader-app/index.html
Three.js r74に入るTHREE.MMDLoaderを使って、
サンプルアプリをいくつか作ってみました。
こんな感じに、リアルタイムに色々処理が可能になります。
エディタの方はまだまだまだ時間がかかりそうな感じ。
動画撮った後に、デモにアンチエイリアス処理追加したけど重くなったかも。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
【MMD】ブラウザで踊ってもらった（その５）【WebGL】
生存報告を兼ねて。
JavaScriptを使って、PMD/VMDファイルの読み込み・表示しています。
今回はHTML5のAudioを使って音を付けてみました。
手首を凝視してはいけません。Windowsは撮影環境が悪かった、と思いたい。
その６は６月予定。
お借りしたもの
モデル：初音ミクVer2MP（SPS氏）
モーション：sm9695227
音楽：sm1588476
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その６：sm16924766。その他：mylist/30335916
【MMD格闘ゲームを作ってみた】初音ミク vs 重音テト
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web格闘ゲームのテクニカルデモです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online.html?cmd_line=/TEMP/DEMO/miku_battle_arena01
キーパッドを使用して攻撃コンボを入力する。
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
【MMD】ブラウザで踊ってもらった（その４）【WebGL】
たしか11月って31日までありましたよね...
JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます
今回はTwitterのデータを取得・表示させてみました
その５は1月予定
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）
BGM：nc27155
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その５：sm14501578。その他：mylist/30335916
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
東方風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
万年エターナるが3Dシューティングを作ります【その0】
はじめまして初投稿です。
3Dシューティングを作っています。そのさなか、個人で作ったアニメを公開している方の動画を見て「いいなー」と思い、ニコニコで始めることにしました。2週に1回くらいでやんわりと投稿していくつもりです。
今回は導入というか投稿の練習的な意味もあり、詳細は次回以降となります。
ちなみに自機（自キャラ）など全体的に変な色ですがテスト用ステージでテスト用キャラを表示しているためです。
[次]sm17879741
【MMD】ブラウザで踊ってもらった（その３）【WebGL】
sm10802109の続き。JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます。
今回はxファイルの読み込みに対応させてみました。
その４は11月予定。
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）、sm6150411
BGM：nc27154
ブラウザ背景：nc20614
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その４：sm12912735。その他：mylist/30335916
【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
ブラウザ上で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