JavaScriptで大量のオブジェクトの当たり判定を効率的にとる - Subterranean Flower Blog
ゲームなどのコンテンツにおいて、「当たり判定」から逃れることはできません。オブジェクトとオブジェクトが衝突したかどうかという判定は、インタラクティブコンテンツにおいて最も重要な部分になるからです。 当たり判定の実装自体は難しくありません。ですが、素朴な実装ですと、対象となるオブジェクトが大量である場合に、十分なパフォーマンスが出ません。これはオブジェクトの多い、現代的なゲームでしたり、弾幕シューティングなどを作るときに大きな障害となります。 この記事では、大量のオブジェクトの当たり判定を処理する、効率的な方法について紹介します。 まずは素朴に実装してみる 当たり判定の処理を語るには、ある程度ゲームの骨組みのようなものが必要になってきます。もちろんクラスなどを使わないベタ書きでもよいのですが、大変読みにくくなってしまいます。ですので、今回は、まず簡易的なゲームエンジンのようなものを作って、そ
Unityを使ってスマホアプリを配信するまでに使用したアセットの解説 - Qiita
経緯 Unityを使い始めて２ヶ月ほどで、アプリ内課金機能を持ったアプリをAndroidで配信することができました。 これもUnityという開発プラットフォームが優れているからであり、またアプリ制作に必要な項目をアセットのインポートによって大幅に工数を削減できたからに他なりません。 そんなアセットを感謝の気持ちで８つ紹介していきたいと思います。 環境 Unity 5.5.0f3 Windows10 64bit GodTouch(無料) 【UnityAsset】GodTouch – Unityエディタ上でタッチの動作を確認できる | てんぷらの館 このアセットを用いて、Unity上のテストと実機テストをシームレスで実現できました。 Android機にインストールしてどんなバグが出るかなと思ったらタッチ・スライド・ドラッグ＆ドロップが問題なく動いて感動しました。 GodTouchを使うにあたっ
Unity ベルトコンベアをつくる - Qiita
作るもの 物体が上に載ると設定した方向に物体を移動させるベルトコンベア 作り方 1. ベルトコンベアのスクリプトを作成する using System.Collections.Generic; using UnityEngine; namespace ConveyorSamples { public class Conveyor : MonoBehaviour { /// <summary> /// ベルトコンベアの稼働状況 /// </summary> public bool IsOn = false; /// <summary> /// ベルトコンベアの設定速度 /// </summary> public float TargetDriveSpeed = 3.0f; /// <summary> /// 現在のベルトコンベアの速度 /// </summary> public float C
【Unity】Event Triggerの種類と用途と使い方【保存版】 | TECH PROjin
uGUIのButtonコンポーネントにはOn Click（）というイベントが用意されています。 これは、「ボタンがクリックされたら…」という条件でイベントを発生させるものですが、 正確なタイミングは「ボタンを押して、離した時」となっています。 もし、「ボタンを押した時」や、「ボタンを離した時」、「ボタンにマウスを乗せた時」のように、 イベント発生のタイミングを細かく指定したければ、EventTriggerコンポーネントを使いましょう。 ※使用しているUnityのバージョンは2017.1.0f3です。 [Unity_317×90] Event Triggerについて EventTriggerは、発生させたいイベントを自分で指定するためのコンポーネントです。 これを使うと、Button以外のuGUIコンポーネント（ImageやPanel）などでも、ボタンの様に使うこともできます。 Event
React Native Navigation 導入メモ - Qiita
$ date 2017年 3月19日 日曜日 17時09分47秒 JST $ yarn -V 0.21.3 $ react-native -v react-native-cli: 2.0.1 react-native: 0.42.3 React Native Navigation とは ReactNative標準Navigationの微妙なところを改善しようとしている代替パッケージ。詳細はREADMEほかを参照。筆者の導入モチベーションとしては、標準のNavigatorIOSだとReduxにてpropsの更新を伝えられないのを解決できる点でした。 wix/react-native-navigation 導入前の準備 本パッケージを導入するにあたって、標準で想定されているコードとどう違うのかを把握したいところ。なのでまずは、最小限のReactNative新規アプリを用意します。ここでは、自動
sublime text 3 ：MacでVintageモードから抜けてIMEをOffにする - Qiita
はじめに sublime textのVintageモード，とても便利です． 便利なんですが，日本語入力のままコマンドモードにうつるとコマンドが使えなくて…もーってなったり… プラグイン プラグインを書いて解決します． ただMacの場合しか確認できていません． プラグインを作るには，まず Tools → New Plugin… でプラグインのテンプレートを表示します． このテンプレートを編集してプラグインを作成します． テンプレートを次のように書きかえてください． import sublime_plugin import os import platform class ImeoffCommand(sublime_plugin.TextCommand): def run(self, edit): if platform.system()!="Windows": cmd = """ osasc
ReactNativeにActionSheetを実装してみた - 個性は次々死んでいく
ActionSheetとは？ この下から出てきてるやつ RN本体でサポートしてくれてはいるが、iOSの標準機能なので iOS用のコンポーネントになってる。 ActionSheetIOS うーん…同じコードで両方対応したいですね… react-native-action-sheet そんなときはコレ github.com いい感じにiOS・Android両方対応してた Androidは（多分）見慣れたポップアップみたいな感じで表示される expoでサンプルコードが公開されてるので、実機とアプリがあれば簡単に確認できて便利 ※ expoについては省略 今回はexpoじゃなくて、通常通り react-native init app の流れからの組み込みを想定してる 組み込む まずはプロジェクトのルートでパッケージをインストールする $ npm install @expo/react-native
あっと驚かせるJavaプログラミング(をやめよう） - Qiita
はじめに 驚き最小の原則（法則）という言葉があります。 Wikipediaの記事を引用すると http://ja.wikipedia.org/wiki/%E9%A9%9A%E3%81%8D%E6%9C%80%E5%B0%8F%E3%81%AE%E5%8E%9F%E5%89%87 ユーザインタフェースやプログラミング言語の設計および人間工学において、インタフェースの2つの要素が互いに矛盾あるいは不明瞭だったときに、その動作としては人間のユーザやプログラマが最も自然に思える（驚きが少ない）ものを選択すべきだとする考え方である。 要するに、使うときに「おやっ？」という驚きが少ないほうが良いプログラムであるといえます1。 この記事では敢えて驚きの多いプログラムの書き方を紹介します。驚きの多いプログラムを読むとどんな気分になるか、実際に体験してみてください。もちろん、本当は驚きが少ないプログラムを書
【Unity】uGUIの文字を一文字ずつ別々に動かす - おもちゃラボ
uGUIを使って文字列を表示するにはTextを使います。このTextを使って一文字ずつランダムに動かす方法を紹介します。UIの文字でも場所によっては動いている方が楽しいですね〜 UIのTextを一文字ずつ動かす方法 UGUIのTextはModifyMeshメソッドを使うことで、文字を構成するポリゴンにアクセスすることが出来ます。各ポリゴンの頂点座標を配列として得られるので、その頂点座標を一文字ごとに、違った方向に動かすことで文字がバラバラの動きをします。 文字を構成するポリゴンは４頂点ではなく、６頂点で構成されるので注意が必要です。次のような並びになっているようです。 したがって、頂点配列の頂点を6個ごとにばらばらの方向に動かすことで上のような文字の動きが実現できます。 ランダムに動かす方法はなんでも良いのですが、ここでは半径Rの円周上をランダムに指すベクトルを方向ベクトルとして使っていま
Testing React Native and Redux
Test driven development is essential for any project. In my experience I’ve delayed on delivery several times because I relied on manual testing, so it’s very important that there’s adequate level of understanding of what it takes to test a framework. The ComponentThe ComponentThe component allows users punch in pass codes to login. It needs to: Keep track of all the keys.Clear all the keys.Send t
【React Native】良さげなコンポーネント紹介 - Qiita
React Native Advent Calender12/24への投稿記事です！ メリークリスマス 色々なコンポーネントがありますが、探すのって大変ですよね・・・・。 それに探しても探し切れなかったりなどなど。なので面白そう、あるいはすごそう、使ってみたことあるなどなどのコンポーネント紹介していきます！ また、こっちの方がよいぞー！これとかどう？などなどあればお教えいただけますと幸いです！ react-native-router-flux 名の知れたルーティングライブラリ。react-routerライクな書き方で使うことができます。 tabだってアニメーションだってできてしまう万能な子。 Sceneを使ってルーティングを定義します。そして戻るアクションやスワイプバックは自動実装。 tabについても書くだけでタブ遷移の仕組みも実装してくれます。 如何せんドキュメントがよくわからなくてソー
【iOS】スクロールに付随して動くUIView拡張ライブラリ、ScrollingFollowViewを公開しました。【OSS】 ｜ DevelopersIO
おばんです、ポケモントレーナーLv.15の田中です。 近所でミニリュウが出ることが発覚して最高です。 今回自分史で初めて公開したiOSのOSSライブラリ、ScrollingFollowViewを紹介します。 ※この記事は現バージョン0.0.2における紹介です。ライブラリをアップデート次第こちらも随時更新する予定です。 ScrollingFollowViewとは PixivやFacebookのNavigationBar領域などにも使われているような、UIScrollViewのスクロールに付随して動くUIViewの拡張ライブラリです。 先日Retty Tech Cafe #6で発表したこのライブラリに関する資料はこちらです。 作ろうと思った動機、経緯についても触れたのでもし興味があればご覧ください。 基本的な使い方 導入はカンタンです。 ここではGitHubのレポジトリのDEMOでも紹介してい
JavaScript中級TIPS - Qiita
文字列リテラル HTMLを含む文字列を生成する際に便利なため、囲む時はシングルクォート'hoge'がよい セミコロン 末尾にセミコロンをつけなくても解釈してくれるが、バグを生む可能性があるのでセミコロンはつけるように習慣化する ES6のclass記法のメソッド末尾にはセミコロン不要 同値比較 基本的に===をつかう。==だと寛容過ぎる解釈のため、バグを生むことがある。 短絡評価 hogeFuncの引数にtrue相当の値が入ってきた場合、 ||の右側は読まれない。 hogeFuncの引数にfalse相当の値が入ってきた場合、 （false, null, undefined, NaN, "", 0） ||の右側を読みにいく。 function hogeFunc(e){ e || console.log('piyo'); } hogeFunc(1); // 何も出力されない。もし短絡評価がなけれ
[Swift] オリジナルでシンプルな折れ線グラフをつくる - Qiita
ライブラリを使わずに自作でかんたんなグラフを書いてみた。スクロールビューに対応して、グラフの横幅が無限に増えていってもスクロールでグリグリみることができます。 :ViewController.swift import UIKit class ViewController: UIViewController { @IBOutlet weak var scview: UIScrollView! //storyboardでスクロールビューを配置しているので接続 override func viewDidLoad() { super.viewDidLoad() let graphview = Graph() //グラフを表示するクラス scview.addSubview(graphview) //グラフをスクロールビューに配置 graphview.drawLineGraph() //グラフ描画開始
![[Swift] オリジナルでシンプルな折れ線グラフをつくる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/082b6513326faaa37b91b5dd8e7ffab586482d3d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNUQlMjAlRTMlODIlQUElRTMlODMlQUElRTMlODIlQjglRTMlODMlOEElRTMlODMlQUIlRTMlODElQTclRTMlODIlQjclRTMlODMlQjMlRTMlODMlOTclRTMlODMlQUIlRTMlODElQUElRTYlOEElOTglRTMlODIlOEMlRTclQjclOUElRTMlODIlQjAlRTMlODMlQTklRTMlODMlOTUlRTMlODIlOTIlRTMlODElQTQlRTMlODElOEYlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTRiOWQ0ZjViYjc4NTZlMGY4ZGZkMTBlZjBiZjhjZmI3%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpcml0ZWMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWJmYjIxMWE5N2RlMGQ5MTg2OWE1ZWExODI3MTIzMjBm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De1cbfa261ef94a69c34ae1af554a275e)
Go 言語と React で考える「いい感じなURL設計」入門
Description 白ヤギコーポレーションさま主催の「最先端情報吸収研究所（AIAL）」のプレゼンテーションで使用したドキュメントです。 「URL」を軸にして、サーバーサイドを Go 言語、クライアントサイドを React (+ TypeScript) で実装する場合の要点を紹介しました。 - いい感じな URL と わるい感じな URL - RESTful API のおさらい - Echo と REST API と URL - React と SPA と URL - いい感じの URL設計を目指す旅 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. interface FooterProps { company:string } export class FooterComponent extends React.Compo
【Swift4】iOSでユーザーがスクリーンショットを撮ったら何かする【小ネタ】 - Qiita
こちらをnotificationNameとしてNotificationCenterのobserverを仕込むことで、 「ホームボタン＋電源ボタンの同時押し」によるスクリーンショットを撮ったことを検知することができます。 import UIKit class MyViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Observerとして登録 NotificationCenter.default.addObserver(self, selector: #selector(MyViewController.userDidTakeScreenshot(_:)), name: .UIApplicationUserDidTakeScreenshot, object: nil) }
[Swift] [iOS] ズーム、ピント調節可能な無音カメラのサンプル - Qiita
目的 iOS標準のカメラと同じ、ピンチイン・ピンチアウトによるズーム機能やタップによるピント調節を持つ無音カメラの実装 コード import UIKit import AVFoundation class CameraViewController: UIViewController, AVCaptureVideoDataOutputSampleBufferDelegate, UIGestureRecognizerDelegate { var input:AVCaptureDeviceInput! var output:AVCaptureVideoDataOutput! var session:AVCaptureSession! var camera:AVCaptureDevice! var imageView:UIImageView! override func viewDidLoad()
![[Swift] [iOS] ズーム、ピント調節可能な無音カメラのサンプル - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c39770513759a347ad6770feaa753acccf0acf7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNUQlMjAlNUJpT1MlNUQlMjAlRTMlODIlQkElRTMlODMlQkMlRTMlODMlQTAlRTMlODAlODElRTMlODMlOTQlRTMlODMlQjMlRTMlODMlODglRTglQUElQkYlRTclQUYlODAlRTUlOEYlQUYlRTglODMlQkQlRTMlODElQUElRTclODQlQTElRTklOUYlQjMlRTMlODIlQUIlRTMlODMlQTElRTMlODMlQTklRTMlODElQUUlRTMlODIlQjUlRTMlODMlQjMlRTMlODMlOTclRTMlODMlQUImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWJmMDhlNWM2NmFkZWYxOTc1MTgyNzg3NmJiM2QxZDFk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b3V5dSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGEwNWE5Nzk5NDhmNGU1YmQ2NWM3Y2JjMzRhMjY0YTM%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D48e2e80b2f282f53a59cf3a840b2ffff)
Node.jsのWebスクレイピングモジュール 『cheerio-httpcli』の使い方その１ cheerioでhtmlの要素指定 - プログラマでありたい
少し間が空きましたが、cheerio-httpcliの使い方です。cheerio-httpcliは、HTMLパーサーであるcheerioに、文字コード変換のiconvを組み合わせたHTTPクライアントモジュールで取得したコンテンツの文字コードを良しなにUTF-8に変換してくれます。HTMLの解析＆取得自体はcheerioのラッパーなので、DOM指定でHTMLの要素を取得するといったことが簡単に出来ます。cheerioを上手い感じに補っているので、cheerio-httpcliはWebスクレイピングに最適なモジュールとなっています。 cheerioのDOMセレクト機能 cheerio-httpcliを見る前に、生のcheerioの機能を見てみましょう。そこでまず、基本中の基本であるHTML中から任意のタグを指定して取得するDOMセレクトの機能です。この部分については、cheerioのGith
開発が爆速になるSwift用Xcodeプラグインをまとめてみた - Qiita
2017/10/15 更新 とりあえず、入れておくと便利なXcodeのプラグインをまとめてみました。 汎用性のあるものを重視して、厳選しています。 プラグイン初心者向けに有名なものも含まれています。 主に Swift 向けです。 Xcode7.3.1 (一部 Xcode9.0) で動作確認しています。 Xcode 9.0で動作確認済みのものには 、Xcode8.3で動作確認済みのものには を付けています。 Xcode 9 / 8 2017/10/15追記 Xcode9や8でこれらのプラグインを使用するためには、各プラグインにUUIDを追加する必要があります。 追加を一括で行ってくれるツールがこちらです。 インストールして、実行後、Xcodeを再起動することで、Alcatrazを含むいくつかのプラグインが使用可能になります。 環境にもよりますが、プラグインのインストール後、Xcodeを起動す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Unity] DOTweenのSequenceを使ってアニメーションを結合する - Qiita![[Unity] DOTweenのSequenceを使ってアニメーションを結合する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5edc1671a6dadb98fc4e95ff6152abb8528c862/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCVW5pdHklNUQlMjBET1R3ZWVuJUUzJTgxJUFFU2VxdWVuY2UlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODIlQTIlRTMlODMlOEIlRTMlODMlQTElRTMlODMlQkMlRTMlODIlQjclRTMlODMlQTclRTMlODMlQjMlRTMlODIlOTIlRTclQjUlOTAlRTUlOTAlODglRTMlODElOTklRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJjZTJlYWFhYzc1ZGVhMmYwMDg3MTI0YTljNGI1YWIx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbHljb3JpczEwMiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NThiZDI2MDI1NTBmMjZjNGU0MGQ0NDdhOTY4ZGM2ZTU%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D8015630434e5992e9bed4a4b9d82cbc9)
