失礼、生やしすぎました。 毛や植物など、形状に対して「生えている」ような見た目にしたい時の考え方のメモです。 文字から何か生えてるとか、よく見るけどかっこいいな、どうやるのかなと思ってちょっと試してみました。 馬の絵から生やすとこんな感じ これはバイク・・毛の量多すぎて毛虫みたいですが これは骸骨です。パラメータ調整に若干ミスって寝ぐせみたいになってます。 以下、解説です。 考え方 １：シェイプを構成する頂点に対して何かを生成すればよい 「生える」ってずいぶん複雑そうだな、と一瞬思いましたが、単純に頂点から何か出てくる表現を 複製する、という表現ができれば目的は果たせそうです。 ２：線の進む方向と直角なベクトルで生やす。左なら左、右なら右に固定で 例えば四角形に毛が生えている表現は、一筆で四角形を描いた時に、向かうベクトルに対して左側に毛が生え続ければ 四角から毛が生えているように見える。

9/23のセミナー登壇用に作成した資料です。 ※矢印キーの左右か、画面の両端をクリック、あるいはマウスホイールの上下でスライドが移動します。 // まずはページ幅取得 var width = document.documentElement.clientWidth; document.body.className = 'slidemode'; // フォントサイズ調整 document.body.style.fontSize = width / 5.5 + '%'; var slides = []; var SV = 'slide view'; var SR = 'slide right'; var SL = 'slide left'; // スライドの各ページを取得 // divタグのクラス名で判定 var divs = document.body.getElementsByTagNam

新アプリ TiltShift Generator がリリース。 | fladdict @fladdict さんと共作の TiltShift Generator が本日発売されました。どんなアプリかと一言で言うと、iPhoneで写真をミニチュア写真ぽく加工できるアプリです。 それで、なんと即日で日本のAppStoreの有料アプリ1位となりました! すでにレビューも、Twitter含めあちこちで頂いています。お買い上げいただいた皆様、そしてレビューしていただいた皆様、本当に感謝の言葉しかありません。ありがとうございます! ToyCameraで撮影したものをTiltShift Generatorを使ったもの。 (CC by) emrank さんの写真をTiltShift Generatorを使ったもの。 コラボでの開発 このアプリは、fladdictさんが企画、ビジュアル/UIのトータルのデザイ