私が感動した Processing 製の作品のソースコードを解析してみた
こんにちは．株式会社ゆめみの Keeth こと桑原です．Twitter には #つぶやきProcessing という魅力的なタグがあり，毎日数々の美しい作品がこのタグを付けて投稿されています．これを眺めるだけでも一日中過ごせるくらいです（個人の感覚です）． 今日はその中でも特に度肝を抜かれ，かつ感動した作品が 2022/11/04 に投稿されておりましたので，個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが，ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品． 初めてみたときは思わず言葉を失いました．いや，これ twitter のツイートですのでかなり文字数も少ないんですよ！なのにこの表現ってどうなってんの！？と… これはかなり学びになると思い解析を試みようと思い立った次第です．それにしても美しい… ソースコード で
クリエイティブコーディングの教科書
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
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
つぶやきProcessingで今すぐ使えるお手軽テンプレート2選(ProcessingAdventCalendar2019#2) | はぅ君プロジェクト
大体1～2日に1作品ぐらいのペースでTwitterにアップしております。ネタは毎回その時に考えていて、うまく思った通りに動いたときは気持ちよいのですが、当然うまくいかずにネタに困る時もあります。そんな時は一旦「格子状に図形を並べる」か「円状に図形を並べる」という土台をとっかかりにして、アイディアを膨らませていることが多いです。 今回はこの二つの土台をテンプレートとして紹介していきます。テンプレートを使えばそれっぽい作品がすぐに作れるので、ネタ出しに使えればなと思っております。（そして #つぶやきProcessing の人口が増えればもっといいなと思っております。） 本記事の対象者としては、プログラミングの基本（変数とか関数とか）とProcessingの基本的な命令（size()とかrect()とか）が分かる方以上を対象としています。 今回掲載するプログラムは（当然）自由に使用していただいて
Processingのライブラリpunktiertを使ったアニメーション - Qiita
punktiertは、2D/3D空間上に有機的なアニメーションを搭載できるライブラリです。 比較的短いスクリプトで様々な物理エンジンが利用できます。 exampleを見るとパーティクル系が多いです。 また、ドラッグでカメラ視点を変えられるpeasycamも今回使用しました。 こちらも3D作品の際には役に立つライブラリです。 import peasy.PeasyCam; import punktiert.math.Vec; import punktiert.physics.*; VPhysics physics; PeasyCam cam; public void setup() { size(800, 600, P3D); smooth(); cam = new PeasyCam(this, 800); physics = new VPhysics(); for (int i = 0; i
ProcessingでJSONをスマートに扱う - Qiita
はじめに この記事はProcessing Advent Calendar 2017 23日目の記事です。 埋まっていなくて流れてしまっていたので、書かせていただきます。 今回はProcessingでJSONを扱う方法の一つを書いていきます。 Processingには標準でJSONObjectやJSONArrayというJSONを扱うクラスがあります。 公式リファレンスのサンプルではこんな風に使っています。 JSONObject json; void setup() { json = loadJSONObject("data.json"); int id = json.getInt("id"); String species = json.getString("species"); String name = json.getString("name"); println(id + ", "
Jupyter上でProcessingを動かす - Qiita
はじめに オンラインのプログラミング学習環境として今Jupyter Notebookが熱いです。ブラウザ内でテキスト（Markdownで記述可能）を参照しながらコードをインラインで実行できます。もともとはPython向けだったのですが、現在ではRやScalaなどさまざまな言語に対応しています。Generative Designの日本語版が出たこともあり、今回はJupyter上にProcessingの環境を構築してみます。 環境 Mac OS X 10.10.5 Anaconda (Python 2 or 3) 2.5.0 参考 Jupyter notebook で Processing を 構築手順 Anacondaのインストール https://www.continuum.io/downloads よりダウンロード後、インストーラに従ってインストール。 Jupyterのインストール An
Unicessingで遊ぼう！ ProcessingのコードをUnityに移植するの巻 - 遊んで航海記
前回下記の記事で予告した通り、この記事では、UnityでProcessingみたいに手軽に図形を描いたりできるアセットUnicessingを使って、Processingのコードを動かすコツをお伝えしようと思います！ eyln.hatenablog.com 移植したサンプルプログラムの動作例はこちら。 #Processing 標準サンプルをいくつか#Unicessing に移植してみた #Unity #Asset Ver 0.15審査待ちです。※このサンプルは同梱してないので別途ダウンロードできるようにする予定 https://t.co/uiiZOCzDQm— n_ryota (@n_ryota) 2016年12月12日 Processingと同じ座標系に Unicessingは、Unityに馴染ませるため、Unity座標系をそのまま使うのを基本にしています。 ただProcessingのコー
UnityでCreative Coding (Processingライクに記述する) | 永松 歩 | Ayumu Nagamatsu
大垣にきてはや１ヶ月ですが、元気に生きてます。掲題の件について説明とコードを書きます。こんなのができます。 Unityはマルチプラットフォームなので、ProcessigとかoFみたいな気軽なGenerative Artのスケッチを、VRやモバイルプラットフォームに気軽に移植できるので、とてもうれしいです。本当にありがとうございます。掲題の件、カンタンではあるのですが、ググってもこれっぽい情報は無かったので記事にしておきます。 Monobehaviour Unityでのコーディングは基本的には Monobehaviour というクラスの継承を記述します。Monobehaviourは、ライフサイクルに応じて、特定の関数が引かれます。インスタンス生成時にはStart()、Frame更新のループ内ではUpdate()という感じです。ライブラリ側が用意した、setup() や draw() をオーバ
『インタラクションを支える技術』
こんにちは。 AWAでAndroidエンジニアをしている新家（ニイノミ）です。 最近インタラクションって言葉、よく聞きますよね。 インタラクションの役割や意味合い等はここでは割愛しますが、「インタラクションをつくる」といった場合、コードを書くエンジニアとしては「動きをつくる」という意味合いが大きいかと思います。 この「動き」について、今まではゲームやFlashを用いたスペシャルサイトなど、世界観の構築やブランディングが必要なサービスで用いられることは多かったものの、SNSなどのスマホのコミュニティ系サービスで取り入れられることはあまり多くありませんでした。 しかし、ユーザーの操作感や体験を重視するようになってきた昨今、コミュニティ系サービスの開発においても「動きをつくる」要件は増えてきました。 実際、僕が開発に携わっているAWAもユーザー体験を重視しており、その一つとしてインタラクションに
Emu(lator) + (Ar)duino - Emuduino
Emu(lator) + (Ar)duino Arduinoエミュレータ DTP (Desk Top Prototyping)環境の構築をめざして!!! PPT (Pre prototyping tool)としてご利用ください。 ツイート 本プログラムについて 本プログラムは，PC上でArduinoをエミュレートすることを目的に開発しました。 本格的にエミュレータを作るのであれば、atmelのAVRマイコンのCPUシミュレータを開発し、それに入出力部を拡張するなどの高度な実装が必要となります。 しかし、本プログラムでは、お手軽にProcessingを使ってArduino風に動いているように見せているだけです。 もともと，ArduinoのIDEは，Processingをベースにして開発されており，両者のプログラミングスタイルは非常によく似ています。 Processing は，setup()で
Diary/2012-12-25 - Writing Cafe
いっきに作ってしまおう。ProcessingでAndroidアプリを作成＆公開する方法 今月は５年ぶりにPCを新調してMac Book Airを買い、ParallelsでWindows8環境を作ったりして、いっきに散財してしまい、しばらくは節電ならぬ節ガジェットだなぁと諦めかけていたのですが……クリスマスプレゼントとしてNexus7を貰いました。これは――嬉しい。 processing.jsとWebViewを使ったアプリではなく、Javaコードのアプリとして作成しています。 テストした開発環境はWindows 8+Nexus7(Android)です。 １．Javaモードで動作チェック processingのスケッチ（コード）を普通にJava(Standard)モードで動作確認します。 問題なければ次へ。 ２．Android SDKをダウンロードしてProcessing - Androidモ
芸術の秋にProcessingでスケッチプログラミングを始めてみよう（1/3） - ＠IT
芸術の秋にProcessingでスケッチプログラミングを始めてみよう：絵心がなくても簡単に絵が描けるProcessing（1）（1/3 ページ） アートやデザインのための“プログラミング” 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニア／プログラマーが慎重に正確に行うもの」といったイメージではないかと思います。 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
processingをjupyter notebookで使えるようにする
Amazon.co.jp: Generative Design-Processingで切り拓く、デザインの新たな地平: Hartmut Bohnacker (著), Benedikt Gross (著), Julia Laub (著), 国分宏樹 (監修), 深津貴之 (監修), 久保田晃弘 (その他), 津留崎麻子 (その他), 安藤幸央 (翻訳), 杉本達應 (翻訳), 澤村正樹 (翻訳), Claudius Lazzeroni (編集): 本
GitHub - kougaku/OculusRiftP5: Oculus Rift Library for Processing