高校数学がボロボロでも大丈夫です。（ もともと個人的にインプットし貯めていたものですが、書きなおして公開します。 地味ですが、派手な動きはこの地味な数式・概念がベースになってきます。 また、メディアアートとは言ったものの、ゲーム制作などにも役立つでしょう。 「ラジアンとは？」「サイン波を描く」「円軌道を描く」「弾幕（2点間の距離系&角度系）」「多角形を描く」「フラクタル」といったテーマです。 また、そのプレイグラウンドとしてp5.js（Processingのjs版）をご紹介します。2014年にリリースされたものでまだマイナーですがCodePenのような海外サイトでは人気が出つつあります。またProcessing公式プロジェクトなので安心感もありますね。ちなみに、Processing.jsとは別プロジェクトです。 ##ラジアンとは？ ・ラジアンは単位 角度についてのもう一つの単位です。 角度
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門
jsでアメーバのシミュレーションを作ってみるなど。ブラウザで5分ほど放置しておくと自然淘汰でなんか生まれます。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにかを作りたくなったので、作ってみた。 processing.jsライブラリの勉強に、アメーバのシミュレーションを作成。 今までJavaScriptでのスケッチには、creative.jsを使ってたんですが、簡単なスタディにはprocessingのほうがいいかもしれない。 Daniel ShiffmanのFlockingとかを脳内イメージしながら、適当に書いてみた・・・はずが完成したら別物に アメーバは、細胞が単体のうちはブラウン運動する程度しかできない。と
HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章） 本記事はビー・エヌ・エヌ新社より刊行された「ジェネラティブ・アート」をスケッチするための解説書『ジェネラティブ・アート―Processingによる実践ガイド』の著者であるマット・ピアソン氏がCreativeApplications.Netでのスピンオフ企画として寄稿した原稿の翻訳版となります。「ジェネラティブ・アート」に興味がある方はぜひ本と合わせて御覧ください。 「ジェネラティブ・アート Processingによる実践ガイド」についてはこちらから。 This article is a Japanese translation of Matt Pearson’s Tutorial at CreativeApplications.Net, thanks
(A Generative Art Lost Chapter) Through the process of writing Generative Art there were various tangents and miscellaneous-mad-shit that, usually in the name of brevity and clarity, ended up on the cutting room floor. What follows is one such tangent reworked into a brief tutorial. In the week that the Processing 2.0 Beta gets its release this would seem an appropriate time to share this on CAN,
![Generative Art In HTML5 [Processing, JavaScript, Tutorial]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cde7a842bc0a0fd814a4035c4607e19183d1083c/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2011%2F09%2Fgenerativehtml501.png)
What app do you use for killing time? Social Game? That's fun. But "Web Programming" is not such a bad way to pass the time. CoffeeScript At Once is a simple web development environment on iPhone. CoffeeScript makes JavaScript less difficult. For examle, downsizing the number of typings. It's better for iPhone or iPad. You can also use external library like jQuery and Processing. Of course, plain
フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、Webシステムやプログラミングのトレーニング支援、企業メディアの企画・制作・運営にたずさわってきました。 お仕事、絶賛募集中です。 Works ... 一本指でもサクサク打てる、キーボード超入門 パソコン初心者が文字入力で困ったら読む本 知る、読む、使う！ オープンソースライセンス 著書・実績 自己紹介 Blogs このブログの記事一覧 Heppocode Garage 人差し指でパソコン入力 そのほか ＊ 2024-09：ながらく、いくつかのWebサイトをWordPressで運営してきましたが、 静的サイトジェネレータPelicanを導入して記事を移行しました。 catch.jp blo
Re:Re:freqは、2011年10月8日に福岡で開催される、サウンドアート、メディアアート、サウンドデザインなど新しい音をテーマにした催しです。各分野で世界的に活躍するアーティスト、研究者、デザイナーを招聘し、アート表現や学際的な研究、産業的な取り組みを含む幅広い活動を紹介・議論します。日付 : 2011.10.8.sat 場所 : COMMENT ALLEZ VOUS, 天神/福岡 開場 : 17:00 開演 : 18:00-23:00 入場料 : 2000円(1ドリンク込) freqは、音・映像・テクノロジーをテーマに、九州大学大学院芸術工学府中村研究室を中心に2001年より毎年開催され ているイベントです。近年は、processing、openFrameworksなどのプログラミング・プラットフォームを用いたグラフィ カルな要素を伴うサウンド・パフォ
仕組みとしては単純ですが凄く良いアイディア!! You don't know the power of the dark side from Edson Pavoni on Vimeo. パロット エイアール ドローン (ブルー) PF720002 【日本正規品】 出版社/メーカー: パロット発売日: 2010/09/16メディア: おもちゃ＆ホビー クリック: 104回この商品を含むブログ (13件) を見るKINECTセンサープログラミング 作者: 中村薫出版社/メーカー: 秀和システム発売日: 2011/05/23メディア: 単行本購入: 2人 クリック: 139回この商品を含むブログ (35件) を見る
今日は24 Season8 を徹夜で見ます。祢次金です。 前回、CinderでiPadアプリケーションを書きましたが、今回はJavaベースのProcessingを使ってAndroidアプリケーションを書いてみます。 環境構築 まだベータ版という位置づけですが、Android向けアプリケーションをつくることができるPDE(Processing Development Environment)が既に公開されており、こちらからダウンロードできます。 勿論Android SDKもインストールしておく必要があります。上記リンク先のInstructionに従い、必要なAPI Levelのコンポーネントを入れておきましょう。 PDEを起動するとおなじみのスケッチ画面が現れます。 メニューの「Android」から「Android Mode」を選択し、スケッチのモードを切り替えておきます。 あとはスケッチに
Those of you who have read this blog before will know that I do most of my work using Processing, an open-source programming language that was specifically created for artists and designers. It’s easy enough that you can learn the basics a day or two, but powerful enough to use for any number of applications, ranging from interactive installations to architecture to generative visual systems, and
![Mobile App Development [Processing, Android, Tutorial]](https://cdn-ak-scissors.b.st-hatena.com/image/square/072795050647baa1dfdb50ad8e50fe6cb471961b/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2010%2F09%2FP5AndroidTouch.jpg)
ProcessingでAndroidアプリ開発
最近Processingにハマっている。 ProcessingはMITメディアラボで開発されたプログラミング言語。 メディアアートやインフォデザインなんかによく使われているらしい。 画像やインタラクションに強いため「動くモノ」、「触れるモノ」を簡単に作れるので触っててすごく楽しい。 そんなProcessingでAndroidアプリを作る方法を発見した。 …が、上記サイトの通りやってもうまく行かなかったので解決方法についてメモ。 とりあえずサイトの通りの手順だと 1.AndroidSDKをインスコ 2.Android互換バージョンのProcessingをココからゲッツ。解凍する。 3.Processingを立ち上げ、コーディング 4.コーディングし終わったら動作テスト 5.メニューバーの中にあるAndroid>Android Mode(もしくはCtrl+D)を選択。ファイルダイアログが出てく
東北地方太平洋沖地震 可視化地図
東日本大震災(東北関東大震災)により被害を受けられた方々には心よりお見舞い申し上げます。 以前、日本全国コンビニ店舗分布地図をProcessingで作ったが、今回の地震の震源とその大きさについて視覚的に表した地図を作成した。少しでも何かの役に立てば良いのだが。 震源とその大きさを日本地図上に円として表現している。円の大きさはマグニチュードと震源の深さに依存している(これは大まかな目安であり、揺れた地域や震度・エネルギーに正確に対応しているわけではない)。また、震源の深さによって円の色が変わり、浅ければ赤に、深ければ緑に近づく。海の色は時刻を現しており、正午が最も明るい青で表現され、深夜であれば真っ黒となる。データについては、日本気象協会が提供している3月9日から20日までの地震情報を利用させて頂いた。 操作方法は、スペースキーでポーズ、'N'キーで3時間進め、'B'キーで3時間戻る。'+'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
