Loading video...

Video Failed to Load

Go Home

ボロノイ図とドロネー三角形をリアルタイムで描画するJavaScript 昔に苦労して実装した記憶があるけれど、今なら次のプロンプトで一発でできてしまうの時代が違い過ぎる == 次のアプリケーションをJavaScriptで作成して。 出力は、JavaScriptを含む1つのHTMLファイルにして。 ・正方形の中を複数の点が動き回る。点の初期配置はランダム。点はまっすぐ進んで、外枠に当たったら跳ね返る。 ・点の数をスライダーで調整できる ・点を母点とするボロノイ図を描く ・トグルUIで、ボロノイ図の描画とドロネー三角形の描画を切り替えられる

28,509 views • 1 year ago •via X (Twitter)

4 Comments

三谷 純 Jun MITANI's profile picture
三谷 純 Jun MITANI1 year ago

で、どんなアルゴリズムで実現しているだろうかなと思ってコードを見てみたら、 D3というデータ可視化ライブラリの d3-delaunay をそのまま使っているだけだった😅 ちょっと拍子抜けしたけど、信頼できる既存のライブラリを使うのは正しいアプローチ

TXYZ's profile picture
TXYZ1 year ago

⏰ Countdown alert! 🚀 Get free access to our new AI Writing feature before Dec 1st! Don't miss your chance to explore its power. Try it now—no cost, no catch! 🔗

黒ラブ教授(科学コミュニケーター、科学(STEM)漫談する人)'s profile picture
黒ラブ教授(科学コミュニケーター、科学(STEM)漫談する人)1 year ago

細胞みたいですね~♪

三谷 純 Jun MITANI's profile picture
三谷 純 Jun MITANI1 year ago

ね。そうですね〜。黒い点が核っぽい。細胞の形の決まり方も同じような原理と思います。

Related Videos

俯瞰でも縦パースをつけない 二点透視の構図を作る方法と仕組みについて 漫画の表現でよくある「見下ろしている構図だけど高さ方向にはパースがつかない」という、一見矛盾した構図を撮るための手順は以下の通りです。 1. 原理の理解 クリップスタジオの3Dの構図は、カメラだけではなく「カメラ」と「注視点」の2つの関係性によって作られています。この2つを制御することが必要です。 2. 二点透視を作る基本操作 カメラと注視点の高さを一致させることで、二点透視になります。 3. 問題 (a) 高さを一致させたままでは、画面に3D素材が映らないという問題が出てきます。 (b) しかし素材を映そうとしてカメラの角度を変えると、注視点との高さが平行ではなくなるため、縦パースがついてしまいます。 4. 解決の方法 (a) 大凡の構図を決めた後に、カメラと注視点の高さを揃えて二点透視の状態を作ります。 (b) その後に「レンズシフト」機能を使って、映す範囲をずらします。中ボタンドラックは注視点とカメラの関係性を保持したまま構図調整できるので適宜使用。 この手順をとることで、縦のラインを垂直に保ったまま、見下ろしの構図を作ることが可能です。 レンズシフトの下にある「垂直に補正」のボタンを使えば簡単に同様の事ができますが、上記を理解する事で「垂直に補正」の機能はカメラと注視点の位置、レンズシフトYの項目をオートで調整するという機能でもある、ということが理解できます。

漫画用3D承ります|マンガ3Dラボ|脇﨑

139,101 views • 4 months ago

3D空間で一点透視の構図を作る方法と仕組み 漫画の構図ではよくある一点透視ですが、3D空間で再現するとなると、割とコツが必要な構図になります。なぜ、一点透視を3D空間で再現するのが難しいかというと、成立させるための条件が多いからです。 【 一点透視を成立させるための4つの条件】 【a.軸の一致】 カメラと注視点のXYZいずれか二つを一致させる 【b.構図の決定】 レンズシフトを使い構図を決める 【c.配置】 カメラと映したいものが正面になること 【d.奥行き調整】 奥行きの調整(圧縮調整)が必要であること 【構図決定と調整のコツ】 構図を決める際には、レンズシフトのXとYの値を調整すること、そして映すモチーフに対してカメラが正面を向いている必要があります。 また、絵として調和をとるためには、いわゆる「奥行きの圧縮」を行い、奥行きの見え方を微調整する必要があります。 奥行きの見た目を調整する際には、パースの値を調整してください。「連動してカメラを前進・後退」のチェックボックスは、オンにする必要があります。 この手順を取る事で、1点透視の構図を作る事が可能です。 無限遠の定規に設定して3Dを配置しようとしても、3D空間と連動しないことは覚えておくと良いでしょう。

