Twit log from doppac_cc



  • 00:34 processingas – Project Hosting on Google Code – AS3のProcessing処理系。 tumblr.com/xif9hkv2u #


  • 00:39 timcameronryan’s CrossProcessing at master – GitHub -… tumblr.com/xif9hl223 #


  • 00:43 pyprocessing – Project Hosting on Google Code – pythonのProcessingライブラリ tumblr.com/xif9hl6vj #


  • 00:51 Photo: Hyperbolic Coral フリルっていうかワカメっぽい平面を生成します。 tumblr.com/xif9hlhgp #

Automatically shipped by

LoudTwitter



Twit log from doppac_cc



  • 22:31 Video: paths ドラッグした部分からランダムに糸のような描画が広がる。おもしろい。 しかもほぼ1ラインぷろぐらむですごい。 tumblr.com/xif98ghud #


  • 00:21 Photo: falling letters 3D editable textの続編的な感じでしょうか。jBullet(3D物理計算のJavaライブラリ)を使ってキーボードで打ち込んだ3D文字が床に落下します。 tumblr.com/xif98kjzq #

Automatically shipped by

LoudTwitter



Twit log from doppac_cc



  • 08:52 Photo: 日経ソフトウエア blog「Radium… tumblr.com/xif94lb3s #


  • 15:47 Photo: 3D editable text boxで文字を3Dで描画している。かわいい。 fontはオフスクリーンに描いたビットマップを読んで座標に変換している。 tumblr.com/xif954s7b #


  • 21:52 Photo: 3D Soundclash – Immersive sound reactive application by @field_io #Processing |… tumblr.com/xif95fqcy #


  • 22:55 “ProcessingとJBox2Dという組み合わせが手軽に使えて面白く,かつ強力なものであるのは確かです。Processingが好きな人はレパートリーのひとつとして加えてみてはいかがでしょう?” tumblr.com/xif95i283 #

Automatically shipped by

LoudTwitter


Twit log from doppac_cc



  • 10:48 Photo: voronoi3 on Flickr – Photo Sharing! ボロノイ図ライブラリを使ったポートレイトスケッチ。 tumblr.com/xif93760c #


  • 10:56 Photo: Lee Byron » Else » Mesh – A Processing Library Lee Byron » Else » Mesh – A Processing Library… tumblr.com/xif937j0u #


  • 11:47 Photo: 自分なりの問いをつくれる人 – Mathatelle 吉村 マサテル氏によるProcessing紹介スライド。板書ふうのイラストが楽しい。 tumblr.com/xif93a3lr #


  • 12:01 Photo: 3D Gravity Grid 3次元空間に登場する球体が生じている引力が2次元メッシュの歪みで可視化されているようなビジュアル。すごいきれい。 tumblr.com/xif93as3m #


  • 22:43 Photo: Emergence Experiment 2.01 rev 6… tumblr.com/xif93wvkb #

Automatically shipped by

LoudTwitter


iPad風の複数ペインタッチスクロールをつくるjQuery.iFingerScroll

iFingerScroll.png

■先週末会社でiPadで毎日使うWebサービスを想定した1Dayプロトタイピングというのをしていて(そのうちまとめられますがとりあえずYoutubeの動画で様子が見られます)、iPadWebアプリのブラウザモックをつくったのですが、そのとき困ったのが、iPadアプリで見られる左サイドのペインに一覧、右サイドのメインペインに詳細を表示するようなスクローラブルな複数ペインUIをふつうにつくる方法がmobileSafariに用意されてないことでした。そもそもmobileSafariにはスクロールバーがないんですよね。

ブラウザでiPhone風のグラブスクロールを実現するjQueryプラグイン「overscroll」というのを見つけて入れてみたんですがこれでもだめで。調べたところmobileSafariには(スクロールバーがないためか)そもそもscrollTop/Leftプロパティそのものがなかったので、スクロールを実現するにはposition:absoluteでtop/leftを直接いじらないといけないことがわかりました。

先週はモック用にoverscrollベースで全体的にいじってとりあえずしのいだのですが、せっかくなのでまとめなおしたものを公開しておきます。

など

まだネイティブのスクロールUIとはいろいろ違いがあります。

  • スクロール端でドラッグを続けた時のラバーバンド的なエフェクトがない
  • ドラッグを放したときのアニメーション中に再度クリック、ドラッグしても、アニメーションが終了するまで操作ができない
    • 動作が軽くなるかとアニメーションをCSS Transitionsにしたため、途中で止められなくなっています。jsアニメーションに戻したほうがいいかも。
  • 動作、アニメーションがぎこちない

とはいえモックつくったりするには便利なのでつかってみてください。またはもっといいもの教えてください。


