タグ WebGL が登録されている動画 ： 95 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
【あさまクエスト】鉄球で建物を壊すシミュレーション「突入せよ!あさま山荘事件」/3D
これのゲーム gm5333
あさま山荘３回目はブラウザ上の3D物理演算。
YouTube版
http://www.youtube.com/watch?v=qXC2qxMYLYo
変形！黄金剣士ドラン！
3D CGで「黄金勇者ゴルドラン」のWebアニメーションを作りました！
ページをスクロールすると、車からロボットに変形します。
変形！黄金剣士ドラン！
https://htanjo.github.io/goldran/
この動画は、Webページのキャプチャに音声を追加して作られています。
ページには、PC、スマホ、そしてVRデバイスからアクセスできます。
マウスやデバイスの動きに連動して、グリグリと視点を変えながら変形の様子を眺めることができます。
ぜひ臨場感のある3D変形を、実際のページでお楽しみください！
製作技術の解説
https://qiita.com/htanjo/items/fbb5eeab8e66b3dcb78c
自分のサイトを更新してみた。自分の３D表示など
自分のサイトをちょっと改造
３Dキャプチャした自分を表示。遊びはまた次の機会にいれます。
https://ppengotsu.member.sysken.tokyo/
【MMD】ブラウザで踊ってもらった（その４）【WebGL】
たしか11月って31日までありましたよね...
JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます
今回はTwitterのデータを取得・表示させてみました
その５は1月予定
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）
BGM：nc27155
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その５：sm14501578。その他：mylist/30335916
【自作ゲーム】遠心力！！地球大回転
■ストーリー
特に理由もなく地球が高速回転！
とてつもない遠心力が発生！！！！
そしてキミは何故かスーパーマンとなり、
ぶっ飛んでくるモノをキャッチして救出しよう！
目指せカンスト99999999円！！
■操作方法
マウスのみを使用します
・左右移動
マウスを左右に動かす
・パワーアップ（アイテムを所持している状態で）
左クリック
■ゲームURL
http://plicy.net/GamePlay/33756
■マイリスト
mylist/40385694
■ホームページ
http://tesshingames.com/
なんかキラキラしてるだけ
バグなのですがなんとなくキレイだったので。
影のほうにテカリが出ちゃってますねェ。
バリアとかの表現には使えそうな気がします。
動画の作りがどんどんテキトウになってきている気がします。
【MMD】ブラウザで踊ってもらった（その３）【WebGL】
sm10802109の続き。JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます。
今回はxファイルの読み込みに対応させてみました。
その４は11月予定。
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）、sm6150411
BGM：nc27154
ブラウザ背景：nc20614
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その４：sm12912735。その他：mylist/30335916
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
【MMD】ブラウザで踊ってもらった（その２）【WebGL】
sm10317713の続き。
変更点は、キーボードでのモデル歩行、表情、簡単なモーションブレンディングです。
動きが変なのは、IKの計算がひどいからです。
PMD、VMDファイルをそのままJavaScriptで読み込んでいる、というのがちょっとした自慢だったり。
お借りしたモデル：初音ミク、鏡音レン（あにまさ氏）
お借りしたモーション：sm7936101
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その３：sm12454120。その他：mylist/30335916
【天地創造】パーリンノイズとフラクタルで山岳の自動生成
これのアプリ gm6016
ノイズを組み合わせて山を作った。
リメイク版がある sm33303687
YouTube版
http://www.youtube.com/watch?v=CpkNkNOGVmk
【天地創造】L-systemとフラクタルで木の自動生成
これのアプリ gm6016
L-Systemで木を作った。
YouTube版
http://www.youtube.com/watch?v=vA9xtC11rRA
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
万年エターナるが3Dシューティングを作ります【その0】
はじめまして初投稿です。
3Dシューティングを作っています。そのさなか、個人で作ったアニメを公開している方の動画を見て「いいなー」と思い、ニコニコで始めることにしました。2週に1回くらいでやんわりと投稿していくつもりです。
今回は導入というか投稿の練習的な意味もあり、詳細は次回以降となります。
ちなみに自機（自キャラ）など全体的に変な色ですがテスト用ステージでテスト用キャラを表示しているためです。
[次]sm17879741
【天地創造】チューリングパターンで生物の体表面の模様を自動生成
これのアプリ 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
【MMD】ブラウザで踊ってもらった（その１）【WebGL】
はじめまして。WebGLを使ってみました。
お借りしたモデル：初音ミク（あにまさ氏）
お借りしたモーション：sm7936101
表情、物理演算、その他いろいろ未実装。IKも微妙...
ソースはそのうち公開したいです。→公開しました！
http://darkhorse2.0spec.jp/dh3d/
その２：sm10802109。その他：mylist/30335916
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
技術検証：UnityのWebGLビルドでWebXR
UnityWebXRのサンプルプロジェクトを使った技術検証です。
WebGLビルドでXRを実現できるということで、VRMとIKを追加して
Meta Quest 3 のブラウザで一通りの操作を試してみました。
（部屋が映るため、映像はVR環境です）
VRMをハンドトラッキングで動かす体験は、想像以上に人形遊びをしている感覚があって楽しいです。
VRMViewMeisterも同じWebGLビルドなので、近い将来のバージョンで実装を決定しました。
本アプリならVRMAnimationとは違ってVRM以外のモーションデータも作成できます。
例えば・・・
XR環境で実物大のVRMとオブジェクトを触りながらモーションを作り、その場で再生して3Dアニメーションを楽しむことができるようになるかも？
【MMD】ブラウザで踊ってもらった（その９）【WebGL】
今まで作っていたライブラリ（DH3DLibrary）とは別ですが、MMDが表示できるWebGLライブラリ（JSceneKit）を作りました。
ライブラリ：https://github.com/magicien/JSceneKit
サンプルアプリ：https://github.com/magicien/ElectronMMDSample
その８：sm29243257 その他：mylist/30335916 その10：sm31286633
【天地創造】パーリンノイズとフラクタルで山岳の自動生成(リメイク版)
計算で世界を生成する。
今回は暗いけど次回は空を作るので明るくなる。
むにむに別館のさらに別館(むにらぼ)
YouTube版 https://youtu.be/AOUzk9sRAvw
リメイク前のやつ sm20236103
万年エターナるが3Dシューティングを作ります【その1】
万年エターナる、それは諦めないこと
3Dシューティングを制作中です。
予想通り想定外と戦う日々ですがとりあえず今はこんな感じになっています。
敵の配置は実験中。まだまだ先は長いです。
音楽素材は前回と同じく：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
その1なのに初回や前回がある謎
マイリストを作ってみました。ご指摘いただきありがとうございました。
[前回]sm18338178 [初回]sm17753898 [リスト]mylist/33115940
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
【万年エターナるが(ry その8】試行錯誤が夢の跡
ブレない軸
「万年エターナるが3Dシューティングを作ります」その8です。
・弾幕の試行錯誤
・背景モデルの試行錯誤
短いうえに無音ですので安心してご覧いただけます。
[前回]sm19473066 [初回]sm17753898 [リスト]mylist/33115940
【ニコニコ自作ゲームフェス2018】オベン座の怪人
【ゲームタイトル】オベンザの怪人【クリア時間】１時間～２時間【動作環境】Windows、Firefox【ジャンル】3D脱出ゲーム【制作ツール】Unity2017【公開URL】https://s3-ap-northeast-1.amazonaws.com/thephantomoftheobenza/The_Phantom_Of_Obenza/index.html【スタンドアロン版】Webが上手くできない方はこちらもお試しください。https://www.freem.ne.jp/dl/win/16497【HP】https://dspse.amebaownd.com/ちょっと難易度高めの3Dアドベンチャーゲームです。2018/01/16 操作を改善しました。詳しくはこちらをご覧ください。https://dspse.amebaownd.com/posts/3388971?categoryIds=963384こちら答え合わせサイトも用意しましたので、良かったら見ながら遊んでください。https://dspse.amebaownd.com/pages/1494871/blog
【天地創造】パーリンノイズとフラクタルで雲の自動生成
これのアプリ gm6016
ノイズで雲を作った。
YouTube版
http://www.youtube.com/watch?v=pwsgFSLZbzE
【ニコニコ自作ゲームフェス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 その25】間に合わなかった動画【自作ゲーム】
はたして間に合うのでしょうか？
間に合いませんでした！
動くには動くけれども完成度がどうにも低すぎ、自分で許せませんでした。
動画だけは作っていたので、せっかくなので投稿。
それにしても今回の参加作品は数も質もとんでもないですね。
すごいなぁ。
音楽素材：Cyber-Rainforce様 powder snow
効果音素材： ザ・マッチメイカァズ様
[リスト]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 その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
【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】ブラウザで踊ってもらった（その５）【WebGL】
生存報告を兼ねて。
JavaScriptを使って、PMD/VMDファイルの読み込み・表示しています。
今回はHTML5のAudioを使って音を付けてみました。
手首を凝視してはいけません。Windowsは撮影環境が悪かった、と思いたい。
その６は６月予定。
お借りしたもの
モデル：初音ミクVer2MP（SPS氏）
モーション：sm9695227
音楽：sm1588476
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その６：sm16924766。その他：mylist/30335916
【万年エターナるが(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