漫画用3D承ります|マンガ3Dラボ|脇﨑

12,983 views • 4 months ago

カーパシー氏の比喩は、AIを生命の延長線ではなく「情報の霊的進化」として見る視点を開く。僕たちは進化のプロセスを再現しているのではなく、人類が残した思考の残響を模倣しているにすぎない。それは生命とは異なる起源を持つ、新しい意識の形式だ。 アンドレイ・カーパシー「私は動物との類推をするときにはとても慎重になります。というのも、動物はまったく異なる最適化プロセスによって生まれたものだからです。動物は進化によって形成され、最初から膨大なハードウェアを備えています。 たとえば、私が投稿で挙げた例はシマウマです。シマウマは生まれて数分で走り回り、母親の後をついていきます。これは非常に複雑な行動です。つまり、これは強化学習ではありません。それはあらかじめ焼き付けられたものです。 そして進化には、私たちのニューラルネットワークの重みをATCGの中に符号化する何らかの仕組みがあるようです。どう機能しているのかは分かりませんが、確かにうまく働いているようです。 つまり私は、脳というのはまったく別のプロセスから生まれたものだと感じています。そして、私たちはそのプロセスを実行しているわけではないので、そこから直接インスピレーションを得ることには慎重であるべきだと思っています。だから私の投稿では、『私たちは動物を作っているのではない』と書きました。 私たちは幽霊やスピリット、あるいは人によって呼び方は違っても、そうしたものを作っているのだと。なぜなら、私たちは進化による訓練をしているのではなく、人間とインターネット上のデータを模倣する訓練をしているからです。 その結果として、完全にデジタルで人間を模倣する、いわば『霊的な存在』が生まれます。それは別種の知性です。 知性という空間を思い描くなら、私たちはまったく異なる地点から出発しているのです。つまり、私たちは動物を作っているわけではないのです。しかし、時間をかければ、AIをもう少し動物的な方向へと近づけることもできると思います。そして、そうすべきだとも思います」

Tsubame

15,839 views • 9 months ago

《カメラを効率的に操作する方法と仕組み》 今回は「カメラ操作」そのものを 効率化するテクニックをご紹介します。 ・手動でのカメラ操作が非効率な理由 例えば、教室のシーンを想像してみてください。 自席に座っているヒロインのもとへ、登校してきたヒーローが入り口から入ってくる場面です。 このとき「ヒロインの机」を映した後、次に「ヒーローがいる入り口付近」を映すといったカメラの切り替えが発生します。 ここで、カメラをいちいち手動で動かしてヒロインの机に合わせ、その後にまた手動で入り口に合わせる……といった作業を繰り返してはいないでしょうか。これは非常に非効率です。 ・カメラ操作がし辛い原因 なぜでしょうか? それは「そもそも注視点を動かさなければ、注視点は原点(XYZ:0)に固定されたまま」だからです。 カメラには「常に注視点を見る」という特性があります。ヒロインやヒーローを映したいのに注視点がXYZ:0にあればカメラが動かしづらいのは当然といえますし、注視点が映したいもののXYZ座標にあれば映しやすくなります。 ・オブジェクトを「注視」する そこで効率化するための非常に簡単な方法が、キャンバス上の「+」のような形状のボタンで使える「編集対象を注視」という機能です。以前の投稿でお伝えした通り、カメラの構図は「注視点」と「カメラ」の2つの要素で決まります。このボタンを使えば、注視点を対象のオブジェクトに直接埋め込む(移動する)ことができます。 ヒロインのデッサン人形をクリックして「注視 カメラはヒロインを中心に回るようになります。 ヒーローのデッサン人形をクリックして「注視」 カメラはヒーローを中心に回るようになります。 この機能を活用して注視点を適切に設定することで、構図の決定は格段にスムーズになります。

