Content-Length: 322317 | pFad | http://b.hatena.ne.jp/edo_m18/viewport/
【Unity】画面外のターゲットを追跡するカーソル - テラシュールブログ
今回は画面外に移動したプレイヤーを追跡するカーソルを作ってみます。 画面外と画面内の判定 アイコンにキャラクターを追跡させる 追跡するアイコンにターゲットを映す 関連 画面外と画面内の判定 まず、キャラクターが画面外に移動した際の判定を行います。 やり方は色々とありますが、面倒くさいのでプレイヤーのViewPortがRect(0, 0, 1, 1)内に居るかどうかで判断してみます。 Viewport座標はスクリーン座標を0~1で正規化するので、とりあえず0以下・1以上の場合は画面外と判断出来ます。 gist.github.com アイコンにキャラクターを追跡させる 次にアイコンにキャラクターを追跡させます。 配置すべきUIの位置はRect.NormalizedToPointで画面のサイズを取得して割り出します。その際、画面外に移動したViewport座標は、Clampで0－1の範囲に抑えま
DirectXとOpenGLのビューポート行列の違い
はじめに こんにちは！3DCGの再勉強中のなたでです！ 今まで、次の変換行列の違いをみてきました。 DirectXとOpenGLのビュートランスフォーム行列の違い DirectXとOpenGLの射影トランスフォーム行列の違い 本日は変換の最後のビューポート行列の違いを調べてみましょう。ビューポート変換とは、正規化デバイス座標系から、スクリーン座標系への変換となります。前回の講義から、右手座標系・左手座標系という話はなくなっているので、ビューポート行列はDirectX と OpenGL とで同じだと思いますが、どうなんでしょう。 関連記事 3DCGの座標系の紹介 DirectXとOpenGLの回転行列、回転軸、回転方向 DirectXとOpenGLのビューポート行列の定義 DirectXのビューポートの設定 D3DVIEWPORT9構造体でビューポートの定義をして、SetViewportで設
意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、１つだけ教えます。
わかった！お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう
Ext JS入門3 Viewportを使う | ExtJSで楽しくRIA業務アプリ開発
Ext JSの花形の機能がViewportです。Viewportを使うことでブラウザの画面全体をExt JSで支配することができます。たった一つの小さなHTMLの上にViewportを使って様々なアプリケーションを構築することができます。Viewportは一言で言うと、ブラウザの画面を支配する特殊なパネルクラスと言えます。 Ext.Viewportのコンフィグ ExtJSではクラスのインスタンスを生成するときに、様々なコンフィグオプションを設定して、必要なクラスを作っていきます。それぞれのコンフィグがどんな設定をするかはAPIリファレンスで確認することができます。APIリファレンスのクラスの説明のすぐ下にリスト表記されています。 Viewportで使用するコンフィグの基本的な2つがlayoutとitemsです。Viewport内のパネルのレイアウトを指定するのがlayoutコンフィグで、V
iPhone Safariでドキュメントの幅はどうやって決定されるか
width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば、PCブラウザで幅600pxのサイトを表示した場合をイメージすると想像しやすい。幅600pxのサイトであっても、ブラウザのウィンドウ幅が1000pxであれば、 ドキュメントの幅は1000pxになるみたいな…。 なので、「meta viewportのwidthは表示領域(vie
こーすりゃいいかもviewport
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / スマートフォン用のviewport指定、このいずれかかと思うんだけどどうなんだろう。 リキッドパターン iPhoneの場合、縦の時：幅320px、横の時：幅480pxにviewportが調節される。それ以外の幅のデバイスでは、そのデバイスの幅に合わさってリキッドになる。 user-scalable=noなので、ユーザーによるピンチイン、ピンチアウトのズームが不可能。この時点でかなり嫌だが、これは、iOSが、縦→横にorientationさせた時、ズーム率を自動で調節するという機能を殺すため。（iPhoneであれば縦→横でズーム率が1.5倍になる） この自動ズーム率調節機能がイキでいいのであれば
作って学ぶスマートフォン対応サイトの基本 (2/4)
基本のHTMLを作成する 最低限の制作環境が整ったところで、さっそく簡単なスマートフォン向けWebページを作成してみましょう。エディターを起動して、次のようなHTMLを用意します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>スマートフォンサイトテスト</title> </head> <body> </body> </html> 今回はHTML5で記述していますが、基本的にはHTML4やXHTMLなど、PC向けのHTML/XHTMLがほぼ利用できます（iモードなど携帯サイト用のHTMLは正しく表示できません）。続いて、基本的なマークアップを施していきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>
Androidの「target-densitydpi」でviewportの調整
Androidの「target-densitydpi」でviewportの調整 どうも色々調べているとAndroidのviewport調整はtarget-densitydpiというプロパティで行うのがよさそうです。 「target-densitydpi」はAndroid2.0以上で利用でき、表示時のdpi(dots per inch/1インチの中に何ドット表示するか)を指定できます。 <meta name="viewport" content="width=device-width;target-densitydpi=device-dpi"> device-dpiを指定すると画面解像度とディスプレイ表示が同じサイズになります。これでかなり直感的でわかりやすくなると思いますが、画像が多いデザインだととファイルサイズが気になるところです。 キーワード指定では「low-dpi(120dpi)」、
Androidサイトは横幅何pxで作ればいいのか？ - さくペラ
いくつかAndroidサイト制作の仕事をしていて、いろいろandroid機種でデバッグをして気づいたことがあります。 その中で一番はまったのが、「Androidサイトは横幅何pxで作ればいいのか？」という点です。 今では解決方法を見つけたので以下、まとめます。 Androidのデフォルト解像度について Androidサイトを作る際、横幅何ピクセルで作ればいいのかなあと思い、Android機種の解像度一覧の表を探すと思います。 ただ、その情報を鵜呑みにしてサイトの横幅を設計すると、失敗することになるのです。 なぜなら、「機種自体の解像度性能は高くてもwebブラウザのデフォルトの解像度設定が低くなってるケースが多いから」、なのです。 たとえば、IS03は640*960という解像度を持ってますが、viewportでサイズを指定しないで表示したときの横幅は、320pxなんですね…。 android
Androidブラウザでviewportのwidth指定
Androidブラウザでviewportのwidth指定 AndroidブラウザはiPhoneのようにviewportのwidthに数値が指定できません。(ネットを見ていると指定できると書いているページもよくあるのでデバイスによって違うのかも？) タイムリーに@takazudoが同じようなことをやっていて、対応方法が公開されていました。 ただ、私の検証環境、IS01やGALAXY S、Androidシミュレータだとうまく動かず。デバイスの実装差異かなんかかな。 で、色々と試行錯誤していたのですが、meta要素で「content="width"」を指定せず、JavaScriptで次のように指定すると「content="width=640"」っぽい表現が可能です。 $(window).bind('resize load', function(){ $("html").css("zoom" ,
CSS WG F2F: 来期の活動、viewportの標準化 | Web標準Blog | ミツエーリンクス
先月のCSS WGのF2Fでは、CSS3やそれ以降の話についても議論が進んでいます。今回は来期のCSS WGの活動についてと、スマートフォン向けサイトで利用されている"viewport"の標準化について紹介したいと思います。 Minutes and Resolutions Oslo F2F Monday 2010-08-23 CSS3時代のCSS WG 現在のCSS WGは2010年11月末で活動期限を迎えます。過去2回「次期のCSS WG」について取り上げていますが、今回のF2Fでも、次期の活動計画に関してディスカッションが行われています。 CSS 2.1が勧告案に進めば、CSSスナップショットで定義される仕様がほぼ一斉に勧告に進むことができるため、それ以外のCSS3モジュールや、CSS4の策定が次期CSS WGの活動になります。 現時点で、High Priorityとされている仕様は次
SoHaya.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
Travellers Tales : iPod touch/iPhone の viewport 属性の区切りはセミコロンではなくカンマ
iPod touch/iPhone の viewport 属性の区切りはセミコロンではなくカンマ viewport 属性の区切りはセミコロンじゃなくてカンマじゃない？ 日本でも iPod touch/iPhone 用のウェブサービス・インターフェイスが続々出てきましたが、実際に使われている meta 属性の viewport プロパティの区切りが2種類存在することに気が付きました。カンマ（コンマ）を使っているところと、セミコロンを使っているところです。 カンマ区切りの viewport <meta name="viewport" content="width=320, user-scalable=no /"> セミコロン区切りの viewport <meta name="viewport" content="width=320; user-scalable=no; /"> Apple の開
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/edo_m18/viewport/
Alternative Proxies:
HighUb.com is for sale | HugeDomains
Linker.in Domain Name Is Available to Buy - Domain Name Marketplace
Resources - Safari - Apple Developer