前にtwitterアイコンやpixivの画像をプヨプヨすることのできるpuyopixというコンテンツを作りました。 Puyopix -プヨプヨにするよ- このページの右上にあるブログパーツもこれです。 解説をやると言っておいて、ずっと書いていなかったので書きます。 あんまりコードだらけにしても面白くないし、方法の概念的なものを図を交えながら説明していきます。 画像をプヨプヨする方法の概要と、それをUIに応用する方法です。 プヨプヨの実装 骨組みを作る 格子状バネという、わりと普通の実装をしています。 格子状に並んだ各点をばねのように接続します。 バネはお互いの点の距離が一定になるように、２つの点に逆方向の力をかけます。 フックの法則というのがあって、「F = -kx」とかいう式もありますが、プログラムとしての感覚は「本来あるべき距離の方向へ、ズレた分の○%だけ加速度をつける」って感じになり
認知科学の基本となる考え方にアフォーダンス(affordance)と呼ばれる概念がある。既に何十年も前に確立された理論であるにも関わらず、人の直感に反するためか、今日でもアフォーダンス以前の古典的な解釈が幅を利かし、ネット上でも誤った解釈に基づく記述をよく見かけるのが現状だ。本エントリでは、佐々木正人著『アフォーダンス──新しい認知の理論』を参照して、アフォーダンスの基本的な考え方を紹介する*1。本エントリで扱う図も本書からの孫引用だが、オリジナルは脚注で示している。アフォーダンスは、なぜ世界がこのように見えるのか、をまったく新たな視点で説明する。 視覚において網膜は重要ではない 人が奥行きを知覚するために、水晶体や眼筋の緊張、両眼の視線の方向差（両眼視差）などが決定的な役割を果たしていると説明されてきた。しかし、網膜の小ささを考えると、両眼視差は対象が数十メートルも離れると無効になる。両
Sticky Light は スマートレーザースキャナを用いたインスタレーションの一種だ。東京大学は石川小室研究室の Alvaro Cassinelli 助教授らによって開発された。このシステムでは「絵」と「レーザーの光」を通して人間とコンピューターのインタラクションを実現している。回りくどい話はさておき，上の映像を観てみるのが早いと思う。 Sticky Light の技術的に面白いところは，このシステムがカメラ（イメージセンサー）を使用していないという点だ。このシステムの核となるスマートレーザースキャナは，レーザーダイオードとフォトセンサーとミラー制御装置から構成されている。レーザーの照射の仕方にコツがあって，２次元的なスキャンを行うことなく，３次元空間上での物体のトラッキングが可能となっている。動作原理についてはこのページの解説が分かりやすい。 僕は個人的に，このような「現実空間側に主
「電話、Eメール、次はAR」――「セカイカメラ」の最新デモを見た：犬も歩けばタグに当たる？（1/2 ページ） 「インターネットの豊かな情報を、現実の生活空間にオーバーレイしたい」――iPhoneやAndroidケータイなどのモバイル端末を“電脳メガネ”に変える、拡張現実（AR）アプリ「セカイカメラ」の正式公開が迫っている。7月10日、拡張現実空間の公共圏などについて議論する団体・AR Commonsが開催した「AR Commons キックオフ・シンポジウム」で、頓智・（トンチドット）の井口尊仁代表が最新版セカイカメラによるデモンストレーションを行った。 まずは、気になるデモンストレーションを紹介 残念ながら今回もiPhone版セカイカメラの正式なリリース日はアナウンスされなかったが、井口氏は会場に「当日お昼の11時にコンパイルされたばかり」という“ホヤホヤ”のiPhone版セカイカメラを携
ゲームにまつわる言説で「アクションゲームは、プレイヤーを動かすだけで気持ちよくないとダメ」ってときどき目にするが、これは言葉が足りてないなーと思う。 学生時代に「マリオはジャンプしてるだけで気持ちいいからすげーよ！」としたり顔で語ってた僕が開発者にまわって思うのは、「といーん」とジャンプした後、「ヒョコッ」とクリボーを潰してこそ、ジャンプの気持ちよさが昇華されてるよな、ってこと。 マリオのジャンプがいかに気持ちよくとも、一日中ジャンプだけしてニヤニヤできる人間はそういない、はず。少なくとも僕は違う。初代スーパーマリオのジャンプのすごさ、ひいてはスーパーマリオのすごさって、容量ギリギリの厳しい制限の中、跳ぶというワンアクションに対して、あらんかぎりのリアクションが用意してあるところだと思う。 ジャンプで踏まれたクリボーは、当時のゲームでは当然のやられかた、すなわち点滅して消えるだけだったり、
There are plenty of perfectly acceptable and functional websites out there that don't use dynamic content. But what if you want to give your site that little something extra that makes your visitors say "Wow"? What then? Maybe you'll find your answer below. There are tons of great, creative user interface options featured below, from modal windows to live search to hover effects. But they aren't j
もうすぐＴシャツの季節というわけで、今回はちょっと早いけど夏の着こなしの主役になるＴシャツを大特集。注目の新作Ｔシャツによるコーディネートから合わせ小物まで、2009年のＴシャツを徹底紹介！スタイリストもオススメの最新Ｔシャツ＆夏服をチェックして、季節を先取りしちゃおう！
一時的にアクセスできないか、もしくはページが削除された可能性があります。 下記のリンクより、ご希望のページをお探しください。 ←前のページに戻る
Taxes, discounts and shipping calculated at checkout
by AN Jay · June 5, 2009 21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs for designers like you. Today, we have another great post related to design a beautiful website using stylish effects with CSS/jQuery. In this, we made a list of 21 S
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
高解像度画像は、サイトが扱っている内容によっては、ユーザーからの強い閲覧ニーズがあることを、コラム記事「高解像度画像を閲覧できるようにする」で述べました。これを受けて、高解像度画像を閲覧するためのアプリケーション（ビューワー）、特に無料で気軽に使えるものをご紹介したいと思います。今回採り上げるのは、「Google Maps Image Cutter」です。 Google Maps Image Cutterは、GoogleマップのUI（ユーザーインターフェース）を使って、オリジナルの画像をズームイン/ズームアウト表示することができるツールです。開発元であるUCL（University College London）のサイトから、作成ツールをダウンロードできます。 実際に作成ツールを使って、オリジナル画像をGoogleマップUIで表示できるようにトライしてみました（下記は、その画面キャプチャー
プロフィールを充実させるだけで、あなたにピッタリのお役立ち情報やお得なキャンペーン情報が届くようになります。 個人情報の取扱いについては、P&Gのプライバシーポリシーをご確認ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
