タグ WebGL が登録されている動画 ： 95 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
【万年エターナるが(ry その25】間に合わなかった動画【自作ゲーム】
はたして間に合うのでしょうか？
間に合いませんでした！
動くには動くけれども完成度がどうにも低すぎ、自分で許せませんでした。
動画だけは作っていたので、せっかくなので投稿。
それにしても今回の参加作品は数も質もとんでもないですね。
すごいなぁ。
音楽素材：Cyber-Rainforce様 powder snow
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
X3DOMで墨絵調のレンダリングを実装してみた
卒業研究として，X3DOMで墨絵調のレンダリングを実装してみました．
HTMLで3D-CGが描けるWebGLがありますが，ちょっとハードル高いので簡単なX3DOMを使いました．
ブラウザ上で墨絵っぽい3DCGを表現することができます．
なんとなく墨絵っぽくできたのですがまだまだですね．
その他の卒業研究はこちら mylist/42793749
【MMD】ブラウザで踊ってもらった（その９）【WebGL】
今まで作っていたライブラリ（DH3DLibrary）とは別ですが、MMDが表示できるWebGLライブラリ（JSceneKit）を作りました。
ライブラリ：https://github.com/magicien/JSceneKit
サンプルアプリ：https://github.com/magicien/ElectronMMDSample
その８：sm29243257 その他：mylist/30335916 その10：sm31286633
【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
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
Unityでブロック崩し作りました！
現在は5ステージしかありませんが、今後アップデートで追加しますので楽しみにしていてください。
このゲームはこちらで遊べます→gm19351
ゲームセンター「たかまはら」
JavaScriptで作ったゲームを公開しております
https://floradgennes.web.fc2.com/GameCenter/index.html
ツイッター
https://twitter.com/JohnnyFakaHioki
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) で動かしてみた
MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) 上で動かしてみました。
移行を試してみた理由や使ったフレームワーク、移行において作り替えた点などについては後でブログに纏めます。
→ブログに纏めました：https://blog.sorceryforce.net/?p=2556
ゲーム「リトルセイバー」について : https://sorceryforce.net/little-savior
リトルセイバー関連動画 : mylist/63069799
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
技術検証：UnityのWebGLビルドでWebXR
UnityWebXRのサンプルプロジェクトを使った技術検証です。
WebGLビルドでXRを実現できるということで、VRMとIKを追加して
Meta Quest 3 のブラウザで一通りの操作を試してみました。
（部屋が映るため、映像はVR環境です）
VRMをハンドトラッキングで動かす体験は、想像以上に人形遊びをしている感覚があって楽しいです。
VRMViewMeisterも同じWebGLビルドなので、近い将来のバージョンで実装を決定しました。
本アプリならVRMAnimationとは違ってVRM以外のモーションデータも作成できます。
例えば・・・
XR環境で実物大のVRMとオブジェクトを触りながらモーションを作り、その場で再生して3Dアニメーションを楽しむことができるようになるかも？
自分のサイトを更新してみた。自分の３D表示など
自分のサイトをちょっと改造
３Dキャプチャした自分を表示。遊びはまた次の機会にいれます。
https://ppengotsu.member.sysken.tokyo/
変形！黄金剣士ドラン！
3D CGで「黄金勇者ゴルドラン」のWebアニメーションを作りました！
ページをスクロールすると、車からロボットに変形します。
変形！黄金剣士ドラン！
https://htanjo.github.io/goldran/
この動画は、Webページのキャプチャに音声を追加して作られています。
ページには、PC、スマホ、そしてVRデバイスからアクセスできます。
マウスやデバイスの動きに連動して、グリグリと視点を変えながら変形の様子を眺めることができます。
ぜひ臨場感のある3D変形を、実際のページでお楽しみください！
製作技術の解説
https://qiita.com/htanjo/items/fbb5eeab8e66b3dcb78c
万年エターナるが3Dシューティングを作ります【その0.875】
分けることは分かることかもしれない
今回はプロジェクトの分割を試みました。
ゲームの方の進展は、敵機配置の練習とバグ取りのみ…。
今後の計画を立てるため次は少し時間がかかるかもしれません。ハヤク1ニナリターイ。
[次]sm18290764 [前]sm18001572 [リスト]mylist/33115940
リンクを追加しました。ご指摘いただきありがとうございました。
ブレイブースト Stage2 NORMAL クリアするだけ
9leapで公開中のenchant.js製シューティングゲーム、ブレイブーストの2面を安全運転プレイ(?)で攻略するだけの動画です。
攻略のヒントになれば幸い。
このゲームが遊べるページはこちら
http://9leap.net/games/1888
Stage1( sm18251260 ) ← マイリスト( mylist/32698857 ) → ( なし )
【万年エターナるが(ry その8】試行錯誤が夢の跡
ブレない軸
「万年エターナるが3Dシューティングを作ります」その8です。
・弾幕の試行錯誤
・背景モデルの試行錯誤
短いうえに無音ですので安心してご覧いただけます。
[前回]sm19473066 [初回]sm17753898 [リスト]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
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
ブラウザ上で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】ブラウザで踊ってもらった（その８）【WebGL】
ブラウザで動く3D、WebGLのライブラリ製作記。
4年前に作ったゲームをスマホでも操作できるようにしました。
ゲーム：http://darkhorse2.0spec.jp/iq/
ソース：https://github.com/magicien/IQRevenge
その７：sm19019276、その他：mylist/30335916、その９：sm30962282
【自作ゲーム】遠心力！！地球大回転
■ストーリー
特に理由もなく地球が高速回転！
とてつもない遠心力が発生！！！！
そしてキミは何故かスーパーマンとなり、
ぶっ飛んでくるモノをキャッチして救出しよう！
目指せカンスト99999999円！！
■操作方法
マウスのみを使用します
・左右移動
マウスを左右に動かす
・パワーアップ（アイテムを所持している状態で）
左クリック
■ゲームURL
http://plicy.net/GamePlay/33756
■マイリスト
mylist/40385694
■ホームページ
http://tesshingames.com/
【MMD】ブラウザで踊ってもらった（その10）【WebGL】
完成を待っているとかなり間が空きそうなので、途中経過報告。
JSceneKit（SceneKitのJavaScript移植）の動作確認も兼ねて、Swiftで書かれたサンプルアプリをJavaScriptに移植しました。
今回はMMD要素が皆無ですが、今後MMDを表示するための準備ということで。
サンプルページはこちら↓ Chrome/Firefox/Operaで見てみてください。
https://magicien.github.io/JSceneKitExample/
その９：sm30962282 その他：mylist/30335916 その11：sm31737686
=====
更新：
・サンプル２でキャラクタが空に飛んでいく問題を修正しました。
・シェーダを色々修正しました。
万年エターナるが3Dシューティングを作ります【その0.75】
「目的を設定する」ことは非常に奥深い
ある程度予想できていましたが0.75になりました。
次から本気を出せば1になるはずです。
ゲームの方の進展は、2D描画（画面中央上の数字）ができるようになったことと、サウンドが出せるようになったこと（無音のためわからない）です。動画では触れていませんが。
[次]sm18124339 [前]sm17879741 [リスト]mylist/33115940
なんかキラキラしてるだけ
バグなのですがなんとなくキレイだったので。
影のほうにテカリが出ちゃってますねェ。
バリアとかの表現には使えそうな気がします。
動画の作りがどんどんテキトウになってきている気がします。
【万年エターナるが(ry その7】リズム・弾速・人類の夢
その夢を追うために生きている
・裏拍表拍？ショットシステム
・当たり判定の弾速問題のその後
・多段ジャンプ
嘘サムネでごめんなさい。
音楽素材：Cyber-Rainforce様 suspended particles http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様 http://osabisi.sakura.ne.jp/m2/
[前回]sm19280015 [初回]sm17753898 [リスト]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
【MMD】ブラウザで踊ってもらった（その５）【WebGL】
生存報告を兼ねて。
JavaScriptを使って、PMD/VMDファイルの読み込み・表示しています。
今回はHTML5のAudioを使って音を付けてみました。
手首を凝視してはいけません。Windowsは撮影環境が悪かった、と思いたい。
その６は６月予定。
お借りしたもの
モデル：初音ミクVer2MP（SPS氏）
モーション：sm9695227
音楽：sm1588476
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その６：sm16924766。その他：mylist/30335916
【万年エターナるが(ry その4】読み込み処理、マウス入力など
未来は空に浮く乗り物の登場にかかっている！
今回は主に
①ファイル読込処理の改善
②マウス入力の検討
③ステージ作成（都市内部）
④パル○ナの鏡(3DS)で遊ぶ
でした。
細かいことを色々やりすぎて前回以上にまとまりが悪いです。発信能力ぬるぽ…
BGMは：Cyber-Rainforce様 small village http://cyber-rainforce.net/
[前回]sm18809222 [初回]sm17753898 [リスト]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
【万年エターナるが(ry その19】ステージ２三分の二公開！
ブースターはロマン
「万年エターナるが3Dシューティングを作ります」その19です。
「Phantastic Tryno World」
http://www.geocities.jp/warotarock/ptw_beta/
上記URLでステージ２の三分の二の部分を公開しました。
Chrome等のWebGL対応ブラウザでインストール無しで動きます。
要するに開発途中なわけですが、お暇な方はどぞ。
やったこと等
・ステージ２中盤を作る
・泣いて課題を保留（自機の地面、ボスキャラの光、竜巻など）
・心の中に5人くらい主要キャラが生まれた(追記：病気ではない)
・自作ゲームフェス3目指せるかも
音楽素材：Cyber-Rainforce様 remain of old world
効果音素材： ザ・マッチメイカァズ様
[リスト]mylist/33115940
東方風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