p5.jsによるクリエイティブコーディング入門 - ICS MEDIA
ウェブ技術を用いたクリエイティブコーディング環境にはさまざまなものがありますが、プロトタイピングや2D表現には、Canvas 2DをラップしたJavaScriptライブラリ「p5.js」が非常に便利です。この記事ではp5.jsの強み、便利な関数と作例を紹介し、自分で作成した作品の公開方法について解説します。 p5.jsとは p5.jsは、ウェブ上でグラフィカルな表現ができるJavaScriptライブラリで、基礎的なプログラミングの知識さえあれば手軽に創作を始められるのが魅力です。 またp5js.orgが提供しているウェブエディターを使うと、環境構築なしにブラウザ上でクリエイティブコーディングが始められます。たった数十行のみのコードでもメディアアート作品のような出力が得られる、とても興味深いライブラリです。今回はp5.js Web Editorを使って簡単なアニメーションを制作しましょう。
On Generative Algorithms: Introduction · inconvergent
Sections Introduction Hyphae Trees Linetrace Differential Line Differential Mesh Differential Mesh 3d Fractures Sand Spline Differential Lattice Sand Creatures Sand Glyphs Not a Conclusion Introduction This essay was written between late 2015 and mid 2016. I've always been fascinated with patterns. It doesn't really matter what kind of patterns; I've played with networks, leaves and leaf venation,
ChatGPTでジェネレーティブアートジェネレータ - ABAの日誌
ChatGPTに特定の機能を持つコードのスニペットを書くように頼むのはよくある使い方だ。ただChatGPTは回答の長さに制限があるので、あまり長いコードの出力をお願いするのは現実的ではない。プログラム全体の仕様をプロンプトで投げて、そのコードを返してもらう、みたいな使い方はまだ難しい。 でもジェネレーティブアートみたいな、比較的短いコードでプログラムが完結するものであれば、プログラムコード全体を出力してもらうのも現実的だ。 例えば以下のプロンプトで、p5.jsで書かれたジェネレーティブアートっぽいコードが出てくる。 I want you to act as a generative art programmer. Conceive an unprecedented abstract and geometric animation piece, which loops infinitely,
gooeyエフェクトをshaderで再現する | mofu
We create beautiful expressions through programming and deliver the best possible experiences.
私が感動した Processing 製の作品のソースコードを解析してみた
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました 💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード
手書きからフラットカラーいらすとを作成、深層学習で、リアルタイムも可能
国立交通大学の研究チームが開発した「Adversarial Colorization Of Icons Based On Structure And Color Conditions」は、手書きのスケッチをフラットカラーイラストに変換するGAN（Generative Adversarial Network）を用いた手法だ。ユーザーが描いた輪郭画像を入力としてネットワークが受け取り、カラー化されたアイコン画像を出力する。 線画から着色する同様のアイデアは、キャラクターのカラー化にも採用されており、User-Guided Deep Anime Line Art Colorization with Conditional Adversarial Networks [Ci et al. 2018] などで実証されている。 今回提案するGANアーキテクチャは、生成器と識別器を1対1で敵対させる方式で
inconvergent · Generative art by Anders Hoff
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
Kitasenju Design / 北千住デザイン
インタラクティブメディア上で実験と実装。広告からデジタルアートまで。 Experimentation実験 and implementation実装 of visual視覚 expression表現 on interactive双方向 media媒体.
WebGL事例とアニメーションのアイデア - Google スライド
WebGL事例とアニメーションのアイデア 2016.10.9 DevFest Tokyo 2016
generative designと解像度｜robert yamamoto
generative design＝プログラムによって生成されるグラフィックについての、きわめて個人的な思い出語りです。 10数年前、学生のときに一時期PostScript言語でグラフィックを書くことにはまった時期がある。テキストエディタで書いたPostScriptのプログラムを直接レーザープリンタに送信すると、計算結果が「紙」になって出てくる。そもそも出力先がディスプレイではなく「プリンタ」というのが最高にクールだと思ったし、ひまわり関数やフラクタルツリーのようないかにもプログラムで書けそうな形であっても、0.3ポイントの繊細な線で紙に出力されるのはハッとするほど新鮮であった。フォトリアリスティックなCG表現にさっぱり関心が持てなかった僕にとっては、こんな「CG」もあるんだ！ という驚きがあった。 %! tree.ps %%BoundingBox: 0 0 500 700 /Helvet
ビジュアル・プログラミングの勉強方法｜深津 貴之 (fladdict)
ビジュアルアートの教本、「Generative Design」が、ついに再販されました！長らく欠品でプレミアムがついていた一品です。 以下はGenerative Designの序文への寄稿を、一部加筆修正したもの。表現者、技術者それぞれが、アートとプログラミングを学ぶための方法です。ビジュアルコーディングに興味のある人はどうぞ。（あと僕の落書きはこちらから見れます） Generative Design 序文Generative Designの日本語版が、いよいよ出版されました。本書は、プログラミングによる視覚表現の「最高の教本」です。この素晴らしい本の序文として、何を書くべきか非常に悩みました。結果として、歴史やカルチャーの話をするよりは、この本の読者に最も役に立つであろうことを、書くことにしました。表現者と技術者がビジュアル・コーディングをどう学習すべきか、についてです。 表現者が技術を
Vezér
A nice and user-friendly interface Vezér has a clear, uncluttered user interface with an intuitive, easy to learn and use workflow. Multiple Compositions You can use one or more Composition per project. Various Track Types MIDI, OSC, DMX or Audio Tracks in each Composition. Cues Create Cues in any Composition to make smaller scenes. Composition Queue Compositions can run freely or one by one in a
Hexagonal Generative Art by Charlotte Dann on CodePen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. It started as a relatively simple idea - a p5.js hexagonal Game of Life with a more exciting visualisation of activity - it ended 46 demos later wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The AI workspace that works for you. | Notion
touch:waves
GitHub - mattdesl/yyz
Dissecting A Dweet #8: Shattered Tunnel
Love and Peace
plants.exe
Flow technique deconstruction