キーワード three.js が含まれる動画 : 18 件中 1 - 18 件目
種類:
- タグ
- キーワード
対象:
にび – monoton feat. 初音ミク
https://monotonmusic.com/nibi
このMVは、Webサイトで体験することができます。
PC・スマホどちらでも対応しています。
各種サブスクサービスへの配信を開始しました!
https://linkco.re/yadAHtVf
------
monotonです。よろしくお願いいたします。
monoton
https://monotonmusic.com/
X (Twitter): https://x.com/monoton_music
Music, Visuals, Web Experience Design: monoton / Haruma Tasaki (Philtz https://www.philtz.com/ )
Built with Three.js WebGPU + TSL Compute Shaders
Source: https://github.com/monoton-music/nibi
解説記事:https://note.com/monoton_music/n/nd0b2f03ad1e9
------
■ボカコレ2026冬ルーキーランキング参加曲です。
『The VOCALOID Collection(ボカコレ)』はボカロ文化をきっかけに生まれたインターネット等で活動するクリエイターやユーザー、企業などボカロに関わる全ての方が参加できるボカロ文化の祭典です。
▼ボカコレ2026冬ルーキーランキング
https://vocaloid-collection.jp/ranking/rookie/
------
『にび』 – monoton
晴れた窓拭く
空
鈍色
堪えた指から
細くなぞっていく
硬い街叩く
跳ね返ったかげが
知らない道願って巡る
数えた玉さらう
つまづいた霧が
眠る
開花
真夜中
空
ハイドロ
荒れたあの川
遠く伸びていく
絡まった行き先
ささやいた星が
連なった波弾けた
転がった雷
錆びついた丘が
濡れた
靴の
跡が
足を
止めた
朝の
底が冷えてきて
それじゃさよなら
遠い日も鳴らす
岸で消えた
風船と探した
わたあめ雲
明日また
曲がった角で待ってる
流れる声を見たよ
Bad Apple!!をBoidで動かしてみた!
初投稿です!
鳥や魚群の動きを模倣するBoidsアルゴリズムを使ってBad Appleを再生してみました。
Boidsはシンプルな人工生命プログラムで、1986年にCraig Reynoldsによって作られました。
この動画の作成にはTHREE.js(GPGPU)とNext.jsを使用しました。
Bad Apple!!本家様:https://www.nicovideo.jp/watch/sm8628149
YouTube版:https://youtu.be/bIff2mfksIA
ソースコード:https://github.com/KitsuneDaro/test_of_three_js
【Three.js】やさしくかがやく環境 Ver.0.2 紹介動画【JavaScript, TypeScript】
リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript, TypeScript】 https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html
使用ツール(動画作成)
・棒読みちゃん
・DaVinci Resolve
【Three.js】やさしくかがやく環境 Ver.0.1 紹介動画【JavaScript】
リンク↓
【Three.js】現実時間と連動した、うちの子の日常【JavaScript】https://yukiyamane.com/content_3/3d_gently_radiant_environment/index.html
使用ツール
・棒読みちゃん
・DaVinci Resolve
Chrome拡張機能でbabylon.jsを使おう
・ソースコード
https://drive.google.com/drive/folders/1JoYwfT7tf4OrRanM82sAu9I020ijcIX4
ChromeExtensions_Babylonjs_Demo をダウンロードしてください。
Zipを解凍すると生成されるフォルダが開発環境です。
デベロッパーモードでChrome拡張機能にD&Dすると、利用可能となります。
・three.jsからMMDLoaderがomitされたため、babylon.jsに移行中。
過去の動画/ソースコードは非公開(そのうち消します)。
・感想、不具合、不明点があれば、コメントしてもらえるとありがたりです。
・Chorme拡張機能でbabylon.jsを利用するサンプルプログラムです。
物理エンジンのHavokは(エラーが解決できなかったため)利用してません
・キーボードのShift+0キーで、babylon.jsの描画の表示/非表示が切り替わります。
・MMDを描画する場合は、モデルデータ/モーションデータを別途ダウンロードしてください。
またソースコードの修正が必要です、VSCodeなどをインストールしてください。
詳しい手順はソースコードのコメント/動画内での操作を確認してください。
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
【召喚】マリエルさんを召喚したいっ【2025年新春MMD祭り】【MMD学会】
お昼休み無性にマリエルさんに会いたくなった
なんでやろw
【2025年新春MMD祭り】sm44375991 に参加します
(遅刻OKってことなのでお言葉に甘えて)
【MMD学会】sm44289311 に参加します
(こんな内容でいいんでしょうか・・・)
MMDからMMD4MecanimでUnity用にfbxに変換しています
・変換する前にモデルの利用規約をチェックしよう
・材質(material)はStandardをベースに作り直してます(スマホにモデルが表示されなかったりするので)
・物理演算は焼き込んでいます
・MMDモーションからアニメーションに変換しているのですが、なぜかモーフがうまくいきませんorz
スマホ画面が明るいのか昼間なのに部屋が暗くてスマホが露出オーバーorz
マリエルさんかわいく召喚できたのに伝わるか心配
⭐いつも応援ありがとーヽ(^o^)丿
かつサンドさん xf108さん ヌクヌクさん(キッチンで見かけて食べられる前に撮影できるか時間との勝負でした 大量投入ありがとー) 針井 原也さん(im11311047のせいですよっ) Limelightさん CBX250Sさん 昼寝さん(いま思えばダミーのフタ作れば手の位置合わせ楽だったかも 物理焼き込むのにダミーの剛体使ってます 弾幕ありがとwどさくさに紛れて気づかないなこれ AIなら検出してくれるかなあ) ふらっとろんさん onono Mさん(食べるのガマンしてアプリとかモーションとか作った甲斐があった^^) BBNANAさん 茶虎さん 雪原 白銀さん witchさん 小鉄さん うにをさん クロ151さん 失踪屋さん(もう(´艸`*)です) よみんさん 華音(カノン)Pさん sunafukinさん 近金木犀さん Sonic Voice/39年組さん(うさうさ^^) giolumさん
⭐いらっしゃいーヽ(^o^)丿広告ありがとー
けいたぼさん もっさりぃさん(three.jsで召喚はよ^^) mobnorthさん
やけど注意コメありがとう 当初押さえててっていう流れで考えてたけど危ないこと頼むわけにいかないので未開封でじゃれてもらってます
何言ってるのか(幻聴が)聞こえるw←緑色のパッケージ見たときに聞こえたwで作った
最後のイラストをてへぺろからペロリに差し替えたよー^^
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
走るガンマン
ブラウザのみで、走り続けるガンマン。
http://fc.jpn.org/ryuba/gunman/three.js/GunRun.htm
「ニュートンのゆりかご」を作成してみた
物理シミュレーション環境構築用HTML5フレームワーク「physics.js」を用いて制作した「ニュートンのゆりかご」のシミュレーション結果です。詳細は以下のURLをご覧ください。http://www.natural-science.or.jp/article/20170322002622.php
ブラウザ上で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
【ブラウザで動く】初音ミクを実世界に召喚してみた【ホログラム】
一発ネタです.
最近Twitterで話題になった"なんちゃってホログラム"が活気的だったので試してみました.
あとホログラムの準備が面倒なので,そこを簡略化できるブラウザシステムを実装したので公開します.
https://kotsu-kotsu.github.io/Miku_Miku_Hologram/
今まで作ったもの mylist/55147322
ブラウザでミクのVR sm28389424
ブラウザでミクとライブ sm29576812
ブラウザでミクのホログラム この動画
ホログラム召喚 #0:11
仕組みの説明 #2:20
装置の作り方 #4:22
システムの説明 #5:56
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を扱えるようにした (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
【なんとなく】 enigma one 【音とCG】
なんとなく、Web Audio APIを使ってみた。
----
CGの方は@mrdoob氏のthree.jsを使用しました。
ありがとうございます。
Thanks to Mr.doob.
----
あと、自演宣伝してみる。
そばかす式魔理沙にブラウザ上で踊ってもらった (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を踊らせてみる その10 (JavaScript & WebGL)
前: sm26069436 次: sm26268613
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
複数モデル対応。影対応。ポストエフェクト追加。
複数モデルはさすがに重いので、動画中の物理演算が若干残念なことになってます。
実装したい機能は大体入れた感じ。
顔モザイクのアイデア元 https://twitter.com/i_saint/status/590815779802648577
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
東方風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
探査機「はやぶさ」を動かしてみた!
探査機「はやぶさ」をブラウザから操作できるようにしてみました。WebGLのライブラリ、「Three.js」を使用しています。使用BGMは、「town(てってってー)」とnc21198,nc45385,nc49658です。3Dモデルは、Google3Dギャラリー内にあるSeaGate様の「小惑星探査機はやぶさ」とHayabusa Project Science Data Archive : JAXA のイトカワの形状データです。