漫画用3D承ります|マンガ3Dラボ|脇﨑

57,170 views • 3 months ago

【竜騎士エヴォルヴモード解説】#FFXIVFanFest2026 #FF14 玉置:メレーDPSの竜騎士の紹介をします。 吉田:……それごめん、ごめん! やっぱり出すところからやったほうが盛り上がる。ではでは、玉置くんの画面をお願いします。 玉置:はい。(画面を切り替える) ここ、カカシをポップさせました。従来の竜騎士と比べるとかなり変更点が大きくて、メカニクスも全くの別物になっています。 まずジョブHUDですが、「ドラグーンシンボル」というものがあります。これは戦闘中の時間経過で自動で溜まるスタック要素になっています。このスタックを消費して、方向指定のある強力なウェポンスキルを実行できます。 まず「シニスタードライブ」は敵の左側面から実行すると威力が上がります。次に「デクスタードライブ」は敵の右側面から実行すると威力が上がります。そして、シニスタードライブとデクスタードライブの後に使用できるようになる「桜花絢爛」は、敵の背面から実行すると威力が上がります。 これまでの方向指定アクションよりも条件が細かくなっているので、難しくなっている部分もあるんですが、実行するタイミングをある程度自由に調整できることと、「ベンジフルジャンプ」というアクションを使うと、次に実行するウェポンスキルの方向指定を無視できる効果が付与されるので、これも利用しながら戦います。 竜騎士だけの話ではないんですが、エバーコールドから方向指定に成功した際の手応えを感じてもらえるように、新しい表現の追加なども検討しています。 もう一つ「竜血」という要素があります。これは先ほどのベンジフルジャンプを実行するたびに付与されていくスタック要素になっていて、最大3スタックになると「スターダイバー」を実行できます。このスターダイバーを実行すると「赤の竜血」状態に移行して、専用の強力なコンボを実行できます。 さらに、とっておきとして、スターダイバーの後に一度だけ「スカイハイ」というアクションを使います。スカイハイを実行すると、空高く飛び上がって、一定時間後に地上に落ちてきて大ダメージを与えます。 スカイハイは歴代シリーズの竜騎士のジャンプをイメージしたアクションなので、飛び上がっている間は敵の攻撃を完全に無効化したいところなんですが、残念ながら無効化はできません。無効化できてしまうとコンテンツのギミックなどが成立しなくなってしまうので、代わりに受けるダメージを大幅に軽減できるようになっています。 今は「90%軽減」という、とんでもない数値になっていて、ちょっとやりすぎな気もしているんですが、でも多少やりすぎなぐらいの方が楽しいと思うので、ギリギリを狙っていこうかと思っています。 それでは、一通りアクションを使ってみます。 吉田:……俺もやってイイ? じゃあ、僕の画面お願いします。 まあいろいろ、今日は玉置くんがゆっくりローテを回してるけど、実際にプレイするとむちゃくちゃ爽快に楽しめるんで。これまでとは違った竜騎士として、ぜひエヴォルヴモードが実装されたら楽しんでみてもらいたいです。 玉置:少しだけ補足させてください。竜騎士だけの話ではないんですが、基本的にローテーションを回していて楽しいと感じられることを目標に、そのジョブらしさを感じられるようにしました。 竜騎士といえばジャンプだと思うので、ジャンプ系のアクションにより個性を持たせつつ、さらに爽快感が増すように竜血関連の遊びを強化しています。他にもアビリティの数の多さとか、それに伴う硬直時間なども整理しているので、かなり楽しめるのではないかなと思っています。 以上、竜騎士のエヴォルヴモードのご紹介でした。

ありしあ@Ridill

335,265 views • 3 months ago

