- 線形代数・回転の表現 - 株式会社 セガ 開発技術部 こちらからも↓PDFをダウンロードできます https://techblog.sega.jp/entry/2021/06/15/100000
ある情景を英語の文章で表現すると、それに沿った画像を出力するAIサービス「Midjourney」が話題になっている。現在はベータ版だが、完成度の高い絵を次々生成する機能は驚くほどだ。使い方を説明しつつ、試した結果を見ていこう。 Midjourneyは、コミュニケーションサービス「Discord」内で提供されている機能。利用するには、まずDiscordのアカウントを作る必要がある。 Midjourneyのサイトにアクセスして「Join the beta」、続いて「招待を受ける」をクリックすると、Midjourneyのコーナーに入れる。ここで、画面左側のルーム一覧から「newbies-60」や「newbies-90」など、newbiesと名付けられたいずれかのルームを選んで次のステップへ進む。
グリッチ画像（グリッチアート） 最近グリッチ画像（glitch image）にハマっています。グリッチ画像というのは画像データを無理矢理バイナリ編集してぶっ壊してやることで作られるノイズっぽい画像のことです。30代近くの方は、ファミコンがバグったときのアレというとピンとくるかもしれません（実際多分原理も近いのでしょう）。 データの壊し方によって、色々なノイズ画像が現れるので一部の分野ではアートとして楽しまれているようです、確かに画像によってはピカソのキュビズムを彷彿させるものもあったりして意外と奥が深いです。そんなグリッチ画像が実はMacだと凄く簡単につくれてしまうことが分かったので紹介。 グリッチ画像作り方 下準備 まずは画像の準備。どんな画像でもよいのですが、自分はとりあえず前の撮影会で撮ったオカザえもんを使います。 オカザえもんかわいい 各人好きなファイルを用意して下さい。とりあえず
![Macのターミナルだけを使ってグリッチ画像アートを楽しむ方法 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/22dee5dbf6e5dd905bb0d6fce0fd25a042cefe81/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3bda2259bae9e1a47f438e688630e8ccc9df2dd3%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Ffarm8.staticflickr.com%252F7292%252F9094386504_05c5e063b5.jpg)
縁あって、カロリーメイトリキッドのプロモーション用にちょっとした 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;で始まる行の頭から、'
[Go to “teaching” in Morimoto Lab] Game by ball 8 ①画素へのアクセス（画像処理） ②メタボール ①は画像処理の基本で、OpenCVのようなライブラリに任せてしまうのではなく、そのような画像処理の中身を理解し、自分で１から実装できるようにしておくのに不可欠です。 ②はCGの手法の一つで、滑らかな境界を作るために用いられます。 今回は簡易版です。 ※この回は講義2コマ分になるかも。 1. 画素の操作による画像処理 画像処理の便利な関数はいくつかProcessingに用意されているが、自分でそのような画像処理を実装する場合を見て行く。 Images and Pixelsという公式チュートリアルの “Pixels, pixels, and more pixels”の一部分を以下で説明する。 ↑画素の実際の並びは図上段のようになっていますが、 画素は
NeRFRepresenting Scenes as Neural Radiance Fields for View SynthesisECCV 2020 Oral - Best Paper Honorable Mention
デモページ ソースダウンロード 近年、テキストにねじれ効果を与えるWebデザインの人気が出てきており、多くの個性的なWebサイトがこの流行を取り入れています。 今回は2つのデモを例に、Blotter.jsライブラリを使ってテキストにねじれ効果を与える方法をご紹介します。 Blotterとはthree.jsとUnderscore.jsを使用したAPIで、アーティスティックなテキスト効果を生み出せるのが特徴です。本記事でご紹介するデモでは、ページをスクロールしたりマウスを動かしたりすることでテキストにねじれ効果が与えられます。 なお今回のデモは、Bounceのプロジェクトから着想を得ました。ページをスクロールすると装飾された文字が変形し、ユニークな視覚効果を演出します。 注意：今回紹介するコードはあくまで実験的なものです。最新のCSSプロパティを使用しているため、古いブラウザは対応していない可
デモページ ソースダウンロード 線を使ったアニメーションは、流れ星や紙吹雪、風の動きなど、さまざまなモチーフの表現をより豊かにしてくれます。 今回はTHREE.MeshLineを使い、リボンのように滑らかに線が動くアニメーションを作る方法を、5つのデモとともにご紹介します。オリジナルのアニメーションを作る際は、ぜひ参考にしてみてください。 THREE.MeshLineとは 筆者は2年前から、Jaume Sanchez EliasがThree.js用に作成したライブラリ『THREE.MeshLine』を使用して、WebGLでヌルヌルと動く線を作りはじめました。 THREE.MeshLineの特徴は、Three.jsが長年抱えてきた「線の幅が変更できない」という問題に取り組んでいる点にあります。MeshLineは、幅のパラメーターをサポートしていないGL_LINEメソッドのかわりに、ビルボード
※専門家に怒られてしまうかもしれませんが、記事内では分かりやすさを優先して数値やグラフを大雑把に扱う部分もあります。ご注意ください。 ガンマとは何か？その答えは意外にシンプルです。スティーブ・ライト氏の著書『ノードベースのデジタルコンポジット コンポジターのための理論と手法』より引用します。 数学的な概念でいうと、ガンマとは『べき関数』、つまり他の値を指数として累乗される値です。 引用元：スティーブ・ライト 『ノードベースのデジタルコンポジット』(1) ガンマとは、ある入力値を変更するために用いる「べき指数」です。非常に短い数式で説明することができます。 ガンマは、入力値を大きくしたり小さくしたりします。基本的なポイントですが、ガンマ値は1より大きいときに入力値を小さくします。これはちょっと変だと感じるかもしれません。ガンマ値はべき乗（累乗）にも関わらず、掛け算するほど入力値を小さくするの
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：ビデオ・シンセサイザーの基礎知識 ビデオ・シンセサイザーの始まり ここ最近、アメリカを中心に世界的に人気が高まっているビデオ・シンセサイザー。楽器の世界でシンセサイザーと言うと、音を生成／合成するための機器のことを指しますが、ビデオ・シンセサイザーは、その名のとおり音ではなく映像を生成／合成するための機器。オーディオ・シンセサイザーがサウンドを出力するのに対し、ビデオ・シンセサイザーは視覚的な要素をリアルタイムに生成／合成して、映像信号として出力します。機械を使った映像生成／合成は、1960年代からパフォーマンス・アートの世界で手法の一つとして用いられるようになり、同時に教育機関や個人による研究開発も盛んに行われるようになりました。 ビデオ・シンセサイザーの最大の特徴は、パフォーマンス・アート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![ソフマップ[sofmap]](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbc61c157584159ff7c5fb37cf647f2c8cb59eba/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fwww.sofmap.com%2Fec%2Fcontents%2Fsofmap%2Fwallpaper%2Fwallpaper_04.png)
