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
Processing
"Processing is an open source programming language and integrated development environment (IDE) built for the electronic arts and visual design communities with the purpose of teaching the basics of computer programming in a visual context, and to serve as the foundation for electronic sketchbooks. The project was initiated in 2001 by Casey Reas and Benjamin Fry, both formerly of the Aesthetics an
@fyprocessing · For Your Processing
New Mixer ( A video Letter for Walter Wright) Yet another demo of my work combining #glsl #shader #code with #processing. The seed of this was some code for video mixing created by my friend Walter Wright , which I ran iteratively over a day or two in both #ChatGPT and #google #Gemini to expand what it can do. I haven’t posted sound or my voice in a while so I’m experimenting with that too today.
JSでアメーバのシミュレーション作ってみた | fladdict
jsでアメーバのシミュレーションを作ってみるなど。ブラウザで5分ほど放置しておくと自然淘汰でなんか生まれます。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにかを作りたくなったので、作ってみた。 processing.jsライブラリの勉強に、アメーバのシミュレーションを作成。 今までJavaScriptでのスケッチには、creative.jsを使ってたんですが、簡単なスタディにはprocessingのほうがいいかもしれない。 Daniel ShiffmanのFlockingとかを脳内イメージしながら、適当に書いてみた・・・はずが完成したら別物に アメーバは、細胞が単体のうちはブラウン運動する程度しかできない。と
Kinect Physics Tutorial for Processing
In this hands-on tutorial I will walk you through the steps needed to turn YOU into an interactive virtual polygon. How awesome is that? To realise our creative end goal we will be using Processing and several of it’s contributed libraries. Obviously I will not be covering all the aspects or possibilities of these libraries. Rather this tutorial focuses on the specific steps needed to reach our pr
Playing With GLSL in Processing - Initial Experiments [Tutorials]
I’ve wanted to learn more about GLSL shaders for a while now. GLSL is a high-level shading language created to give developers more direct control of the graphics pipeline. In short, you can tell your GPU directly what it should be doing. These last two months I’ve been reading up on syntax and diving into shader development headfirst to gain the basic knowledge and experience needed to write shad
![Playing With GLSL in Processing - Initial Experiments [Tutorials]](https://cdn-ak-scissors.b.st-hatena.com/image/square/637402ba7c918c233fd00789bc06cc139f775294/height=288;version=1;width=512/https%3A%2F%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2012%2F06%2Fglsl-01.jpeg)
Processing in Eclipse \ Processing.org
This tutorial is for Processing version 3.0+. If you see any errors or have comments, please let us know. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. The Long Version In order to use the Processing library to create our graphics while coding in Eclipse, we need to do a couple things. The first thing we need to do is import the Proc
p5info.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
b-10 オブジェクト指向プログラミング (OOP) - Proessing 学習ノート
オブジェクト指向プログラミングとは？ → オブジェクト指向プログラミング - Wikipedia オブジェクト指向プログラミングでプログラムを書く 円を描くプログラムを、オブジェクト指向プログラミングで書いてみる。 step. 0 これまでの書き方 float x, y, diameter; // x座標, y座標, 直径 void setup() { x = 25; y = 50; diameter = 30; } void draw() { ellipse(x, y, diameter, diameter); } step. 1 クラスを定義する Spot sp; //オブジェクトを宣言 void setup() { sp = new Spot(); //オブジェクトを生成（構築） sp.x = 25; //属性（プロパティ）に値を代入。以下同様 sp.y = 50; sp.diame
LeaveBehind � Proce55ing
そりゃflight404さんには対抗できませんわな。 オブジェクト指向ってなんじゃそれってぐらい描きなぐられたスケッチです。最初は気にしながら作ってたのですが。 僕がさんざん遊んだあとなのでなんのこっちゃ分からないと思いますがいちおうProse55ingソース→particleworldsprite.zip 実行にはサウンド用のライブラリEssが必要です。Three-Axis»krister»Ess PCで鳴らしている音ではなく。ライン入力された音を拾います。入力された音をスピーカーに出力する方法が分かりません。MacであればXCodeについてくるAU Labで入力を出力へスルーすることができます。 ボーカル入りの曲よりもインスト、アンビエント系の曲で調整してます。
Marius Watz: Abstract01js - Automatic mode
Marius Watz: Abstract01js, interactive sketch ported from Processing using the Processing.js JavaScript library.
iTunes 8 の新ビジュアライザと元祖 Magnetosphere
iTunes 8 に搭載された新しいビジュアライザはもう体験されましたか？？@-) これまでの iTunes ビジュアライザと同様、ショートカットキーによるコントロールが可能で、パーティクルの動きを止めてその中を移動したり、さらにはカメラも止めることもできたりしてイロイロ触るとちょっとオモシロイです。 以下にメモしておきますね。 ? = Toggle help screen（ショートカットキーの一覧表示/非表示） M = Change mode（モード切替） P = Change palette（カラー切替） I = Display track info（一定時間 曲情報の表示） C = Toggle auto-cycle (on by default)（モードのオートサイクルのオン/オフ デフォルトはオン） F = Toggle freeze mode（パーティクルの動きを止める/動かす
[processing]伝統模様を描いてみよう(Processing Advent Calendar 2011 – 9日目) | うえちょこ＠ぼろぐ
Processingの記事を書くのは本当に久しぶりです。 Processing Advent Calendar 2011に参加しておりまして、9日目の担当ということで執筆いたします。 みなさんは、伝統模様と聞いてパッとイメージが浮かぶでしょうか？ たぶん着物やハンカチなどの絵柄に使われているのを見たことがあるかもしれません。 伝統模様は 同じパターンが繰り返し使われている 幾何学的な模様が多い といった観点からとても不思議な模様で、またProcessingの練習で描いてみる題材としても適していると思っています。 百聞は一見にしかず、いくつか私の描いたものをコード付きでご紹介します。 青海波(せいがいは) [p5code] // 青海波(せいがいは) int r = 80; int r2 = r * 2; void setup() { size(400, 400); background(2
![[processing]伝統模様を描いてみよう(Processing Advent Calendar 2011 – 9日目) | うえちょこ＠ぼろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d1affdc24c9a1d06c3b12b5858b6c2c3318524e/height=288;version=1;width=512/http%3A%2F%2Flabs.uechoco.com%2Fblog%2Fwp-content%2Fuploads%2Fp021_01.png)
VimでProcessingのコーディングと実行 - ナレッジエース
Comments» 1. hoge - 2010-2-16 僕の環境ではexpand(”%:r”)のところをexpand(”%:t:r”)にしたら動きました。 2. nase - 2010-2-16 情報ありがとうございます。こういったコメントは大歓迎です。 3. waken - 2010-11-2 参考にさせていただきました。ありがとうございます。私の環境では、 %2%の部分をダブルクウォーテーションで囲って、 Run,”C:\Program Files\processing\processing.exe” “%2%” としたらいけました！ 4. nase - 2010-11-2 コメントありがとうございます。 ちなみに、ここではウィンドウの存在確認をLoopで行っていますが、後から専用の関数(WinWaitだっけな)があるのを見つけました(^^; うまく動かないことがある場合はそちらを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
https://www.false.jp/pa/
CreativeApplications.Net
ColorSpot - mathatelle - OpenProcessing
Marius Watz | Artist archive
João Martinho Moura