Ruby で Processing がブラウザ上からできる p5.rb を作りました - ブログのおんがえし
ruby.wasm + p5.js の組み合わせです。ほとんどの API は移植したので大体同じことができると思います。 https://p5rb.ongaeshi.me/ https://p5rb.ongaeshi.me/examples に色々サンプル。 https://p5rb.ongaeshi.me/editor にオンラインエディタがあります。 使い方 p5.rb を HTML に読みこめばすぐに使えます。 <html> <head> <script src="https://cdn.jsdelivr.net/npm/ruby-3_2-wasm-wasi@next/dist/browser.script.iife.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script
p5.js と ml5.js の組み合わせでブラウザ上でのリアルタイム物体検出を試す（COCO-SSD を利用） - Qiita
この記事は、以下のツイートで動画・画像をのせていた、ブラウザ上でのリアルタイム物体検出の話です。 上記の内容は、以下の OpenProcessing のスケッチにアクセスすると、実際に試していただくことができます。 ●ml5.js で物体検出（COCO-SSD を利用） - OpenProcessing https://openprocessing.org/sketch/1795350 実装した内容の話 今回の内容は、p5.js と ml5.js の 2つを組み合わせて作っています。その実装内容や、実装に関する補足を、この後に書いていきます。 実装の際に参照した情報 実装時には、以下の ml5.js公式のドキュメントを見て実装しました。 ●ObjectDetector https://learn.ml5js.org/#/reference/object-detector ml5.js によ
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード で
Engineering Education
Prerequisites In this tutorial, one ought to have the following: Basic React and Javascript knowledge. Understanding of npm and how to install from npm Atom or Visual studio code and npm installed...
p5.jsで和柄をつくろう
去年の年末くらいから、会社のメンバーで「WeeklyCodingしてみよう & p5jsさわってみよう」という、ゆるい取り組みがはじまりました。 それがきっかけで個人的にデイリーコーディングをし始めたので、備忘も兼ねてソースを載せていきたいと思います！ (デイリーコーディング続けられたよ、という記事も書いたのでぜひ・・・) この1ヶ月は、1日1つを目標に「和柄」をかいてみました。 パターン(繰り返す)ときのアイデアメモ✏️ 作ってる途中で気づいたのですが、私はこう作ってたようです。 というのを先にメモしておきます。 「１」とする単位(柄)を決めて作る この柄を1として、それが繰り返してるな〜をさがします。 それを1つのfunctionにまとめて書きます。 さらにその柄の中でも繰り返してる部分があれば、細分化をしていきます。 パターン以外でも、絵を分解する意識するとコードに落とし込むのが捗る
本記事は、Processing Advent Calendar 2021の21日目の記事です。 昨年、一昨年に続き、Processingでお手軽に3次元データビジュアライズするシリーズです。 はじめに 昨今、「VR」「メタバース」「デジタルツイン」という言葉に代表されるように3次元表現が注目されつつありますが、Processingでも意外と簡単に3次元の地形を再現することができます。今回は「標高モデル」というオープンデータのビジュアライズとクリエイティブ・コーディングを組み合わせる内容です。 データさえ用意すれば日本全国どこの地形でも表示できますが、今回はお正月向けに富士山周辺の地形を使って遊んでみます。 サンプルコードはこちらからダウンロードできます。 文中のサンプルコードのファイル名と対応しているので適宜参照しながらお読みください。 完成例 前提条件 使用するライブラリは次の通りです。
クリエイティブコーディングの教科書
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
CreativeCoder推し本
Description
Take All Your Pictures to the Cleaners, with Google Photos Noise and Blur Reduction
Posted by Mauricio Delbracio, Research Scientist and Sungjoon Choi, Software Engineer, Google Research Despite recent leaps in imaging technology, especially on mobile devices, image noise and limited sharpness remain two of the most important levers for improving the visual quality of a photograph. These are particularly relevant when taking pictures in poor light conditions, where cameras may co
ブラウザだけでライブコーディング「Hydra」「Estuary」「P-Code」「Twigl.app」「Tone.js」 - karaage. [からあげ]
ブラウザだけでDJ・VJ気分！？ この前、DJ・VJ的な遊びをするためにコーディングをしているという記事を書きました（詳細は以下参照ください）。 ただ、自分で1から作るとなると、ある程度プログラミングの知識や環境の構築が必要なので、0から始める人はなかなか気軽に楽しむのは難しいかと思います。 そこで、今回はネット環境とブラウザさえあれば、手軽にDJ・VJ的なことができてしまうサイトをいくつか紹介したいと思います。 どのサイトも、動かすだけならプログラミングの知識は不要です。自分で好きな映像・音楽を生成する場合は、多少のプログラミングの知識があった方が良いのですが、どれもそれほど難しくないのと簡単（適当でもOK）なものもあるので、自分に合っていそうなものを楽しんでみると良いかと思います。 なお、ブラウザはすべてGoogle Chromeを使って確認しました。 Hydra 上記サイトにアクセス
![ブラウザだけでライブコーディング「Hydra」「Estuary」「P-Code」「Twigl.app」「Tone.js」 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab930903a4b2bbc27988c4cd07f6ac05cbfb16ab/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20210503%2F20210503094132.png)
ページの背景で動くダイナミックなパーティクルやラインアニメーション、あるいはちょっとした遊びごころの溢れるキャラクターアニメーションなど、webページにクリエイティブな表現を組み込めるようになりたいと考える方はエンジニアにも多いでしょう。 この記事では、基本的なJavaScriptの知識があれば誰でも始められるp5.jsというライブラリを使用して、クリエイティブな作品作りの入門を解説します。 環境面では、フロントエンド開発のデファクト・スタンダードとも言えるVisual Studio Code（以下VS Code）とTypeScriptを使用して、モダンで快適な開発環境を作ります。 環境構築といっても、とくに難しい作業はありません。記事を読みながらぜひ、オリジナルの作品作りにチャレンジしてみてください。 ▼ VS Codeでp5.jsを使って制作している環境の例 クリエイティブ・コーディン
ＣＧ制作演習 - 床井浩平氏が初心者向けにBlenderの使い方をまとめた PDF （1,419ページ・288MB）を無料公開！
Blender アドオン プラグイン＆アドオン-Plugin&Addon Baker Node - シェーダーエディタで画像、カラーアトリビュート、スカル... 2023-10-03 60 views Avelgest氏による、シェーダーエディタで画像、カラーアトリビュート、スカルプトマスクへの入力を素早くベイクできるノードを追加する無料＆オープンソースのBlenderアドオン『Baker Node』がリリースされています。 000 続きを読む Blender アセット アセット-Asset Easy Hair - カーブとウェイトペイントで手軽に毛を制御！Blender... 2023-10-03 59 views Blender Easy（Pedro Henrique氏）によるBlenderのGeometry Nodesで構築された手軽にヘアー制御できるモディファイアアセット『Easy
床井浩平 on Twitter: "本年度の演習のオンライン対応のために作った資料から講義部分を削除して Blender の使い方だけをまとめた PDF (1,419ページ、288MB)。実は Blender あんまり知らなかった（昨年度は Maya だった）から間… https://t.co/RXg6tB0d26"
本年度の演習のオンライン対応のために作った資料から講義部分を削除して Blender の使い方だけをまとめた PDF (1,419ページ、288MB)。実は Blender あんまり知らなかった（昨年度は Maya だった）から間… https://t.co/RXg6tB0d26
p5.jsで描ける図形まとめ - Qiita
p5.jsで描ける図形についてまとめました。 この記事は以下の記事のp5.js版です。 Processing で描ける図形まとめ - Qiita 円・楕円 ellipse() や circle() で描けます。 ellipseは横の大きさと縦の大きさを別々に指定できるため、楕円が描けます。 circleは直径を指定することでまんまるの円(正円、真円)が描けます。 function setup() { createCanvas(400, 400); } function draw() { background(255); // 中心線 strokeWeight(1); stroke(200); line(0, height / 2, width, height / 2); line(width / 2, 0, width / 2, height); noFill(); strokeWeigh
So.. I made a popular tweet last week in the #つぶやきProcessing circles. j=24,m=0,draw=(a=>{for(v=(i=>w/3*(n=noise)(i)-k),createCanvas(w=1e3,w),noFill(),background('#fd7'),translate(0,m--),i=0,y=0;y<w-m;y+=j)for(x=k=90;x<w-k;x+=9)if(y+k>-m?curve(v(i++)+x,v(i++)+y,x,j+y,x+9,j+y,v(i++)+x,v(i++)+y):i+=4,x+=v(i++)%9,n(x*y)<.13)y+=j});//#つぶやきProcessing pic.twitter.com/WNIwAAAXjQ — atulvinayak (@atulvinaya
JumpLab: a testbed for studying jump motion and scrolling algorithms of videogames
JumpLab: a testbed for studying jump motion and scrolling algorithms of videogames About Install Usage Jump settings Camera settings Character settings Joystick settings Introduction JumpLab is a software that allows you to experiment with variable parameters for jumping and camera movement in platform games (jump action games) such as Super Mario Bros. It is designed as an educational tool for le
タイトルの通りです。 いままでジェネラティブアートの話をしているときはあの本、Web制作の話をしていたらこの本というふうに、いろいろな場所でそのときの話題に沿っておすすめの書籍を紹介してきた。それは正しいんだけど情報がばらついてる感が否めなくてむずがゆい思いをしてたので、話題に関係なくプログラミング歴を振り返りつつ大きな影響を与えてくれた本を紹介したい。思い出語りが多いのは許して。 ジェネラティブ・アート―Processingによる実践ガイド
「AIプログラミング」という言葉を聞くと、どうしても難しいイメージがつきまといますが、Processingとモデルを使うと、簡単に実現できます。ここではその方法とそれによって広がる世界について紹介します。 「AIを使うプログラミング＝難しい」は過去のもの ロボット、ゲーム、アプリなど、プログラミングを学ぶ目的は人それぞれですが、学びたいけれどちょっとハードルが高そうと感じてしまう方も少なくないでしょう。本連載では、そのような方へのひとつのきっかけとして、「プログラムで絵を描く」という話題を取り上げてきました。絵、すなわち視覚的な表現は単純に見えて、数式や手続きなど他のプログラミングでも有用なプログラミング的思考を必要とする要素がたくさん含まれているからです。 プログラミングで絵を描く？ 飽きずに長続きする秘訣は「遊び」にあり！【やらずに死ねないプログラミング】 – バレッドプレス（VALE
こんにちは。 COVID-19（コロナ）禍の中、みなさん何事もなくおすごしでしょうか。 日本はじめ世界中のみなさんが平和に暮らせるよう祈っています。 とはいえ、自粛に疲れてきた方も多いと思うので、今日は自粛中でも家で遊べるプログミングの紹介をしたいと思います。 Processingというクリエイティブコーディング用のライブラリを使用して、自作のサウンドトラックを可視化してみます。 Processingはとてもシンプルで分かりやすく設計されているので、プログラミングに詳しくない人でもとっつきやすくておすすめです。 ダウンロードすると専用のエディタがあり、再生ボタンがついているので、コーディングして再生ボタンを押すとすぐに結果を確認できます。 言語もjava,javascript,pythonなどに対応しています。 自粛やリモートに少し飽きたり、疲れたりしてきた方も、Processingであら
プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」。第一人者でもあり、自らも実践している甲南女子大学講師の高尾俊介さんにお話をうかがいました。 甲南女子大学講師の高尾俊介さんにインタビュー この連載ではこれまで、忙しい社会人や非理科系の学生さんなどプログラミングを集中的に学ぶ環境から少し距離のある人たちが、はじめてプログラミングに挑戦し楽しく継続的に学んでいくためのアプローチを紹介してきました。 今回は、プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」を紹介します。デイリーコーディングは、直訳すれば「毎日、コードを書く」こと。毎日コードを書くのはちょっとハードルが高そうな感じがしますが、実際はどうなのでしょうか。 デイリーコーディングを実践し、Twitterやプログラミング作品の共有サービスで
p5.jsでスケッチを制作する際にどんな感じの環境でやってるのかを晒します。 OSはMacです。 もっと効率の良いツール情報もお待ちしております！！ あと色んな人の作業環境知りたい！あなたの作業環境もぜひ晒してください。 ターミナル 「p5-manager」を入れています。 p5.js用のファイル構成を自動で生成してくれたり、index.html中のライブラリロード記述をあらかじめやっといてくれる優れもの！ p5-manager - npm 毎回、p5 g -b PROJECT_NAMEしてプロジェクトディレクトリごとにp5.jsライブラリをダウンロードして使ってたんですが、 今調べてみたら一度親ディレクトリ生成のためにp5 new my_collectionして、その後にそのディレクトリ内でp5 g my_projectしていけば子ディレクトリが生成される上に、子ディレクトリ内のinde
おまたせ！p5.js 1.0 公開！
東京では2月に第二回 Processing Community Day が行われました［画像の説明：Processing Community Day 東京の参加者らが両手でＰのポーズを作って笑っています。］ 原文：Lauren McCarthy 翻訳：Ayato, deconbatch, reona396, takawo（アルファベット順） Puedes leer la versión en español de este artículo aquí. You can read the English version of this post here. Você pode ler a versão em português deste artigo aqui. p5.js のバージョン1.0が公開されました！p5.js はクリエイティブな表現やウェブ上でのコーディングを可能にし、アーティ
p5.js shaders
Interested in shaders? Check out our documentation website for using shaders inside p5.js
p5.js 1.0 is Here!
Artists in Santiago, Chile learn p5.js in workshop led by Aarón Montoya-Moraga [Image description: Large group of smiling artists display their laptops with first colorful sketches made with p5.js] Puedes leer la versión en español de este artículo aquí. Você pode ler a versão em português deste artigo aqui. 日本語版はこちらです！ Today we are excited to announce the 1.0 Release of p5.js! p5.js is a JavaScri
🔽minify & run 🔼beautify ❎stop 🔄reset code 🎥record gif Length (sec) 🐤Tweet
ジェネラティブアートという言葉をご存知でしょうか？ アルゴリズムによって作られる芸術作品を指す名称です。Pinterestで「generative art」と検索すると静止画、動画ともにたくさんの作品を見ることができます。 無機質さを感じさせるものもあれば、まるで生きているように感じる作品もあります。創作者たちはどのようなところから着想を得ているのでしょうか？ 彼らの中には数学的な幾何学模様や物理現象、果ては生物が織りなす複雑なパターンをコンピューターで再現することにより作品を作る者もいます。 本記事では特に「生物」に焦点を当てます。生物の複雑な営みを紐解いた背景や、それをアルゴリズムに落とし込むことで可能になった表現を紹介します。 本記事を読むことで日常に潜むあらゆる現象が芸術の種に見える喜びを感じていただければ幸いです。 サンプルはHTML CanvasとJavaScriptで作成して
Processing Community Day Tokyo 2020 の感想 ミゲル・シカール『プレイ・マターズ 遊び心の哲学』の感想 雑多な思考の諸々 PCD というイベントに参加した話 キーノート講演 参加型コンテンツ トークセッション ライブコーディング NEORTコラボ 他 ワークショップ（ゲーム制作） 資料 準備にあたって考えたこと 改善点 お悩み相談室 ／ 忙しい中で創作を続けるには PCD まとめ 未解決問題 そうは言っても創作はしんどい プログラムそのものは創造性に寄与しないのではないか 『プレイ・マターズ 遊び心の哲学』を読んだ話 自分と世界 人生は虚しい ゲームは虚しい 虚しさを乗り越えるゲーム 「遊び」の効用 遊びと自分と世界 遊びとクリエイティブコーディング 遊びとプログラム この本を読みたくなった人へ 終わりに 未解決問題への回答 創作がしんどい問題 プログラム
# Processingでプログラミング入門 ~presented~ ~by~ ~mis.w51~ ~shirasu~ [~@hty~](https://twitter.com/hty) ## Pro
Processing Advent Calendar 2019 参加記事 p5.jsには実はたくさんのライブラリが存在します。コミッターの皆様には足を向けて寝られません。 libraries | p5.js 今回はその中からp5.speechを利用して遊んでみたいと思います！ p5.speech | Speech synthesis and recognition for p5.js p5.speechは音声認識と音声合成のためのライブラリで、これらの機能をサクッと簡単に使えるようなしくみになっています。 しゃべらせよう 音声合成のサンプルが以下のページで公開されています。 https://idmnyu.github.io/p5.js-speech/examples/02speechbox.html テキストボックスに適当な文言を入力して(日本語もいけます)、Speakボタンを押すと読み上
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Processing Advent Calendar 2019 4日目の記事です。遅刻！ ※ この記事は連載（の予定）です。前置きや前提知識などを書いたこちらの記事もどうぞ。 はじめに ジェネ1といえばランダム、ランダムといえばジェネである（諸説あり）。 座標、大きさ、色、そのほか数値で表せるようなありとあらゆる属性は、作り手が決め打ちしてもいいし、コンピュータ任せでランダムに決めてもいい。結果として、作り手すら予想しなかったような絵や動きができあがる、これはクリエイティブコーディングの醍醐味の一つと言えるでしょう。 日常的にお世話になるものですから、この機会に、 用途に応じた特殊系をいろいろ用意しておくのも悪くないのではないか。 ということで、やっていきましょう。 ［備考］ ・たいへん地味な内容なので、お暇でない人はとりあえず下の方の 作例 だけでもどうぞ。 ・乱数アルゴリズムとかの話で
つぶやきProcessingで今すぐ使えるお手軽テンプレート2選(ProcessingAdventCalendar2019#2) - はぅ君プロジェクト
つぶやきProcessingとテンプレート 今年の5月ごろから本日に至るまで、Twitterで #つぶやきProcessing というハッシュタグを使って、Processingの作品を投稿するという遊びを続けております。 そういえば #つぶやきProcessing の説明をしていなかった。 Processingというデジタルアートのためのプログラミング言語があります。https://t.co/ynQwP6S1RR#つぶやきProcessing はProcessingを使い、1ツイートに収まるプログラムで、どこまでアートを表現できるかに挑戦するものです。 — はぅ君 (@Hau_kun) June 5, 2019 大体1～2日に1作品ぐらいのペースでTwitterにアップしております。ネタは毎回その時に考えていて、うまく思った通りに動いたときは気持ちよいのですが、当然うまくいかずにネタに困る
5分でアーティストになれる！Processing入門サイト|Processing Fan
Processing Fanはアーティスト・デザイナーのために作られたビジュアルコーディングツール Processingへの入門サイトです。 ProcessingのJavaScript版であるp5.jsを中心に解説しています。 Processingの1ファンである私が、Processingの魅力を伝えたくて個人的に立ち上げました。 「プログラミング言語を学んだけど、作りたいものも特にないし、だからと言って続けないと忘れてしまう。」 「仕事では毎日プログラミングしているけど、もっとクリエイティブで楽しいプログラミングがしたい」 そんなことを思ったことはありませんか？ Processingなら、プログラミング言語を覚えたての方でも存分に楽しむことができ、 毎日をよりクリエイティブにしてくれます。 processingは今すぐ始められます！ News 2018/10/06 リファレンスページ作成
Delta: A Data Synchronization and Enrichment Platform
Andreas Andreakis, Falguni Jhaveri, Ioannis Papapanagiotou, Mark Cho, Poorna Reddy, Tongliang Liu OverviewIt is a commonly observed pattern for applications to utilize multiple datastores where each is used to serve a specific need such as storing the canonical form of data (MySQL etc.), providing advanced search capabilities (ElasticSearch etc.), caching (Memcached etc.), and more. Typically when
Unified governance for all data, analytics and AI assets
序 この記事では、次のような一つの簡単なProcessingスケッチについて、様々なスタイルでコードを書いて比較してみます。 float[][][]d=new float[32][2][2]; float f(float[]x){return x[0]+=((frameCount%30==0?x[1]=random(100):x[1])-x[0])/4;} void setup(){size(800,800);fill(252,32);} void draw(){ square(0,0,800); scale(8); for(float[][]e:d) line(e[0][0],e[1][0],f(e[0]),f(e[1])); }#つぶやきProcessing pic.twitter.com/055DFzHmwF — FAL @STG制作とプログラミングお絵かき (@falworks_j
Arduinoで作る簡易オシロスコープが400円でできた | Webシステム開発／教育ソリューションのタイムインターメディア
IoTを色々いじっていると、電気が思った通りに変化しているか、電圧の波形を見たいことがある。つまり、可視化。 ということで、Arduinoで何とか測定装置、要するにオシロスコープはできないだろうか、できそうではないか、一定時間間隔で電圧を測定して記録さえできれば、あとは表示するだけだ。 といっても、オシロスコープを自分で考えるのはとても面倒である。 折角のインターネット時代なので、ちょっとインターネットで検索してみたら、こんなサイトが見つかった。 Arduino簡易オシロスコープ｜国立大学法人 九州工業大学情報工学部【飯塚キャンパス】で作り方が公開されているのだった。 ソフトウエアもダウロードできるようになっていて、これはもう作るしかない。 Arduino１台と、簡単な回路を作ることと、パソコン側にProcessingという最近流行りのプログラミング言語をインストールしてオシロスコープの画
なにかを作った。めざせジェネレーティブアートジェネレータ！ クリック／タップで別の絵を作ります。 この手のものの難しさは、 >RT ランダムにものを作ると自由度と打率のトレードオフになると思うんですが、この自由度でこの打率はかなりすごい気がします…… しかもパラメータがURLに埋め込まれている！（例 https://t.co/w4Ov3PXkY7 ） しかも p5.js + TypeScript！— FAL @STG制作とプログラミングお絵かき (@falworks_ja) 2019年7月30日 という具合に自由度を高くしていろんなバリエーションを作ろうとすると見てて面白いものができあがる打率が減って、逆に打率を上げようと面白くなさそうなものをフィルタリングしていくと自由度が低くなること。 自由度を高くするにはランダムにするものを増やせばいい。今回は座標と線の太さと色を表す数式を乱数で作っ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私が感動した Processing 製の作品のソースコードを解析してみた
Processingでお手軽3次元データビジュアライズ（地形編） - Qiita
「Google フォト」に新方式のシャープ・ノイズ除去 ～ほぼどんな画像もきれいに／カメラデバイスに依存しない、新しいアプローチ
VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA
Generative Bad Handwriting
ビジュアルアート向けプログラミング言語Processingを基礎から学ぶ「easel」【どれ使う？プログラミング教育ツール】
プログラミング歴6年を振り返りつつ本を紹介する｜なめらかサンショウウオ｜note
いきなりディープラーニング！？ 本格的なのに初心者にもやさしいAIプログラミングとは
自粛で暇だから自宅でVJごっこしてみた - GMO RESEARCH Tech Blog
日常とプログラミングをつなぐ習慣「デイリーコーディング」とは？ 第一人者に聞く
私の現時点のp5.jsの制作作業環境とか : だらっと学習帳
つぶやきProcessing Editor
JavaScriptで始めるジェネラティブアート - 生物アルゴリズムの応用 - ICS MEDIA
なぜプログラムを書き、ゲームを遊び、作るのか - FAL 制作メモ
Processingでプログラミング入門 - HackMD
p5.jsとp5.speechで音声合成と音声認識 : だらっと学習帳
エンジニアが厳選した 10 冊を、次世代のプログラミングを担う皆さんに
p5.js向け 有用無用道具箱 - ランダム編 - Qiita
Databricks Customer Stories | Databricks
Processingで見るプログラミングスタイル七変化 - Qiita
いい感じのビジュアルをランダムになんとなく作り出す - ABAの日誌