キーワード WebGL が含まれる動画 ： 206 件中 161 - 192 件目

妹が部活で作ったゲームの部品らしいです。。「荒野を目指すのだ」とかブツブツ言ってました。
15秒 CMです。



Unity Asset Store: https://www.assetstore.unity3d.com/#!/content/54267
ブラウザWebGLデモ : http://spyuru.appspot.com/fasterui/index.html
Youtube : https://www.youtube.com/watch?v=32v3ojQDpTs
Twitter : https://twitter.com/omotesandougame

非クリ奨。

http://www.nicovideo.jp/watch/sm28589928

前: sm25900381 次:sm25953917
mylist/49125767

デモ: http://takahirox.github.io/mmd-viewer-js/

使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。

ようやく形になってきた感じ。
性能を今から倍くらいに上げたい。

動画はミクで実時間基準動作(50fpsしか出ないので、間に合わないフレームをスキップ)、
次にそばかす魔理沙で60fps動作、
最後に30fpsしか出なかったアリスを2倍速で。
7年前くらいに買ったノートPC上で動いています。

もっと軽いモデルが増えてくれると色々遊べて嬉しいんだけどな。

東方風STGブラウザゲーム→mylist/38547755

http://www.nicovideo.jp/watch/sm25936936

html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。

http://www.nicovideo.jp/watch/sm23897879

変な小説に影響されたのでなくて

「万年エターナるが3Dシューティングを作ります」その9です。
敵機について考察です。

12月完成どころか第1ステージすら終わらなかったので
逆にすがすがしい気持ちです（ごめんなさい）。

今度の目標は第1ステージを3月末日までに完成、公開です。

音楽素材：Cyber-Rainforce様　suspended particles　http://cyber-rainforce.net/
効果音素材： ザ・マッチメイカァズ様　http://osabisi.sakura.ne.jp/m2/

[リスト]mylist/33115940

http://www.nicovideo.jp/watch/sm19838272

ブレない軸

「万年エターナるが3Dシューティングを作ります」その8です。
・弾幕の試行錯誤
・背景モデルの試行錯誤

短いうえに無音ですので安心してご覧いただけます。


[前回]sm19473066　[初回]sm17753898　[リスト]mylist/33115940

http://www.nicovideo.jp/watch/sm19656514

enchant.jsを使ってゲームを作る様子を録ってみました。
今回のゲームはTPS。迫り来るロボをクモ型メカがビームを撃って倒します。

使ったプラグイン
・gl.enchant.js … WebGLを使った3Dゲームが簡単に作れる
・primitive.gl.enchant.js … gl.enchant.js用に基本的な立体図形を生成する
・gl-matrix-min.js … gl.enchant.jsが利用している行列計算用ライブラリ
・tl.enchant.js … タイムラインを扱う
・dogencha.enchant.js … 自作。3Dモデルデータ投稿サイト「DoGencha」上の素材をgl.enchant.jsで読み込む


BGMを高音質で聴きたい方はこちら(sm5891225)へ。


1/5 sm19237064
2/5 sm19237677
3/5 sm19242169
4/5 sm19242793
5/5 sm19243194

http://www.nicovideo.jp/watch/sm19243194

enchant.jsを使ってゲームを作る様子を録ってみました。
今回のゲームはTPS。迫り来るロボをクモ型メカがビームを撃って倒します。

使ったプラグイン
・gl.enchant.js … WebGLを使った3Dゲームが簡単に作れる
・primitive.gl.enchant.js … gl.enchant.js用に基本的な立体図形を生成する
・gl-matrix-min.js … gl.enchant.jsが利用している行列計算用ライブラリ
・tl.enchant.js … タイムラインを扱う
・dogencha.enchant.js … 自作。3Dモデルデータ投稿サイト「DoGencha」上の素材をgl.enchant.jsで読み込む


BGMを高音質で聴きたい方はこちら(sm5891225)へ。


1/5 sm19237064
2/5 sm19237677
3/5 sm19242169
4/5 sm19242793
5/5 sm19243194

http://www.nicovideo.jp/watch/sm19242169

enchant.jsを使ってゲームを作る様子を録ってみました。
今回のゲームはTPS。迫り来るロボをクモ型メカがビームを撃って倒します。

