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 は、processing のコードをそのまま HTML5 の canvas 要素で動かしてしまおう。というものです。 公式ページはコチラ とりあえずどのように動くのか見てください。簡単なサンプルのつもりが、WebGLが必要になってしまったので、サポートしている Chrome などのブラウザでアクセスしてください。 サンプル 思ったより、動作早いですよね。 さて、まずはHTMLのコードから解説していきます。 HTML部に必要なのは以下のコードです。 <script type="text/javascript" src="/content/processingjs/processing-1.2.1.min.js"></script> : <canvas data-processing-sources="/content/processing/kaitentai/
言語(API)Processingは、簡単に洗練された視覚や概念的な構造を創造できるようにデザインされている 他の外国語を選択 : 英語 この日本語リファレンスは旧バージョン(Alpha)用です。 Beta版リファレンスは英語サイトをご覧ください。日本語訳に関する質問はTetsu Kondoまで。 size() (サイズ) ; (セミコロン) = (アサイン) () (括弧) , (コンマ) // (コメント) /* */ (マルチラインコメント) void ボイド setup()(セットアップ) loop()(ループ) new(新規) {} (波括弧) [](配列アクセス) . (ドット) width(幅) height(高さ) framerate()(フレームレート) delay()(ディレイ) smooth()(スムーズ) noSmooth()(スムーズなし) cursor()(カー
関連:p5.js、日本語っぽいプログラミング言語そら豆スクリプト、HTML5+JavaScript Processing.jsは、ビジュアルデザイン用プログラミング言語の先輩格である「Processing」をベースに、最新のWeb環境(HTML5のCanvas要素、Javascriptあたり)で手軽に使えるようにしたものです。 この記事は、そんなProcessing.jsの簡単な入門記事です。先に書いたProcessing基礎最速入門の姉妹編になります。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 2011-06-06:Processing-1.2.1.js で動作確認しています。 ●なんと、日本語っぽいコードをProcessi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く