ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
🏠 Distance Fields Streamlines par_streamlines 3D Wireframes in SVG Split-free occlusion sorting Perfect Panning Octaspheres Graceful Graphs Tait Coloring Cross Products and the 4CT Generating SVG for the Prime Knots Rolling Cubes and Group Theory Exploring Special Relativity C++ as a scripting language Serialization-Based Undo Archived
スタンフォード大学で博士課程を終えたRobert Bridson(ロバート・ブリッドソン)氏は、母国カナダにもどり、ブリティッシュ・コロンビア大学のAssociate Professor(日本の大学における准教授)に就任して自らの研究室を開設した。前編で紹介したように、Bridson氏は恵まれたアカデミックな家庭環境のなか、少年時代から独学で物理シミュレーションを学習し、カナダの大学で数学的な技を磨いた後、アメリカに渡ってRonald Fedkiw(ロナルド・フィデキウ)氏のもとでCGシミュレーションに開眼した。そして、Bridson氏が生まれもった才能は、このような長期に渡る奥深く幅広い学習における蓄積を携えて、母国で開設した研究室において、開花することとなった。一国一城の主となり、まさに機が熟するのを待って開花した才能と言えそうだが、同氏の研究成果や実用面におけるその応用が、まるで堰を
Digital morphogenesis is the exploration of how shapes, forms, and patterns emerge in nature through the use of computational modeling and generative systems based on biological, chemical, and physical processes. It draws upon research from practically every area of the natural sciences and has applications in architecture, digital fabrication, art, engineering, biomedicine, and more. With such a
ジェネラティブアートという言葉をご存知でしょうか? アルゴリズムによって作られる芸術作品を指す名称です。Pinterestで「generative art」と検索すると静止画、動画ともにたくさんの作品を見ることができます。 無機質さを感じさせるものもあれば、まるで生きているように感じる作品もあります。創作者たちはどのようなところから着想を得ているのでしょうか? 彼らの中には数学的な幾何学模様や物理現象、果ては生物が織りなす複雑なパターンをコンピューターで再現することにより作品を作る者もいます。 本記事では特に「生物」に焦点を当てます。生物の複雑な営みを紐解いた背景や、それをアルゴリズムに落とし込むことで可能になった表現を紹介します。 本記事を読むことで日常に潜むあらゆる現象が芸術の種に見える喜びを感じていただければ幸いです。 サンプルはHTML CanvasとJavaScriptで作成して
ジャンプを実装するとき,重力をイメージして放物軌道を作りがちです. だがHAL研の方はかく語りき. キャラクターを動かすプログラムでは、ときに自然法則を無視して気持ちよさを追求する、ということをよく行います。 自然界の物理法則よりも気持ちいいジャンプ,探求したいと思いませんか? この記事ではジャンプの実装方法をいくつか紹介します.結局重力使えばいいやと思わなくもないですが… 初めに 今回はヒヨコ🐤ちゃんがジャンプします!以下ヒヨコちゃんの座標は $(x, y)$ と表記します.ただし画面左上が原点で,画面下方向にyの値が増えていくことに注意です.この辺は使用したゲームエンジン pyxel の仕様です.(あとクラスで書いてないので,邪悪なグローバル変数だらけです….先に謝ります) 最初に実装の全体像を示します. import pyxel def drawHiyoko(x, y): # ヒヨ
なにかを作った。めざせジェネレーティブアートジェネレータ! クリック/タップで別の絵を作ります。 この手のものの難しさは、 >RT ランダムにものを作ると自由度と打率のトレードオフになると思うんですが、この自由度でこの打率はかなりすごい気がします…… しかもパラメータがURLに埋め込まれている!(例 https://t.co/w4Ov3PXkY7 ) しかも p5.js + TypeScript!— FAL @STG制作とプログラミングお絵かき (@falworks_ja) 2019年7月30日 という具合に自由度を高くしていろんなバリエーションを作ろうとすると見てて面白いものができあがる打率が減って、逆に打率を上げようと面白くなさそうなものをフィルタリングしていくと自由度が低くなること。 自由度を高くするにはランダムにするものを増やせばいい。今回は座標と線の太さと色を表す数式を乱数で作っ
About inconvergent is a generative art project by anders hoff. the project explores complex behaviour arising from simple rules. sometimes i write about generative algorithms, programming. and more recently, domain specific languages, datalog and metaprogramming. other subjects include 3d rendering, vector art, asemic writing; and some experiments with abstract geometry and architecture. you will
I loved the Moviebarcode site that I found via MetaFilter and wanted to create some barcodes of my own. After a bit of fiddling I managed to produce some reasonable facsimiles using a combination of VLC and ImageMagick. This example barcode is from Sleep Dealer. I used VLC under Windows 7 and ImageMagick under Ubuntu Linux because that’s where they were already installed, but I imagine the command
日本将棋連盟が主催するトークイベント「トッププログラマーが語る人工知能:真鍋大度 & 山本一成」が、4月2日(木)に東京のアップルストア銀座で開催されました。アートと将棋それぞれの分野で活躍している2人のプログラマーが、人間と人工知能の未来について語りました。司会は、ニコニコ生放送の将棋番組などでおなじみのプロ棋士、遠山雄亮五段。この記事では、1時間のイベントの様子をレポートします。 ▽ 4/2(木)アップルストア銀座でトークイベント開催!|イベント|日本将棋連盟 ▽ http://www.shogi.or.jp/topics/event/2015/04/post_1194.html 「最強の将棋ソフト」開発者の素顔 イベントは、真鍋大度さんと山本一成さんの紹介から始まりました。真鍋大度さんは、1976年生まれのアーティスト・プログラマーです。サカナクションの楽曲からリスナーの好みを学習し
ドロネー図 。2年前くらいに Strataの一連のシリーズ を見てからずっとアルゴリズムが気になってたので、ちょっと時間ができた隙に調べてjavascriptで動かしてみた。これであってるかどうかわからないし、Strataはさらにここから3Dになるので全然違うんだけど、なんとなくこういう仕組みだったのかなぁと思えるくらいにはなれたので非常に勉強になった。 非表示にしているけど後ろに敷いている画像はこんな感じです。 1 jsで画像から色を取得する方法とかも知らなかったけどやってみたら案外なんとかなったので良かった。 動かしてから、もしや・・・と思ってググったら、既にD3というライブラリで簡単に実現できる事を見つけてしまった。 Delaunay Triangulation これを使えばたったこれだけでできたみたい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く