使ったプラグイン
・gl.enchant.js … WebGLを使った3Dゲームが簡単に作れる
・primitive.gl.enchant.js … gl.enchant.js用に基本的な立体図形を生成する
・gl-matrix-min.js … gl.enchant.jsが利用している行列計算用ライブラリ
・tl.enchant.js … タイムラインを扱う
・dogencha.enchant.js … 自作。3Dモデルデータ投稿サイト「DoGencha」上の素材をgl.enchant.jsで読み込む


BGMを高音質で聴きたい方はこちら(sm5891225)へ。


1/5 sm19237064
2/5 sm19237677
3/5 sm19242169
4/5 sm19242793
5/5 sm19243194

http://www.nicovideo.jp/watch/sm19237677

9leapで公開中のenchant.js製シューティングゲーム、ブレイブーストの2面を安全運転プレイ(?)で攻略するだけの動画です。
攻略のヒントになれば幸い。

このゲームが遊べるページはこちら
http://9leap.net/games/1888


Stage1( sm18251260 ) ← マイリスト( mylist/32698857 ) → ( なし )

http://www.nicovideo.jp/watch/sm18274611

分けることは分かることかもしれない

今回はプロジェクトの分割を試みました。
ゲームの方の進展は、敵機配置の練習とバグ取りのみ…。

今後の計画を立てるため次は少し時間がかかるかもしれません。ハヤク1ニナリターイ。

[次]sm18290764　[前]sm18001572　[リスト]mylist/33115940
リンクを追加しました。ご指摘いただきありがとうございました。

http://www.nicovideo.jp/watch/sm18124339

3D CGで「黄金勇者ゴルドラン」のWebアニメーションを作りました！
ページをスクロールすると、車からロボットに変形します。

変形！黄金剣士ドラン！
https://htanjo.github.io/goldran/

この動画は、Webページのキャプチャに音声を追加して作られています。

ページには、PC、スマホ、そしてVRデバイスからアクセスできます。
マウスやデバイスの動きに連動して、グリグリと視点を変えながら変形の様子を眺めることができます。

ぜひ臨場感のある3D変形を、実際のページでお楽しみください！

製作技術の解説
https://qiita.com/htanjo/items/fbb5eeab8e66b3dcb78c

http://www.nicovideo.jp/watch/sm44399196

自分のサイトをちょっと改造
３Dキャプチャした自分を表示。遊びはまた次の機会にいれます。

https://ppengotsu.member.sysken.tokyo/

http://www.nicovideo.jp/watch/sm44066077

UnityWebXRのサンプルプロジェクトを使った技術検証の続きです。
VRMViewMeisterで実装した独自IK（ Animator IKをカバー）を設定し、さらに本アプリと同水準にまでIKマーカーを設置してVRMの全身を動かせるようにしました。

高い位置にあるせいで届かなくて最後悲惨なことになったけど、概ね良し！？

http://www.nicovideo.jp/watch/sm42992139

UnityWebXRのサンプルプロジェクトを使った技術検証です。
WebGLビルドでXRを実現できるということで、VRMとIKを追加して
Meta Quest 3 のブラウザで一通りの操作を試してみました。
（部屋が映るため、映像はVR環境です）

VRMをハンドトラッキングで動かす体験は、想像以上に人形遊びをしている感覚があって楽しいです。
VRMViewMeisterも同じWebGLビルドなので、近い将来のバージョンで実装を決定しました。

本アプリならVRMAnimationとは違ってVRM以外のモーションデータも作成できます。
例えば・・・
XR環境で実物大のVRMとオブジェクトを触りながらモーションを作り、その場で再生して3Dアニメーションを楽しむことができるようになるかも？

http://www.nicovideo.jp/watch/sm42988419

MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) 上で動かしてみました。
前回の投稿からフレームワークがバージョンアップし、ゲームがかなり快適に動くようになったので前回の動画と比較しつつご覧いただくと分かりやすいと思います。

開発や公開にあたっての説明をブログに纏めました。
その２：https://blog.sorceryforce.net/?p=2589
その１：https://blog.sorceryforce.net/?p=2556

