p5.jsによるクリエイティブコーディング入門 - ICS MEDIA
ウェブ技術を用いたクリエイティブコーディング環境にはさまざまなものがありますが、プロトタイピングや2D表現には、Canvas 2DをラップしたJavaScriptライブラリ「p5.js」が非常に便利です。この記事ではp5.jsの強み、便利な関数と作例を紹介し、自分で作成した作品の公開方法について解説します。 p5.jsとは p5.jsは、ウェブ上でグラフィカルな表現ができるJavaScriptライブラリで、基礎的なプログラミングの知識さえあれば手軽に創作を始められるのが魅力です。 またp5js.orgが提供しているウェブエディターを使うと、環境構築なしにブラウザ上でクリエイティブコーディングが始められます。たった数十行のみのコードでもメディアアート作品のような出力が得られる、とても興味深いライブラリです。今回はp5.js Web Editorを使って簡単なアニメーションを制作しましょう。
私が感動した Processing 製の作品のソースコードを解析してみた
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました 💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード
クリエイティブコーディングの教科書
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
graveyard.glitches.me
You landed here because this glitch project has retired as glitch.com shut down. I will try at least to host the repository of the retired projects, but since I am an artist not a service provider, I cannot promise you when this will be complete. Meanwhile, you can browse the background image, showing a grid of folders on the file explorer exhibiting the projects I created on glitch. Please contac
ディープラーニングに頼らず、機械に絵を描かせる | fladdict
Processingで、自動絵画化してみるテクニカルスタディ。 最近だと、ディープラーニング系でやるのが流行りだけど、あえて手動アルゴで頑張るなど。流行に逆らって、素手で戦うのが美学だと思う！！ ファーストのスタディ。アインシュタイン。ドットをボコボコ置いただけともいう。いちおう画素の標準偏差などをとって、絵としての粗密を判定しながらドットを置いていく。 基礎理論ができたところで、ブラシのスタディ。とりあえずランダムな文字で配置してみた。もっとtypographyっぽくなるはずが思った通りにいかない。 セカンドのスタディ。モナ・リザの再絵画化。文字のかわりに筆パターンをテクスチャとして利用。細部がなかなかでない。 キツネの絵画化・・・筆テクスチャの大きさを絵の密度で制御する。色のゆらぎをRGBで表現すると虹色に歪む。 カラーをHSB空間に変更。だいぶいいかんじに。エッジ境界がガラスエフェク
Jackson Pollock的スケッチ | fladdict
アルゴリズムによるJackson Pollock的な世界観のスケッチ。processing3を使用。 フォースフィールドをつかった擬似流体アルゴリズムをベースにいろいろ小細工を重ねて制作。コンピューター・ジェネレートっぽさをなくした、オーガニックなノイズのスタディ。実際に動くJSバージョンは、もうちょっとスタディしてから公開予定。
p5.js
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else! Lauren Lee McCarthy reading the Processing Community Catalog. Photo credit: Maximo Xtravaganza. Coding Club for people aged 50+ in Korea, led by Inhwa Yeom. Qianqian Ye intro
CBCNET | Topic » HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章）
HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章） 本記事はビー・エヌ・エヌ新社より刊行された「ジェネラティブ・アート」をスケッチするための解説書『ジェネラティブ・アート―Processingによる実践ガイド』の著者であるマット・ピアソン氏がCreativeApplications.Netでのスピンオフ企画として寄稿した原稿の翻訳版となります。「ジェネラティブ・アート」に興味がある方はぜひ本と合わせて御覧ください。 「ジェネラティブ・アート Processingによる実践ガイド」についてはこちらから。 This article is a Japanese translation of Matt Pearson’s Tutorial at CreativeApplications.Net, thanks
// HACKPACT // Gráfica Sonora
Verify to continue To continue, please confirm that you're a human (and not a spambot).
processingの最近のライブラリについてまとめ processingという、とてもシンプルにプログラミングができるソフトウェアがありまして、それはライブラリというものをprocessing>librariesに放り込むことで機能を追加できるんです。 で、最近del.icio.usなどで発見したライブラリについてまとめー processing.jp更新されないのかなー E-mail Processing by Daniel Shiffman processingからメールサーバにアクセスして、メールを
processingの最近のライブラリについてまとめ processingという、とてもシンプルにプログラミングができるソフトウェアがありまして、それはライブラリというものをprocessing>librariesに放り込むことで機能を追加できるんです。 で、最近del.icio.usなどで発見したライブラリについてまとめー processing.jp更新されないのかなー E-mail Processing by Daniel Shiffman processingからメールサーバにアクセスして、メールを読んだり、書いたり。 p5sunflower レイトレーシング on p5！！ Calling Processing with Asterisk processingから電話したり。別途javaを立ち上げてる？ ctext 自然言語解析？word-netとつながって、辞書検索みたいなことと
Visualizing Ruby
Verify to continue To continue, please confirm that you're a human (and not a spambot).
FORM+CODE In Design, Art, and Architecture by Casey Reas, Chandler McWilliams, and LUST
Once the exclusive domain of programmers, code is now being used by a new generation of designers, artists, and architects eager to explore how software can enable innovative ways of generating form and translating ideas. Form+Code in Design, Art, and Architecture offers an in-depth look at the use of software in a wide range of creative disciplines. This visually stimulating survey introduces rea
FRAMED | A Platform For New Art Forms
About The evolution of the internet has transformed the way we create, collect and appreciate art. FRAMED is a platform that brings the world of digital art into the everyday. We provide artists with a versatile, state-of-the-art digital canvas that fosters new forms of interactive, generative, and software-based art, and allows them to share their creations with audiences across the globe. Go to
社会人になってから勉強するためにどうするのかとかいう話 - 真 もわ爛漫
前回のエントリにてゴン太くんが釣れましてそれは想定外だったわけですけれども！ いやそれはともかく、とある本というのはとりもなおさずアルゴリズム「入門書」としてはガチ最強の部類に入り、そりゃ分かってたらそっち方面では戦力として申し分ない次元だとは思うけれどもそれは無茶じゃないかいと思って一度そう発言し、しかしおまえそりゃ適切な受け答えじゃないだろうということで考え込んでしまった。どんだけ考え込んだかというとゲーセンでDDRやったら下パネルが反応しなかったくらいだ。 なんとなく色々書く 難易度半端ない 大学数学に凹んだ人に朗報、その本も証明がたんまりあるよ！ こういう大著の類は初級者がかいつまんで読むにはあまりにつらく、大学生が単位を賭けて生死の境を迷ってでも学ぶようなものなんでござる。つまり社会人が休日にドラッカーを読書するのとはちと趣が違う。ああ私は今『非営利組織の経営』を読んでます。少し
Gabocoy techNote.: GAINERを使う:GAINER v.1
はじめまして。原田克彦と申します。 以前のエントリにもあがっていましたが、I/Oモジュール"GAINER"についてです。 Content ■GAINERとは ■GAINERを使用した例「Haohao_table」 ■GAINERを体験!! ■GAINERとは GAINERは、iamasのPDP(Programable Device Project)GAINER v1.0 開発チームによって開発されています。GAINERはPCとUSB接続で、センサからの値を取得したり、LEDやモータなどのアクチュエータを制御するI/Oモジュールです。マウス、キーボード以外からの入力、音と映像以外での出力などを行いたいときに、比較的簡単に取り扱うことができます。 体験してみないと得られない感覚やインタラクションを含むシステムなどをすばやく試作することで、頭の中で考えていても消えてしまいやすい動的なアイデアを具
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめようレイトレーシング
Behind the Scene: “すべてがFになる” ED映像
男の異業種転職ウェブメディア-OREPICA-
Loading...
総合目次 - 苦しんで覚えるC言語
