キーワード WebGL が含まれる動画 ： 206 件中 129 - 160 件目
種類:
- タグ
- キーワード
対象:
整形ソフトをJavaScriptで作ってみた
JavaScriptとWebGLで作った画像編集ソフトだけど美容整形ソフトとして使えます。現在動作するブラウザはFirefoxのみです。http://lkzf.info/
【万年エターナるが3Dシューティング…ではない…だと？】微生物シミュ
来週から頑張ります
シューティング制作の過程でJavascriptの勉強ができたので
すごい昔に作った微生物シミュレーションを作り直してみました。
↓ライブデモ
http://www.geocities.jp/warotarock/experimental/webpcl/
※Google Chromeで動作確認しています。
※WebGLではないのでChrome以外でもわりと動く気がします。
波動方程式（ノイマン境界条件）の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
MMD.js と MMD の挙動を Nostalogic で比較してみた
Original sound: yuukiss (sm9874560)
使用音源: もえこＰによるMEIKOデフォルト声質 ver (sm15378498)
Choreography: Yumiko (sm10267890)
Dance motion: のり (sm12968853)
Character modeling: nanami.W (sm5990356)
Physical operation: gisupeke (sm7480279)
Head set modeling: kio http://kiomodel3.sblo.jp
Character modification: cucumber1138
MMD.js: Atsushi Takayama https://github.com/edvakf/MMD.js
MMD.js と MMD の挙動を Nostalogic で比較してみた。
物理はMMMで焼き込みVMD Reduction Toolでリダクション。
http://indojin.org/cucumber/3DCG/WebMMD/nostalogic.html
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
ブラウザ上で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を踊らせてみる その9 (JavaScript & WebGL)
前: sm26008748 次: sm26166836
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
ステージ対応。ポストエフェクト対応。物理演算調整。
配布されているステージとポストエフェクトは思いの他重かったので、
GLSLを駆使してとりあえずそれっぽいものをいくつかこしらえてみました。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかは使ってません。0からガリガリ書いてます。
(物理演算と行列演算ライブラリは使っているけど)
動画の最後に前回の撮り直しが入ってます。
前回の物理演算は納得いってなかったんで。
足のピクピクはIK solverのバグです。
東方風STGブラウザゲーム→mylist/38547755
空の果てまでグラブル実況 part 44
vs青竜Extreme ＆ vsゼピュロス！そしてオクシモロンごめん！
一戦３０分以上かかるとさすがに疲れますね・・・。
今回は全体的にゲームの挙動がおかしくなっていますが、
① β版を通常版に変える
② Google Chromeをインストールし直す
③ 「webGLを無効」を有効にする
④ PCを再起動
以上４つを行うことで改善されました。
どれが良かったのかよく分からないけど、たぶん①と③かなぁ。
追記：
PCの中身を整理してたら怪しいソフトを発見して、消したらサクサクに戻りました；
お騒がせして申し訳ない！
part1→ sm25769386 前→ sm26468439 次→ sm26531140
グラブル→ mylist/49200451
他の動画→ mylist/49212494
君の名は。のゲームを作ってみた
最近趣味で作っている君の名は。のゲームを動画で紹介してみました。
使用エンジンはUNITY5なのでwindows,android,webglなどに対応できます。
(動画にはありませんがタッチ操作にも対応しています。)
DLなどの公開はまだしていませんがご要望があれば考えてみます。
part2→sm31513755
【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
Unityでシューティングゲームを作った！
・WebGL版
https://unityroom.com/games/st_atr
https://itch.io/game/summary/380669
・ダウンロード版
https://www.dropbox.com/s/025t6eklwpx3rxt/StolenTrain_AcrossTheRiver.zip
・今回のフリー素材
https://opengameart.org/content/low-poly-models
使用させて頂いた楽曲
・疾風の如く：https://dova-s.jp/bgm/play9831.html
・勝利のファンファーレ：https://dova-s.jp/bgm/play6321.html
・大決戦！！：https://dova-s.jp/bgm/play3206.html
【その着せ替え人形は恋をする】燦々デイズ【GB音源・SFC音源】
五条新菜君の体力とストレスに気を配りつつ
喜多川海夢ちゃんに最高の衣装を作ろう！
チュートリアル＝ヌル女2の黒江雫たんの衣装を2週間で作成しよう
GB pic:https://yrlab.zatunen.com/webgl/gbpic/gbpic.html
【MMD】ブラウザで踊ってもらった（その３）【WebGL】
sm10802109の続き。JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます。
今回はxファイルの読み込みに対応させてみました。
その４は11月予定。
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）、sm6150411
BGM：nc27154
ブラウザ背景：nc20614
ソースとサンプル公開しました。
http://darkhorse2.0spec.jp/dh3d/
その４：sm12912735。その他：mylist/30335916
万年エターナるが3Dシューティングを作ります【その0】
はじめまして初投稿です。
3Dシューティングを作っています。そのさなか、個人で作ったアニメを公開している方の動画を見て「いいなー」と思い、ニコニコで始めることにしました。2週に1回くらいでやんわりと投稿していくつもりです。
今回は導入というか投稿の練習的な意味もあり、詳細は次回以降となります。
ちなみに自機（自キャラ）など全体的に変な色ですがテスト用ステージでテスト用キャラを表示しているためです。
[次]sm17879741
東方風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
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
カモメ町でビーチボールで遊ぶミニゲーム
自作モデルの動作デモとして、Unity歴5年にして初めてまともなゲームをつくりました。
よろしくおねがいします。
https://unityroom.com/games/kamomeball01
WebGLで動いたので、Android版も作りました
https://play.google.com/store/apps/details?id=com.FUNSET.BeachBallFes
カモメ町Unityアセットストア
https://assetstore.unity.com/packages/3d/environments/urban/kamome-town-beach-resort-pack-178553
水着ガールモデル
https://modevbta.booth.pm/items/2399742
【GB音源】『ちがう!!!』ピコピコアレンジ
カルロス袴田様の『ちがう!!!』（sm30057669）をピコピコアレンジしてみました。拙いですがよければ聴いてやってください。
ゲームボーイエミュレート音源の「PAPU」（https://socalabs.com/synths/papu/ ）を使って、矩形波3チャンネル＋ノイズ1チャンネルを再現するという縛りで作りました（ゲームボーイの実機では矩形波2ch＋波形メモリ1ch＋ノイズ1ch）。実際には打ち込みやすいようトラックを分けてるので厳密にはノイズが2音同時に鳴ってる箇所があったりしますがまあ大目に見てください。
動画の背景は、ご本家MVのスクショを縦横比だけ調整（上下に白い領域を追加）してから GB Pic（http://yrlab.zatunen.com/webgl/gbpic/gbpic.html ）で加工して作りました。文字は PKMN Strict（https://nue2004.info/program/pkmn/ ）です。
【OSC2013東京Spring】 HTML5+WebGLは、何故盛り上がらないのか！？
オープンソースカンファレンス東京のセミナーを中継！※機材不調のため、途中一部切れておりますが、ご容赦ください。講師：川田 寛（代表）担当：モバイリングメーカーズレベル：入門対象者：HTML5、WebGLの情報収集を目的としている人。WebGLの利用を検討している人。前提知識：HTMLでWebページ作成をしたことがある方。HTML5という言葉を聞いたことがある方。登場時は世間の注目度はそこまで低くなかったはずなのに、微妙に盛り上がりに欠ける技術「WebGL」。何故盛り上がってくれないのか？業界的視点、技術的視点で、掻い摘んでお伝えします。
【MMD】ブラウザで踊ってもらった（その４）【WebGL】
たしか11月って31日までありましたよね...
JavaScriptを使って、PMD/VMDファイルの読み込み・表示、キーボードで歩いたり、カメラを動かしたりしてます
今回はTwitterのデータを取得・表示させてみました
その５は1月予定
お借りしたもの
モデル：初音ミク（あにまさ氏）
モーション：sm7936101
背景セット：教室（仮）090609（朽葉氏）
BGM：nc27155
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その５：sm14501578。その他：mylist/30335916
車にひかれるオルガ.unity
『アタリ屋』――！！
それは、車両に轢かれた勢いで飛距離を競う、
質量ｘ力＝金 という、死と栄光が隣りあわせのエクストリームスポーツ！
そのアタリ屋の世界最高峰を決める競技会、 『アタリンピック』 に、
今世界で最もホットに死に続けている『あの男』が挑む――！
――――――――――
こちらで遊べます。
※動画とは一部仕様が異なります。当たり前だよなぁ？
https://unityroom.com/games/atarimpic/webgl
Unity1Weekというゲームジャムで作りました。
https://unityroom.com/unity1weeks/8
【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
【自作ゲーム】茜ちゃんがタワーディフェンスゲームつくるで！ Part8【Unity】
タワーディフェンスゲームの制作 Part8です！
sm33273089 ← 前回 | 次回 → sm33311722
mylist/61867081
いつも再生、コメント、広告等、応援ありがとうございます！
▼遊べます（ＰＣブラウザ、クレジット表記もこちら）
https://unityroom.com/games/voxeroiddefense
プログラマ https://twitter.com/KaifuKM
モデラー https://twitter.com/yas0008
▼茜ちゃんのアクションゲーム
mylist/61507952
https://unityroom.com/games/ghostsweeperkotonoha/webgl
【MMD】ブラウザで踊ってもらった（その５）【WebGL】
生存報告を兼ねて。
JavaScriptを使って、PMD/VMDファイルの読み込み・表示しています。
今回はHTML5のAudioを使って音を付けてみました。
手首を凝視してはいけません。Windowsは撮影環境が悪かった、と思いたい。
その６は６月予定。
お借りしたもの
モデル：初音ミクVer2MP（SPS氏）
モーション：sm9695227
音楽：sm1588476
ソースとサンプルを公開しました。
http://darkhorse2.0spec.jp/dh3d/
その６：sm16924766。その他：mylist/30335916
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
【JavaScript】gl.enchant.jsでゲーム作り（第二夜）(1/5)【WebGL】
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
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ミクのライブをリアルタイム処理で
前: 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