前回の動画：sm41154441
ゲーム「リトルセイバー」について : https://sorceryforce.net/little-savior
リトルセイバー関連動画 : mylist/63069799

http://www.nicovideo.jp/watch/sm41231540

MonoGame で制作したゲーム「リトルセイバー」を Web (Blazor + WebGL) 上で動かしてみました。
移行を試してみた理由や使ったフレームワーク、移行において作り替えた点などについては後でブログに纏めます。
　→ブログに纏めました：https://blog.sorceryforce.net/?p=2556

ゲーム「リトルセイバー」について : https://sorceryforce.net/little-savior
リトルセイバー関連動画 : mylist/63069799

http://www.nicovideo.jp/watch/sm41154441

ゲーム本体:https://suznooto.com/webgl/spr_plus/

強い、速い、安定
もうこれで良いんじゃないかな

http://www.nicovideo.jp/watch/sm41043353

ゲーム本体:https://suznooto.com/webgl/spr_plus/

宝集めは真じゃない方の海賊王が良さそう

http://www.nicovideo.jp/watch/sm41026378

ウェブでできる、VRMのポーズ・アニメーション作成アプリ
VRMViewMeister（ブイアールエムビューマイスター）

バグ取り・機能実装が落ち着いてきたので正式版公開中です。
せっかくなのでいっぱしのアプリっぽい紹介動画を作成してみました。

説明：
本アプリはVRMを撮影したり、アニメーションを手軽に作って遊べることを目指したアプリです。

* VRMを作ったので自由に動かして動作確認したい！
* かっこいい演出してVRMを撮影したい！
* 短めのアニメーションを作りたい！
* macOSやLinux、ChromeOSなどでもVRMを使いたい！

こんなちょい足し・痒いところに手が届くアプリです。


ダウンロード：
Booth https://ellumis.booth.pm/items/3796032

ウェブサイト（VRoid鎮守府）：
https://sites.google.com/view/lumis-vroidbase/%E3%83%9B%E3%83%BC%E3%83%A0<br>

簡単な要件：
・Windows/macOS/Linux/ChromeOSに対応
（Android/iOSはUnityのWebGLの仕様に沿ってサポート外となります）
・WebGLのためか、かなり高スペックでないと重いと思われます。（わかりやすい目安はM1 MacBook Airでようやく支障なく使えるくらいの要求）

VRが主な用途なのに果たしてVRMで3Dアニメーションだけをしたいのか？
そんなアニメーションツールとして本当に通用するのか不安ですが、
気が向いたらぜひ試してみてください！

http://www.nicovideo.jp/watch/sm40943098

AviUtl/webgl Test

https://glslsandbox.com/e#52073.0

http://www.nicovideo.jp/watch/sm39747572

AviUtl/webg Test

https://glslsandbox.com/e#41673.0

http://www.nicovideo.jp/watch/sm39747351

PCブラウザとアンドロイドスマホで端島(はしま、軍艦島)を探索できるアプリを公開しました。
[PC]
https://minase-souya.com/webGL_hashimaVerseOnline3D/index.html
[スマホ]
https://play.google.com/store/apps/details?id=com.TrinityGrail.WalkHashimaIn3D
島内77か所で建築物や遺構に近づくと建造年度や当時の使用目的の説明が自動で表示される。
軍艦島をより詳しく知ることができると思います。

http://www.nicovideo.jp/watch/sm39689565

PCブラウザとアンドロイドスマホで端島(はしま、軍艦島)を探索できるアプリを公開しました。
[PC]
https://minase-souya.com/webGL_hashimaVerseOnline3D/index.html
[スマホ]
https://play.google.com/store/apps/details?id=com.TrinityGrail.WalkHashimaIn3D

一見重そうに見えるモデルですがPCブラウザ版もスマホ版も描画計算を軽量に調節しました。
ハイスペックなPCやスマホでなくても中程度のスペックの機種でそれなりに遊べると思います。
お楽しみください。

http://www.nicovideo.jp/watch/sm39689448

PCブラウザとアンドロイドスマホで端島(はしま、軍艦島)を探索できるアプリを公開しました。
[PC]
https://minase-souya.com/webGL_hashimaVerseOnline3D/index.html
[スマホ]
https://play.google.com/store/apps/details?id=com.TrinityGrail.WalkHashimaIn3D

