Fluid Simulation 流体シミュレーションA new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
話題のAI画像生成サービス「Midjourney」を使ってみた--「日なたの可愛い猫」を描いたら
ある情景を英語の文章で表現すると、それに沿った画像を出力するAIサービス「Midjourney」が話題になっている。現在はベータ版だが、完成度の高い絵を次々生成する機能は驚くほどだ。使い方を説明しつつ、試した結果を見ていこう。 Midjourneyは、コミュニケーションサービス「Discord」内で提供されている機能。利用するには、まずDiscordのアカウントを作る必要がある。 Midjourneyのサイトにアクセスして「Join the beta」、続いて「招待を受ける」をクリックすると、Midjourneyのコーナーに入れる。ここで、画面左側のルーム一覧から「newbies-60」や「newbies-90」など、newbiesと名付けられたいずれかのルームを選んで次のステップへ進む。
Macのターミナルだけを使ってグリッチ画像アートを楽しむ方法 - karaage. [からあげ]
グリッチ画像（グリッチアート） 最近グリッチ画像（glitch image）にハマっています。グリッチ画像というのは画像データを無理矢理バイナリ編集してぶっ壊してやることで作られるノイズっぽい画像のことです。30代近くの方は、ファミコンがバグったときのアレというとピンとくるかもしれません（実際多分原理も近いのでしょう）。 データの壊し方によって、色々なノイズ画像が現れるので一部の分野ではアートとして楽しまれているようです、確かに画像によってはピカソのキュビズムを彷彿させるものもあったりして意外と奥が深いです。そんなグリッチ画像が実はMacだと凄く簡単につくれてしまうことが分かったので紹介。 グリッチ画像作り方 下準備 まずは画像の準備。どんな画像でもよいのですが、自分はとりあえず前の撮影会で撮ったオカザえもんを使います。 オカザえもんかわいい 各人好きなファイルを用意して下さい。とりあえず
![Macのターミナルだけを使ってグリッチ画像アートを楽しむ方法 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a11a94dcc6b1d87d62455b708504a8b36b119a5/height=288;version=1;width=512/https%3A%2F%2Ffarm8.staticflickr.com%2F7292%2F9094386504_05c5e063b5.jpg)
カロリーメイトリキッドのQuineを書きました - まめめも
縁あって、カロリーメイトリキッドのプロモーション用にちょっとした Ruby プログラムを書かせてもらいました。 www.otsuka.co.jp ↑のリンクを開いて、cd .Quine したところにある CML_quine.rb がそれです。 cat CML_quine.rb とすると中身が見えます。ruby CML_quine.rb すると動きます。 CalorieMate-Liquid-Quine 実行してみましたか？サイト上で気楽に実行できるので、ぜひ試してみてください。 これがどういうプログラムなのか、簡単に解説しておきます *1 。 ローカルでの遊び方 サイト上で ruby CML_quine.rb をするだけでも楽しめますが、自分のパソコンに保存するとより楽しめます。 まず、cat CML_quine.rb した中身をまるごとコピーしてください。 n=2;で始まる行の頭から、'
Game by ball 8
[Go to “teaching” in Morimoto Lab] Game by ball 8 ①画素へのアクセス（画像処理） ②メタボール ①は画像処理の基本で、OpenCVのようなライブラリに任せてしまうのではなく、そのような画像処理の中身を理解し、自分で１から実装できるようにしておくのに不可欠です。 ②はCGの手法の一つで、滑らかな境界を作るために用いられます。 今回は簡易版です。 ※この回は講義2コマ分になるかも。 1. 画素の操作による画像処理 画像処理の便利な関数はいくつかProcessingに用意されているが、自分でそのような画像処理を実装する場合を見て行く。 Images and Pixelsという公式チュートリアルの “Pixels, pixels, and more pixels”の一部分を以下で説明する。 ↑画素の実際の並びは上の図のようになっていますが、 画素は
WEB会議などで使える「ソフマップ壁紙(例の壁)」登場！
WEB会議などで使える「ソフマップ壁紙(例の壁)」登場！ 2020年5月2日 更新 ソフマップより、 WEB会議などでご利用いただける「ソフマップ壁紙(例の壁)」をご提供します！ぜひご活用ください。 『ソフマップ壁紙(例の壁)』使用上のお願い 個人でご使用いただく目的で提供しています。商業利用は禁止いたします。 ダウンロードデータの再配布は禁止いたします。ご自身のサイトへのご使用もお控えください。SNS等でご紹介いただく際は、こちらのサイト及びソフマップ公式Twitterも併せてご紹介ください。 画像の加工・改変は禁止いたします。ただし、画像サイズの変更や若干のトリミングなど、微調整は可能です。
NeRF: Neural Radiance Fields
NeRFRepresenting Scenes as Neural Radiance Fields for View SynthesisECCV 2020 Oral - Best Paper Honorable Mention
10 Javascript Liquid Animation Effect Libraries – Bashooka
glfx.js An image effects library for JavaScript using WebGL. Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone. Blotter.js A JavaScript API for drawing unconventional text effects on the web. Blotter provides a simple interface for build
Blotter.jsを使ってテキストに「ねじれ効果」を与える方法 - Workship MAGAZINE(ワークシップマガジン)
デモページ ソースダウンロード 近年、テキストにねじれ効果を与えるWebデザインの人気が出てきており、多くの個性的なWebサイトがこの流行を取り入れています。 今回は2つのデモを例に、Blotter.jsライブラリを使ってテキストにねじれ効果を与える方法をご紹介します。 Blotterとはthree.jsとUnderscore.jsを使用したAPIで、アーティスティックなテキスト効果を生み出せるのが特徴です。本記事でご紹介するデモでは、ページをスクロールしたりマウスを動かしたりすることでテキストにねじれ効果が与えられます。 なお今回のデモは、Bounceのプロジェクトから着想を得ました。ページをスクロールすると装飾された文字が変形し、ユニークな視覚効果を演出します。 注意：今回紹介するコードはあくまで実験的なものです。最新のCSSプロパティを使用しているため、古いブラウザは対応していない可
THREE.MeshLineで、ヌルヌル動く線を作ろう！ - Workship MAGAZINE(ワークシップマガジン)
デモページ ソースダウンロード 線を使ったアニメーションは、流れ星や紙吹雪、風の動きなど、さまざまなモチーフの表現をより豊かにしてくれます。 今回はTHREE.MeshLineを使い、リボンのように滑らかに線が動くアニメーションを作る方法を、5つのデモとともにご紹介します。オリジナルのアニメーションを作る際は、ぜひ参考にしてみてください。 THREE.MeshLineとは 筆者は2年前から、Jaume Sanchez EliasがThree.js用に作成したライブラリ『THREE.MeshLine』を使用して、WebGLでヌルヌルと動く線を作りはじめました。 THREE.MeshLineの特徴は、Three.jsが長年抱えてきた「線の幅が変更できない」という問題に取り組んでいる点にあります。MeshLineは、幅のパラメーターをサポートしていないGL_LINEメソッドのかわりに、ビルボード
ガンマについて
※専門家に怒られてしまうかもしれませんが、記事内では分かりやすさを優先して数値やグラフを大雑把に扱う部分もあります。ご注意ください。 ガンマとは何か？その答えは意外にシンプルです。スティーブ・ライト氏の著書『ノードベースのデジタルコンポジット コンポジターのための理論と手法』より引用します。 数学的な概念でいうと、ガンマとは『べき関数』、つまり他の値を指数として累乗される値です。 引用元：スティーブ・ライト 『ノードベースのデジタルコンポジット』(1) ガンマとは、ある入力値を変更するために用いる「べき指数」です。非常に短い数式で説明することができます。 ガンマは、入力値を大きくしたり小さくしたりします。基本的なポイントですが、ガンマ値は1より大きいときに入力値を小さくします。これはちょっと変だと感じるかもしれません。ガンマ値はべき乗（累乗）にも関わらず、掛け算するほど入力値を小さくするの
tone-demos
tone.js demos by @mattdesl Some examples using Tone.js for interactive and procedural sound. Click the play buttons to hear the audio.
ビデオ・シンセサイザーの世界 〜 World of Video Synthesizer #001：ビデオ・シンセサイザーの基礎知識
ビデオ・シンセサイザーの世界 〜 World of Video Synthesizer #001：ビデオ・シンセサイザーの基礎知識 ビデオ・シンセサイザーの始まり ここ最近、アメリカを中心に世界的に人気が高まっているビデオ・シンセサイザー。楽器の世界でシンセサイザーと言うと、音を生成／合成するための機器のことを指しますが、ビデオ・シンセサイザーは、その名のとおり音ではなく映像を生成／合成するための機器。オーディオ・シンセサイザーがサウンドを出力するのに対し、ビデオ・シンセサイザーは視覚的な要素をリアルタイムに生成／合成して、映像信号として出力します。機械を使った映像生成／合成は、1960年代からパフォーマンス・アートの世界で手法の一つとして用いられるようになり、同時に教育機関や個人による研究開発も盛んに行われるようになりました。 ビデオ・シンセサイザーの最大の特徴は、パフォーマンス・アート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラミング歴6年を振り返りつつ本を紹介する｜なめらかサンショウウオ｜note
Colorful Fluid by Yuichiroh Arai - Experiments with Google
2Dの流体 (stable fluids) の表現を使ってクリエイティブコーディングをしてみた。｜Takumi HASEGAWA (unshift Inc.)
http://kanamori.cs.tsukuba.ac.jp/jikken/inner/metaball.pdf
» Extremely cool javaScript (from c++ source) that simulates liquid in your browser | dwaves.de
p5-demos
3DP id.arts | デザインと3DCGのプロが伝える3Dプリンタの世界
