dry.ly
Hey there! This article is pretty old now. You might be more interested in my more recent posts like On Creative Coding or How to Make A Retro RPG Party Invitation. Want to create cool visuals using CoffeeScript and Processing.js? Excellent, me too. Read on. Particulars In the end, this sketch weighs in under 70 lines of CoffeeScript, and was a breeze to write. While it doesn’t do anything profoun
Processing.jsでジェネレーティブアートの習作を作ってみました | note | non-standard world, Inc.
美大生でも使えるぐらいシンプルと言われるビジュアル系プログラミング言語「Processing」、それをJavaScriptでも使えるようにしたProcessing.jsを使って以下のようなジェネレーティブアートの習作を作ってみました。(ChromeをはじめとしたHTML5を見られるブラウザで見て下さい。) ソースコードは以下のような感じで、ざっくりアルゴリズムを言うと、まず最初に曲線を引いて次の線の位置とRGBの数値を微妙に変化させるということをさせています。 <script type='text/javascript' src='http://cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js'></script> <script type="text/processing" dat
Processing.js基礎最速入門 - catch.jp-wiki
関連：p5.js、日本語っぽいプログラミング言語そら豆スクリプト、HTML5+JavaScript Processing.jsは、ビジュアルデザイン用プログラミング言語の先輩格である「Processing」をベースに、最新のWeb環境(HTML5のCanvas要素、Javascriptあたり)で手軽に使えるようにしたものです。 この記事は、そんなProcessing.jsの簡単な入門記事です。先に書いたProcessing基礎最速入門の姉妹編になります。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 2011-06-06:Processing-1.2.1.js で動作確認しています。 ●なんと、日本語っぽいコードをProcessi
Processing.jsによるHTML5 Canvasグラフィック(1/5):JavaScript/Ajaxライブラリ入門 - libro
Processing.jsは、HTML5に用意されている<Canvas>タグを利用したグラフィックの描画を行うためのライブラリです。作っているのは、jQueryの作者でもあるJohn Resigさんです。 HTML5の機能というと、「まだ普通のブラウザじゃ使えないのでは？」と思うかも知れません。が、それは違います。HTML5の機能は、部分的にですが既に多くのブラウザで実装されつつあります。特に、グラフィックを利用するための<Canvas>タグは、Firefox、Chrome、Safariといった主なブラウザの最新版で既に実装済みなのです。――え、IE？ だから、「主なブラウザでは」ですってば。マイナーなブラウザでは、まだ未対応なんですよ。そのへんは理解してくださいね。 さて、このライブラリは以下のサイトにて配布されています。 http://processingjs.org/ このサイトから
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Processing.js drug and drop
joeycadle.com