投稿した動画は、複数のオンラインプレーヤーで端島を探索している様子です。
PCブラウザ版とスマホ版の間もネットで同一のゲーム空間を共有しています。

http://www.nicovideo.jp/watch/sm39689362

「団地アート・オンライン 」への直リンク：https://minase-souya.com/game_tamajyu/danchiArt_webGL/tamagawa_jyutaku_danchi_onlineMMO_webGL.html
ゲームを稼働させているHP：https://minase-souya.com/
公開中のオンラインマルチプレーヤーブラウザゲーム「団地アート・オンライン 」内に造られた団地と同一スケールのサグラダファミリアを紹介する動画です。
スペインに在る実物は未だ建造中ですが、ゲーム内では予想される完成形体を３D空間の中で歩いて眺めることができます。

Youtubeに同じ動画を４K高解像度でもアップしています
https://www.youtube.com/channel/UCZm2u7-IO03b0IM0FYh6F6w/videos

#団地アートオンライン #サグラダファミリア #ガウディ #SagradaFamilia #Gaudi #CompletedBasilica #FinishedBasilica

http://www.nicovideo.jp/watch/sm39462461

p5.jsのWebGLの座標系は？
・画面ど真ん中が原点
（Processing JavaのP3Dは画面左上隅が原点）
・X軸右方向が＋、Y軸下方向が＋、Z軸画面奥方向が－
（Processing JavaのP3Dと同じ）

http://www.nicovideo.jp/watch/sm39041342

もとのWebGL版　https://unityroom.com/games/tarot2taku
LINE　for Business https://www.linebiz.com/jp/

イラスト：ACイラスト
https://www.ac-illust.com/

BGM：DOVA-SYMDOROME
https://dova-s.jp/

タロット絵柄：nekomata's tarot
http://www.senli-fortune.com/tarot_top.html

あとぜんぶ：夏川　大空
twitter:@natukawa_sky

マシュマロ：https://marshmallow-qa.com/natukawa_sky?utm_medium=url_text&utm_source=promotion

http://www.nicovideo.jp/watch/sm38962657

現在は5ステージしかありませんが、今後アップデートで追加しますので楽しみにしていてください。

このゲームはこちらで遊べます→gm19351

ゲームセンター「たかまはら」
JavaScriptで作ったゲームを公開しております
https://floradgennes.web.fc2.com/GameCenter/index.html

ツイッター
https://twitter.com/JohnnyFakaHioki

http://www.nicovideo.jp/watch/sm38557191

いずれはスロットの演出なども導入したい

このゲームはこちらで遊べます→gm18722

ツイッター
https://twitter.com/JohnnyFakaHioki

http://www.nicovideo.jp/watch/sm38328311

JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）

で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。

初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）

ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。

http://www.nicovideo.jp/watch/sm35459905

【ゲームタイトル】Author & Messiah(オーサー＆メサイア)
【プレイ時間】1バトル 5～15分
【動作環境】Unity WebGLが動作するWebブラウザ、Windows
【Webサイト】http://media.shohoku.ac.jp/takagi/messiah/
　　WebGL版およびWindows版の体験版を配布中です。
【ジャンル】カードバトル
【概要】

オーサー＆メサイアは物語を紡ぐ対戦型カードゲームです。
あなただけのデッキを構築し、相手よりも先に名声ポイントを集めたら勝利です。

アナログカードゲーム販売中！
メサイアのストーリーが語られるデジタルゲームはAndroid,iOS用に開発中です。

シナリオパートでは総勢５名の物語が展開。
対戦中に紡いだ物語でメサイアの姿が変化します。

デジタルゲーム体験版は公式Webサイトで入手できます。

http://www.nicovideo.jp/watch/sm32540760

前回に引き続き、JSceneKitの紹介です。
JSceneKitを使って、MMDのモデル・モーションを表示するデモも作ってみました。

サンプルページはこちら↓　Chrome/Firefox/Operaで見てみてください。
https://magicien.github.io/JSceneKitExample/
https://magicien.github.io/JMMDSceneKitExample/public/ex1/

その10：sm31286633　その他：mylist/30335916

http://www.nicovideo.jp/watch/sm31737686