気持ちの良いスクロールとちょっと変わったスクロール
スクロールは当たり前のように気持ちの良い動きがゲームでは表現されていますが、それはちゃんと調整された物で、もし調整がない場合は上の画像のように重くて硬く、気持ちよい感じは皆無になってしまいます。 指を離した後にピタッと止まるのは現実ではありえない動作で、不自然な動きを見せられているため、見ていて気持ち良い動きにはならず、認識とのギャップでストレスが強くかかります。 調整を入れてみたもの 慣性の法則を入れることで自分の指で自然に操作している感じを入れました。 さらにオーバーシュートを追加することで柔らかさを表現し、より自然に見えるようにしています。 指にしっかり追従し、離したあとも思ったように動く動作を入れることで気持ちよさを表現しています。 あとは調整して触って調整して触っての繰り返しになるかと思います。 その他の印象付ける動き スクロールは調整さえ済めば他の要望はないですが、ちょっと見せ
Unityシェーダーチュートリアル 水流を作ってみる
実践編第２弾「水流を作ってみる」。 以前、某案件で地下浸水を作り、 押し寄せる水流をディスプレイスと屈折を組み合わせて表現したので、 それを解説していきたいと思います。 モデルの準備 こんな感じの場所に、こんな感じで水を流してみます。 屈折 まずは、屈折表現から入れていきます。 詳しくは、以前の記事に描いてありますので、そちらを御覧ください。 今回はこんなテクスチャを用意しました。大小２つの押し寄せる波です。 この後ディスプレイスも加える予定なので、タイリングを合わせる為に、 テクスチャスロットの Scale & Offset ではなく、 別のプロパティ（_WaveTiling）を用意してタイリングさせます。 これだけだとまだ良く分かりませんね。 ディスプレイス 次に、同じ形状のハイトマップを用意してディスプレイスさせましょう。 屈折用のテクスチャと同じ要領でハイトマップを展開します。 ハ
UnityのuGUIでスクロールビューを作る - テラシュールブログ
Unity4.6で追加したuGUIでスクロールバーを作る方法について紹介します。 大体こんな感じのスクロールバーを作ります。 作り方 まず、リストに表示するノードのプレハブを用意していきます。 適当な横長のImageを用意します。名前はNodeとします。 左の方にアイコン（Image）、真ん中にテキスト（Text）)、右にチェックボックス(Toggle)を配置します。これらは全てNodeの子オブジェクトとして配置します. NodeオブジェクトにLayoutElementコンポーネントを追加します。 LayoutElementのMinHeightにノードの高さ（Height)を指定します。 作ったノードはプレハブにします（ProjectビューへD&D） 次にスクロールビューを作ります。 Canvas以下のパスにGameObjectを作ります（Create Empty Child等で）。 名前
[Fixnel] iOS風スクロールを実現するライブラリを書いてみた | CSS-EBLOG
[Fixnel] iOS風スクロールを実現するライブラリを書いてみた カテゴリ：Javascript関連 2012年9月23日 17:38 iOS風スクロールライブラリ、名前は「Fixnel」 最近の案件で、ライブラリを使用すること自体がNG、というケースの案件があり、そういう場合でも対応できるよう、iOS風スクロールをさせるライブラリ を自前で書いてみた。発端がそういう状況なので、もちろんどのライブラリにも依存していない。このライブラリ単体で動作します。 ちなみに名前の由来ですが、hogehogeスクロール的なものはなんか色々出ているので、どうせならまったく違う名前を、っていうことと、"fix" と "panel" を組み合わせた造語になっていますｗ [デモ、詳細はこちら] [Downloadはこちら] GitHubページを初めて作ってみた さて、今回のライブラリはGitHubにて公開中
Snow Leopard のスクロール方向を Lion と同じにしてみた | paraches lifestyle lab.
MacOS X 10.7 Lion になって標準のスクロールの方向が今までと逆になりました。iPhone や iPad などで指でスワイプしてスクロールするのと同じ方向になっています。 これで iPhone/iPad と Lion のスクロールの向きが統一されて使い易くなったのですが、Snow Leopard も引き続き使い続けなくてはならない環境の人には、Snow Leopard と Lion でスクロールの向きが逆になるので使い辛くなってしまいます。 そこで、Snow Leopard のスクロールの向きも Lion/iPhone/iPad と同じにしてしまうユーティリティ Scrollvetica を紹介します。 github にある Scrollvetica のホームページで「Download」をクリックして、 出て来たダイアログで Scrollvetica_1.0_v10.zip
ユビキタスエンターテインメント，無料で使用できるHTML5/JavaScriptベースのゲームエンジン「enchant.js」をリリース
ユビキタスエンターテインメント，無料で使用できるHTML5/JavaScriptベースのゲームエンジン「enchant.js」をリリース 編集部：aueki ユビキタスエンターテインメントは，主にスマートフォン用のゲームをターゲットにしたHTML5とJavaScriptによるゲームライブラリ「enchant.js」を公開した。 このライブラリは，2Dゲームを作成するための基本システムをまとめたもので，スプライトやバックグラウンド（BG）などのほか，バーチャルゲームパッド機能などをサポートしており，利用者が無料でゲーム作成に利用できる。 HTML5は，Webページ記述に使われるHTMLを大幅に強化したもので，さまざまなオブジェクトを動的に扱う機能に優れており，現在Flashなどで作られているWebページの多くと同等なものを実現できる技術として期待されている。対応ブラウザを使えば，プラグインな
getClientRects()とgetBoundingClientRect()の違いとその動作のまとめ - terurouメモ
ワタシ、ニホンゴ ニガテ。ダカラ コレ ヨク イミ ワカラナイ。 Element.getClientRects() * 一行一行のボックス情報を取得する Element.getBoundingClientRect * ボーダー辺で囲まれた領域のボックス情報を取得できる getBoundingClientRect()はDrag&Dropを実装する際に使った事があったので、Rectが取得できるヤツだと認識してたけど、getClientRects()とか知らなかった。で、上記の説明を読んだのは良いんだけど、どう違うのかが理解できなかった。 なので、getClientRects()とgetBoundingClientRect()がどういうヤツなのかをメモを残しとく。なお、このメモはあくまでIE6での動作のまとめであって、Firefox3での動作なんて眼中にないのであしからず。 getBoundin
iPhoneでscrollTopみたいな事をする
下っ端プログラマーのもがきをつらつらと。 生活や、仕事のおぼえがきや、気になったニュースなどを書いていきます。 iPhoneにscrollTopは無い。 代わりに、pageYOffsetがある。 一番下まで来た場合に何か処理をさせたい場合、scrollTopが無いiPhoneはpageYOffsetを使用するしかない。 ただ、pageYOffsetだけでは不十分。 pageYOffsetは現在の画面の一番上の縦位置が全体のどの位置までスクロールしたかがわかるだけ。一番下に来たかどうかかわからない。 なので、 window.innerHeight を足してやる事で画面下の位置が取得できる。 //画面下の位置取得 var bottomPos = window.pageYOffset + window.innerHeight; //スクロールできる縦の長さ取得 var max = documen
nJOY BLOG::IE8 「テキストエリアで勝手にスクロールするバグ」の回避方法
2009Jun17 IE8 「テキストエリアで勝手にスクロールするバグ」の回避方法 BlognPlus 公式コミュニティで「投稿エリア（テキストエリア）でスクロールバーが上下します」というトピックがあったのでちょっと調べてみました。 このバグがどういうものかは言葉で説明するよりも実際に試してもらう方が早いと思うので、検証ページを用意しました。 → 「テキストエリアで勝手にスクロールするバグ」検証ページ Internet Explorer 8 で文字を入力すると勝手にスクロールする現象を体験する事ができます。 日本語で検索すると同様の症状が「adiary 開発日誌: IE8のメモ＋バグメモ」で報告されていますが、他には特に見当たりませんでした。 でも検索言語を英語まで広げると、該当する情報を2件見つける事ができました。 Microsoft Connect: textarea scroll m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
— Marco Rosella, Interactive Designer.
Portfolio Fedorchenko Y.
Ben the Bodyguard. Coming soon to iPhone® and iPod touch®