私が感動した Processing 製の作品のソースコードを解析してみた

2022/12/15 130 users Twitter Keeth ソースコード 感覚 タグ

本記事は Processing Advent Calendar 2022 の第14日目の記事となります． こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）... 続きを読む

自粛で暇だから自宅でVJごっこしてみた │ GMO RESEARCH Tech Blog

2020/05/07 17 users 自粛 プログミング コロナ COVID－19 自宅

こんにちは。 COVID-19（コロナ）禍の中、みなさん何事もなくおすごしでしょうか。 日本はじめ世界中のみなさんが平和に暮らせるよう祈っています。 とはいえ、自粛に疲れてきた方も多いと思うので、今日は自粛中でも家で遊べるプログミングの紹介をしたいと思います。 Processingというクリエイティブコーディング用の... 続きを読む

プログラミング言語JavaScriptまで学べる子ども向け学習教材～2020/3/17まで無料 - 知らなかった！日記

2020/03/05 14 users 日記 無料 プログラミン テクノロジア魔法学校 CSS

新型コロナウィルスの臨時休校期間中は無料のものがたくさん ディズニー・プログラミング教材「テクノロジア魔法学校」も！ 2020/3/17まで無料 HTML/CSSやJavaScript、Processingなどを使って本格的なデジタル作品を制作 マウスの操作方法からスタート どこからでも始められる（簡単な部分を飛ばしてもOK） プログラミン... 続きを読む

Processingで見るプログラミングスタイル七変化 - Qiita

2019/08/17 48 users Qiita

序 この記事では、次のような一つの簡単な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,... 続きを読む

Processingでゼロから学ぶプログラミング・ビジュアルアート - cocopon.me

2019/04/10 75 users 題材 教材 ビジュアルアート 表現技法 講義資料

この教材はビジュアルアートを題材に、プログラミングおよびその表現技法の基礎習得を目指すものです。 ビジュアルアートは実行結果が視覚的でわかりやすく、プログラミング未経験者・初学者でも直感的に楽しく学んでいけるのが特徴です。 多摩美術大学統合デザイン学科で開講するソフトウェアデザインの講義資料として... 続きを読む

「Processingでゼロから学ぶプログラミング・ビジュアルアート」の連載をはじめます - ここぽんのーと

2019/04/09 44 users 多摩美 プログラミング ほん 連載 教材

長いので3行まとめ 多摩美の非常勤講師、1年間やりきりました＆今年度もがんばります 今年度から教材を公開していきます 「Processingでゼロから学ぶプログラミング・ビジュアルアート」 昨年度の講師業を無事やりきりました 昨年度の多摩美の非常勤講師就任のお知らせから1年。ひとまず無事にやりきることができました... 続きを読む

Processing Community Dayの資料を見ていてProcessing熱が再燃してきた - karaage. [からあげ]

2019/03/04 20 users KARAAGE からあげ プログラミング プログラミング言語

