【Unity】ボタンを押したときに画面クリックは無視する - おもちゃラボ
GetMouseButtonDownメソッドを使ってマウスの入力を取得していると、uGUIのボタンを押したときにも画面クリックを検出してしまいます。 ボタンがタッチされたときは、画面のタッチは無視する これでも良い場合もありますが、普通は画面のクリックとボタンのクリックは分離したいですよね〜。 そんなときはEventSystemのIsPointerOverGameObjectメソッドを使います。このメソッドは、ボタンがクリックされたときにだけ反応するので、簡単に画面クリックを無視することが出来ます。 スクリプトは次のようになります。 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; public class TouchC
Unity + Meta Quest開発メモ
Meta XR Simulator Introduction また、MR開発をサポートするSynthetic Environment Serverという機能があり、Oculus > Meta XR Simulator > Synthetic Environment Serverでサーバーを立ち上げておくとカメラパススルー等をテストできます。その他さまざまな開発補助機能が用意されています。 Building Blocksについて Oculus Integration 57.0からBuilding Blocksという機能が入りました。Oculus > Tools > Building Blocksで下のようなウィンドウが開いて、必要な機能をクリックしていくだけでカメラリグを組み立てたり、プロジェクトの自動設定をしてくれたりするようになっています。最初のセットアップが簡単になるので試してみるとい
購入ボタンを押すと美しく梱包してくれる見て楽しい触って気持ちいい購入ボタンの実装
面白いなーと思いまして。 購入ボタンをクリックするとまるでそれを包装してくれるかのようにアニメーションして、購入につなげるアクションです。 特にこのサンプルで表示されているのはギフトカードの購入なので、まさにギフトカードを包み込むようにアニメーションするのが気持ちいですね。 以下サンプルでBuyをクリック！ See the Pen Gift Card UI by David Khourshid (@davidkpiano) on CodePen. HTMLと、SCSSのみ。JavaScriptはつかっていませんので、非常にシンプルな構造になっています。 是非お試しあれ。 それでは、また。
CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト
12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Google +1 ボタンを設置してみました + Tips を少し - WebOS Goodies
Google が任意の Web ページに設置できる +1 ボタンを公開したので、さっそく貼り付けてみました。上のツィートボタンの横にある「+1」と書かれたのがそれです。 Google アカウントをお持ちの方、ポチっとやっていただけると嬉しいですｗ この +1 ボタンですが、実はとても簡単に設置できます。 HTML コードを生成するウィザードがあるので、サイズとか何とかを指定して、取得した HTML をページに挿入するだけ。なんと既に日本語のドキュメントも公開されているので、詳細にカスタマイズすることも可能です。 ただ、少しドキュメントが間違っている（というか API がバグっている）ところもあったりしたので、そのあたりも含めて記事にしてみました。 +1 ボタンとは 日本ではまだあまり役に立たないのでご存じない方も多いと思うのですが、 +1 ボタンというのは、言わば Google 版の 「い
Google +1 をウェブサイトに表示
Documentation You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and load technique. By adding the +1 button to your website, you allow your users to recommend your content to their circles and drive traffic to your site. The +1 button can also improve the time spent on your site by providing recommendations for further reading. Use of the
画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。 CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。 ポイントとなるHTML ボタンを構成する要素はこれだけ。 <!--ボタン要素--> <div class="button bordered back"> <span class="label">Back</s
HD Player for Wii U
Making money is a basic and necessary part of application planning, development, and maintenance. Even if you have a newly developed app, you can monetize it. The app monetization model is not a simple concept. There are several ways to generate revenue from an app. We've created this comprehensive app monetization strategy guide to assist you in successfully monetizing your software and increasin
Facebook、「Like」ボタンの機能を強化--「Share」ボタンの機能を統合
Facebookは先ごろアップデートをリリースし、「Like」ボタンに「Share」ボタンの機能を追加した。Facebookユーザーがサードパーティーサイトで「Like」（いいね！）ボタンか「Recommend」（おすすめ）ボタンをクリックすると、見出しや宣伝文、サムネイルなどを含む記事がユーザーのウォールに生成される。また、記事にコメントする機能も利用できる。 これまでは、サードパーティーのサイトが「Like with Comment」ボタンを採用していない限り、その記事へのリンクがウォールの「最近のアクティビティ」に表示されるだけだった。現在は、Likeボタン、「Share」（シェア）ボタン、Recommendボタンのすべてで、見出しと宣伝文、サムネイルを含む記事が表示される。 Facebookは今後、Shareボタンの開発をサポートしないとみられる。開発者向けドキュメンテーションのセ
いいね！ボックス - ソーシャルプラグイン - ドキュメンテーション - Meta for Developers
Graph API v2.3では、いいね！ボックスプラグインを利用できなくなりました。代わりに、新しいページプラグインを使用してください。ページプラグインを使用すると、ページのコンテンツのシンプルフィードをウェブサイトに埋め込むことができます。 ページプラグインを手動でアップグレードしなかった場合は、いいね！ボックスプラグインの実装が自動的にページプラグインにフォールバックします。 いいね！ボックスはFacebookページのみに対応する、いいね！ボタンの特別バージョンです。これを使用すると、ページのコンテンツのシンプルフィードをそのほかのサイトに埋め込むことができます。
1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
[CSS]コピペで使える、テキスト周りをかっこよくするCSS3のエフェクト集
CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste [ad#ad-2] 対応ブラウザはCSS3を使用しているため、CSS3をサポートしているブラウザのみで、一部のものはWebkit系（Chrome, Safari）のみとなっています。 Letterpress（レタープレス） Small Caps（スモールキャピタル） CSS Coupon（クーポン券） Stitched（ステッチ） Gloss（グロス） Stroked Text & @font-face（@font-faceを使ったストローク） Double Stroked Text（二重のストローク） Letterpress（レタープレス） レタープレスのエフェクトには、3つのカラーが必要です、背景のbackground、テキストのcolor、テキストの影のtext-sha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
css-eblog.com
[CSS]金属の質感が美しすぎる、スタイルシートで実装されたボタン
Engadget | Technology News & Reviews
TechCrunch
SLOBSERVER - L'actualité de Second Life