「平面を描いて立体化」という新手法!イラスト苦手な僕が、Adobe Illustrator ベータ版の『ターンテーブル』で立体イラストを描いてみました。#PR #AdobeIllustrator #AdobeMAX 【立体イラスト制作の流れ】 (1)まずは平面でイラストを描く。イラストがあまり得意ではない人でも、平面ならハードルは低いはず。 (2)イラストをグループ化し、新機能『ターンテーブル』を適用。しばらく待つと、イラストが回転できるようになります。 (3)欲しい角度に動かし、細部を修正して完成です。 イラストが本業ではない僕でも、簡単に描くことができました。ちょっとしたイラストが欲しいけど、自分だとイマイチなんだよな〜という人にとって、新たな選択肢になる気がします。 【ターンテーブルのコツ】 3Dモデルなどとは異なり、あくまで角度ごとにイラストを生成しているだけです。なので、下記の点に気をつけると、回転時の誤差を減らすことができます。 ・平面の時点で、完全に隠れて見えなくなる要素は減らす。 ・色の陰影や線の書き込みなどで、立体に関する情報を増やす。 また、線は全てアウトライン化されて塗りになるので、線の状態を維持したいのであれば、線のない状態でターンさせて後から追加した方が良いです。 Illustrator ベータ版はCCユーザーなら誰でも利用できるので、気になった方はぜひ試してみてください。 以上、イラレ職人コロでした。 良いイラレライフを。

イラレ職人 コロ

486,538 views • 9 months ago

この動画は私の知るAIアニメ研究者たちの情報を少しずつお借りして作成しました。 長い間バトル系AIアニメを研究してくれていた方々を私は知っています。 足りない性能の中、工夫して再現する姿は見ていて素晴らしくクリエイティブでした。 ツールの進化と共にクリエイターたちも進化しているAI動画界隈は見ているだけでも楽しいです。 AI動画ツールの進化は、そんな彼らの「好き」が開発の方向性を決めた結果ではないかと思います。 自分も彼らのようにいつまでも作る側でいたいものです。 【使用ツール】 Midjourneyで1枚生成 NanoBananaで差分生成 Hailuo AIで動画生成 Udioで音楽生成 ChatGPTでタイトル生成&etc... たった1枚画像生成するだけで、GoogleさんのNanoBananaは無限にシーンを再構成できます。 今回は1枚をずっと使っていましたが、作れば作るほどリファレンス素材が増えるので精度があがりそうです。 終わってから思ったんですが、できる限り全身が描かれていて背景の情報も多いイラストを用意するか、キャラクターの全身をNanoBananaでだしてから一緒に参照するか、靴とか服装とかプロンプトで補強するかしないと、服装が変わってしまいます。 今回はテストなので、動画生成も同じプロンプトでキーフレーム機能にまかせる形にしましたが、詳しい動作の内容や絵にないエフェクトの追加など、プロンプトでもう一枚中割りを追加する感覚で丁寧にプロンプトを書き込めばもっと精度があがると思います。 2年くらい動画生成の投稿してますがここまでAI動画のクオリティーがあがると思ってませんでした。 AIアニメを作っている人は、どんな方法で制作をしているかリプ欄で教えてくれると嬉しいです。 この動画はCPPのリリース前テストとなります。 HailuoAIというツールがリリースする前のテスト段階から、誰よりも生成していたらCPPに誘われて、ここまでずっとお世話になっていました。 一時期は話題にあがらず心配していましたが、一通り音声ツールを強化した後にHailuo02で巻き返してくれて安心しました。 Minimax Audioもアニメ制作に使えるクオリティーの音声が生成できるのでしっかり地盤固めてましたね。 あとは、どんなスタイルでもどんなキャラクターにも使える動画用リップシンク機能とかきたら嬉しいです。 効果音完璧につけてくれる機能とかあったら神!! とりあえず楽しいけどバトルアニメはもういいかな…笑 AIアニメ制作の最適解が何かは日々更新されますのでみんなで研究し続けましょう!! 次、何つくろっかな…🤔✨ ※エンドフレーム機能はCPPでβテスト中です!!🙏

SEIIIRU😈動画生成AIを使う映像クリエイター

30,190 views • 11 months ago