Porcessing Community Dayとは 2019年の2月にProcessing Community Day(プロセッシング・コミュニティ・デー）というProcessingというプログラミング言語に関するイベントがありました。 イベントの内容は以下です（上記サイトより引用） Processing のユーザーの交流イベントで、アートとプログラミングのコミュニティ... 続きを読む

ディズニーコラボのプログラミング教材「テクノロジア魔法学校」が4月21日から提供開始 - CNET Japan

2018/04/20 13 users テクノロジア魔法学校 プログラミング教材 Shader 魔法

ライフイズテックは4月20日、ディズニーの世界を楽しめるオンラインプログラミング学習教材「 テクノロジア魔法学校 」を4月21日より提供すると発表した。価格は税別12万8000円で、月額1万600円の分割払いも選べる。 テクノロジア魔法学校は、「プログラミングは現代の魔法である」をテーマとしたプログラミング学習教材。JavaScript、HTML、CSS、Processing、Shaderといった... 続きを読む

Perfume「エレワ」がディズニーのプログラミング学習教材の主題歌に（写真11枚 / 動画あり） - 音楽ナタリー

2018/03/06 15 users Perfume Shader 音楽ナタリー ディズニー 主題歌

ディズニーの世界を楽しみながらプログラミングをオンラインで学ぶことができる学習教材「テクノロジア魔法学校」が4月21日よりサービスを開始。この主題歌が Perfume の楽曲「エレクトロ・ワールド」に決定した。 「テクノロジア魔法学校」は「プログラミングは現代の魔法である」というテーマのもと、JavaScript、HTML、CSS、Processing、Shaderといったプログラミング言語を軸に... 続きを読む

Processingとminimでインタラクティブアート作品を作る - TaillookTech

2017/03/21 10 users サウンドライブラリ Minim TaillookTech

2017 - 03 - 21 Processingとminimでインタラクティブアート作品を作る Processing Tweet minimとは minimはProcessing1.0以降のバージョンで標準のサウンドライブラリ． 短いコードでオーディオのコン トロール ができる！ Minim | Compartmental 今回作ったもの 画面中の風船をユーザの声で膨らませるもの． “声を出し続... 続きを読む

Processingとminimでインタラクティブアートを作る - TaillookTech

2017/03/21 11 users サウンドライブラリ Minim インタラクティブアート 風船

2017 - 03 - 21 Processingとminimでインタラクティブアートを作る Processing Tweet minimとは minimはProcessing1.0以降のバージョンで標準のサウンドライブラリ． 短いコードでオーディオのコン トロール ができる！ Minim | Compartmental 今回作ったもの 画面中の風船をユーザの声で膨らませるもの． “声を出し続けな... 続きを読む

Denkitribe(keijiro)さんのProcessingのスケッチが最高にクールなので紹介したい！ - karaage. [からあげ]

2016/12/18 23 users KARAAGE 電波 からあげ スケッチ 音楽

2016 - 12 - 19 Denkitribe(keijiro)さんのProcessingのスケッチが最高にクールなので紹介したい！ Processing 動画 音楽 電波 本記事は Processing Advent Calendar 2016 の19日目の記事です DenkitribeさんがProcessingのスケッチをアップロードしているのを知っていますか？ Denkitribeさんを... 続きを読む

Processingで画面座標に対応する空間座標を計算する - Imaginable Reality

2016/01/02 26 users Imaginable Reality

3Dのアプリケーションにおいて、画面をクリックして空間中のオブジェクトの表示位置を指定するときなど、画面の２次元座標に対応する３次元空間座標が欲しいときがあります。こんなとき、どんな計算を行えば良いかについて解説します。コードはProcessing 2.2.1にて動作を確認。 画面位置に対応するローカル座標 　まず本題に入る前に、３次元空間中の点がウィンドウ上に描画されるまでの過程を理解しておく必... 続きを読む

P5 Code School

2015/10/28 47 users チュートリアル プログラミング未経験者 コンテンツ 応援 注意

P5 Code Schoolについて P5 Code Schoolはプログラミング未経験者が一からProcessingを学ぶことができるWebサイトです。 *** 注意とお願い *** このWebサイトは2015年10月28日に公開されたばかりです。 チュートリアルの記事やその他のコンテンツはこれからも少しずつ増やしていくので応援よろしくお願いします。 また記事の内容をコロコロと変えたりするかもし... 続きを読む

pythonで画像処理の環境設定@Mac & Raspberry Pi - karaage. [からあげ]

2015/09/22 37 users KARAAGE Python 電波 からあげ Mac

2015-09-23 pythonで画像処理の環境設定@Mac & Raspberry Pi 電波 pythonで画像処理 いつも画像処理のプログラムはProcessingで組んでいたのですが、諸事情によりpythonで画像処理を色々やってみることにしました。まずは環境設定とテストをしたのでその記録です。最終的にはRaspberry Piで動かしたいのですが、プログラムはMacで組みたいので同じプ... 続きを読む

第20回　UML（3） シーケンス図・ステートチャート図：Processingで学ぶ 実践的プログラミング専門課程｜gihyo.jp … 技術評論社

2015/07/15 37 users アルゴリズム GUIアプリケーション プログラミング UML

導入 プログラミングを学び始めた人が最初に習う図法は，ほぼ間違いなくフローチャートです。アルゴリズムを記述する方法として大変優れており，きちんと身に付けるべき課題です。ところが，いざ実際にGUIアプリケーションを作成しようとすると，困ってしまいます。GUIアプリケーションの動きはフローチャートだけではどうも表現しにくいのです。そこで考案されたのがシーケンス図や状態遷移図（ステートチャート図）です。... 続きを読む

ProcessingをWebブラウザ上で編集してスマホで実行できるサービス「Processin.ga」がすごい - yumulog | 社会人博士の日記

2015/01/14 78 users yumulog 描画 図形 言語 表現

2015-01-14 ProcessingをWebブラウザ上で編集してスマホで実行できるサービス「Processin.ga」がすごい 図形の描画などグラフィカルな表現が簡単に書ける言語、Processing。これをWebブラウザ上で編集してスマホで実行できる「Processin.ga」というサービスがリリースされました。 Processin.ga - Processing.js editor on... 続きを読む

VPC PeeringされたAWS環境に、単一のVPN接続でアクセスする - ¯\_(ツ)_/¯

2014/12/13 41 users VPC Peering VPN接続 AWS環境 あだ名 世界

2014-12-14 VPC PeeringされたAWS環境に、単一のVPN接続でアクセスする これは、ドリコム Advent Calendar 2014 - Adventarの14日目の記事です。13日目は、@k_m_y_さんによる、Processingで体験するサウンドアートの世界 - kxmxyx.github.ioです。 自己紹介 @shouyu 社内でのアダ名はゲーリーです*1 14年に... 続きを読む

Easing.pde — Robert Penner氏のeasing関数をProcessingに移植しました | ここぽんのーと

2014/12/03 23 users ほん ボール メンバー 必須 勉強会

ビジュアルコーディングにおいて、気持ちよい動きを実現するために必須ともいえる「easing関数」。今回は、有名なRobert Penner氏のものをProcessingに移植して、勉強会のメンバーが使えるように仕上げてみました。 こういう動きが作れるようになります ものを動かす方法 突然ですが、ここに丸があります。ボールです。 このボールをとにかく動かせ！と言われたとき、あなたならどう実装しますか... 続きを読む

mbedJS+p5.jsで始めるmbed - nyatla@hatena blog

2014/11/03 28 users mbed nyatla@hatena blog 工学ナビ

2014-11-03 mbedJS+p5.jsで始めるmbed mbed MiMic 工学ナビの橋本さんがProcessingのJavascriptライブラリp5.jsとmbedJSの使い方を記事にしてくださいました。mbedJS + p5.jsでWebブラウザからmbedを制御する - Imaginable Reality mbedJS + p5.jsでWebブラウザからmbedを制御する - ... 続きを読む

インタラクティブデザイン勉強会 第1回「ランダム」 – フニフニ微生物ができるまで | ここぽんのーと

2014/10/26 55 users ほん ランダム 第1回 ピザ THE GUILD

先週から、職場であるTHE GUILDのオフィスでインタラクティブデザインの勉強会をやることになったので、その記録。こぢんまりと、ピザでも食べながら、とはいいつつも真面目に。 第1回目のテーマは「ランダム」 第1回目のテーマは「ランダム」。深津さんから乱数についての簡単な説明があり、実際の例をみんなで見たあとは、ほぼ自由。Processingでもくもく組んでいく。 勉強会がはじまる前に腕だめし 「... 続きを読む

openFrameworks, Three.js, Processing のGLSL バージョン対応状況調査 - 自習室

2014/10/15 27 users GLSL openFrameworks Shader 合宿

2014-10-14 openFrameworks, Three.js, Processing のGLSL バージョン対応状況調査 .JavaScript .openFrameworks .OpenGL .Processing .Shader .Android はじめに openFrameworksのセミナーでShaderに触れた この週末、合宿で行われた openFrameworks のセミナー... 続きを読む

モンドリアンの絵をアルゴリズム的に描いてみた。 - アドファイブ日記

2014/06/03 64 users モンドリアン アルゴリズム 言語 ソースコード メディアアート

アルゴリズムアートにチャレンジしてみました。こちらでご覧いただけますモンドリアンの有名な絵を描くというもの。以下はアルゴリズムで描いた1枚です。 毎秒1枚ずつ描くのを眺めていると、ときどきこうしたいい感じのが出てきます。 アルゴリズムの説明は割愛します。ソースコードを置いておきます。Chiral’s gistコーディングにはProcessingという言語を使っています。この言語は、メディアアートに... 続きを読む

プログラム初級講座 – メディア芸術をはじめよう | yoppa org

2014/02/17 30 users yoppa org メディア芸術 Raspberry Pi

プログラム初級講座 – メディア芸術をはじめよう from Atsushi Tadokoro 第17回、メディア芸術祭で行った、中高生向けのプログラミング入門のワークショップのスライド資料を公開します。このワークショップでは、ProcessingをRaspberry piで動かして、プログラムの楽しさに触れることを目的としています。 ワークショップで配布した、Processing、Google C... 続きを読む

ProcessingとKinectを使って縦線２本で立体感が出るGIFアニメを作ろう - Imaginable Reality

2014/02/11 40 users Kinect Imaginable Reality API

最近巷で「GIFアニメに縦線を２本入れると立体感が出る」と話題ですね。「元画像との比較ないの？」とか「縦線入れる"だけ"じゃないだろ」みたいなツッコミが散見されるので、Kinectを使って自分で縦線GIFアニメを作れるコードを書きました。科学的な検証にも興味がありますし。 　こういうのが作れます。 使用するライブラリインストール方法やAPIの使い方はリンク先を参照してください。simple-ope... 続きを読む