Twit log from doppac_cc



  • 10:08 Photo: Processing Discourse – Caffeine – Advanced UI library マルチウィンドウとか高度なUIが使えるライブラリみたいです。 tumblr.com/xif8ym5mt #


  • 10:23 Processing Discourse – Stereo – Anaglyph / Active stereo rendering lib – アナグリフ式の立体視レンダリングライブラリらしい。… tumblr.com/xif8ymw1r #


  • 23:53 Photo: Your Random Numbers – Getting Started with Processing and Data Visualization | blprnt.blg… tumblr.com/xif8zfne3 #

Automatically shipped by

LoudTwitter


Twit log from doppac_cc



  • 14:53 Video: Kaleido (via Agnes Chang) Kaleido Processingを拡張してドローツールで描いたオブジェクトとコードを連携したプログラムが可能な環境みたい。 tumblr.com/xif8xlbz6 #


  • 22:12 pjs4ipad – Project Hosting on Google Code – ProcessingのをiPhone/iPadで制作、実行できるProcessing.jsベースの環境。 tumblr.com/xif8xvido #


  • 22:40 Photo: Additive waves Toxiclibsのサンプル。 tumblr.com/xif8xwe69 #


  • 22:45 Photo: Champ de Vecteurs ベクトルの方向が図示されるような作品。 2355のモーションロゴでこんな感じのやつがありますね。 tumblr.com/xif8xwjdy #


  • 22:56 Photo: GeometryInStyle Toxiclibsのサンプル。 いろんなプリミティブがある。 Spline3D spline=new Spline3D();… tumblr.com/xif8xww4g #


  • 23:02 Photo: SuperEllipsoidMeshBuilder Superellipsoid(超2次楕円体面)のプリミティブを出す。… tumblr.com/xif8xx2lx #


  • 23:08 Photo: SphericalHarmonics Toxiclibsのサンプル。 SphericalHarmonics(球面調和関数)で生成したメッシュをレンダリングしてるそうな tumblr.com/xif8xxa71 #


  • 23:11 Photo: TerrainSteering Toxiclibsのサンプル。 2次元メッシュでつくった地形に沿って物体を動かす。 ソースかなり短い。 tumblr.com/xif8xxe6w #


  • 23:26 Code Log · Minim 2.1.0 BETA – Minimの次期バージョン? よく見てないけどAudioOutput.playNoteとかあるから音階を鳴らしたりするのができるんですかね。 tumblr.com/xif8xxw40 #


  • 23:29 Photo: Deforming Panorama [Processing] by Jun Kondo | CreativeApplications.Net tumblr.com/xif8xxzof #


  • 23:32 Photo: Dokfest Forest Identity [Processing] – Visualizing the festival programme../ work by @field_io |… tumblr.com/xif8xy2tr #


  • 23:34 Photo: Lormalized [Processing, Mac, Windows] – Lorenz + 25k particles » Beautiful! | CreativeApplications.Net tumblr.com/xif8xy66p #


  • 23:36 Photo: AVATAR [#Processing] – a theatre production by Erre with Roman Torre (@rtorre) |… tumblr.com/xif8xy7vf #


  • 23:52 Photo: aut.ologo.us digital works: Marduk Project… tumblr.com/xif8xysb4 #


  • 00:01 Photo: Silica-Esc [Processing] – Narrative piece inspired by the works of Jean Luc Godard, Velimir… tumblr.com/xif8xz3f3 #


  • 00:04 Photo: Generative abstraction of logos/branding « Butterfly マスターカードのモーションロゴアイデアのスケッチ。 Mastercard Processing… tumblr.com/xif8xz7g2 #


  • 00:07 Photo: Mycelium [Processing] – Fungal hyphae growth using images as food //app by @notlion |… tumblr.com/xif8xz9x0 #


  • 00:11 Photo: dsLabs » Blog Archive » Tweak your Processing code in real-time… tumblr.com/xif8xzgg2 #

Automatically shipped by

LoudTwitter


Twit log from doppac_cc



  • 22:09 Photo: Bouncy Springs – OpenProcessing ポインタをドラッグして動かすと、ボールのマトリックスがバネのように動く。色の変化もあいまって不思議なリアリティがある tumblr.com/xif8wg11v #


  • 22:25 Video: zoomza 自動でズームイン/アウトする3Dキャンバスで落書きする。不思議な感覚。 tumblr.com/xif8wgkbk #


  • 22:58 Photo: Advanced Tree Generator 再帰処理で描くツリーをポインタとホイールでコントロールできる。動きがクイックかつダイナミックでおもしろい。 tumblr.com/xif8who8t #


  • 23:44 Photo: MeshAlignToAxis Toxiclibsのサンプル。 tumblr.com/xif8wj8ec #

Automatically shipped by

LoudTwitter