1 00:00:00,000 --> 00:00:11,010 2 00:00:11,010 --> 00:00:11,965 >> TOMAS Reimersの：クール。 3 00:00:11,965 --> 00:00:13,230 だからこんにちは、皆。 4 00:00:13,230 --> 00:00:14,300 私の名前のトーマス。 5 00:00:14,300 --> 00:00:15,744 私はTFだと、これはある 6 00:00:15,744 --> 00:00:16,660 ARMAGHAN BEHLUM：ARMI。 7 00:00:16,660 --> 00:00:17,637 君たちを見てニース。 8 00:00:17,637 --> 00:00:18,470 TOMAS Reimersの：クール。 9 00:00:18,470 --> 00:00:20,740 だから我々は話をすることになるだろう 今日リープモーションについて。 10 00:00:20,740 --> 00:00:22,800 だから、リープモーションです 本当にクールな製品という 11 00:00:22,800 --> 00:00:25,900 あなたがやり取りすることができます 別の方法でコンピュータ。 12 00:00:25,900 --> 00:00:28,560 背後にあるので、全体的なアイデア うるう運動はあなたということです 13 00:00:28,560 --> 00:00:31,430 にあなたの手を使用することができます コンピュータと対話。 14 00:00:31,430 --> 00:00:33,610 だから、右ここで私は何かがセットアップされている。 15 00:00:33,610 --> 00:00:34,790 私は少しでそれについて話します。 16 00:00:34,790 --> 00:00:37,540 しかし、基本的なバージョンは、次のことができている 私は前に私の手を持っていることを参照してください。 17 00:00:37,540 --> 00:00:42,840 私はそれらを移動すると、私のコンピュータの、 あなたがコンピュータ上でアナログを得る 18 00:00:42,840 --> 00:00:44,170 そしてあなたはこれを分析することができます。 19 00:00:44,170 --> 00:00:46,230 あなたは、ジェスチャーを作ることができます。 20 00:00:46,230 --> 00:00:49,176 あなたがにあなたの手を使用することができます コンピュータと対話 21 00:00:49,176 --> 00:00:50,300 新しく興味深い方法で。 22 00:00:50,300 --> 00:00:55,550 23 00:00:55,550 --> 00:00:57,520 >> まあ、私実際に最初に ARMIにオフ渡したい 24 00:00:57,520 --> 00:01:00,400 あなたに何のいくつかのクールなデモを表示する 一部の人はこれで行っている。 25 00:01:00,400 --> 00:01:02,816 そして、我々はどのようにについて話します あなたが実際にこれをコーディングします。 26 00:01:02,816 --> 00:01:04,800 ARMAGHAN BEHLUM：うん。 27 00:01:04,800 --> 00:01:05,300 こんにちは。 28 00:01:05,300 --> 00:01:08,870 我々が見たように、少し ここでのデータは、しかし、見てみましょう 29 00:01:08,870 --> 00:01:11,680 何人かの人々はこれで行っている。 30 00:01:11,680 --> 00:01:15,130 だから私はちょうどこの例を開いてみましょう。 31 00:01:15,130 --> 00:01:20,770 そして、そう、例えば、あなたが見ることができます 今、私の手があるアナログが、今回 32 00:01:20,770 --> 00:01:26,680 Unityを使用して、一部の人が持っている もう少し肌を置くことにしました 33 00:01:26,680 --> 00:01:28,670 と手の周りのもの。 34 00:01:28,670 --> 00:01:35,900 だから私は、のこの1で手放すことができ、 確か、私の手が相互作用している。 35 00:01:35,900 --> 00:01:41,050 そして、あなたはおそらく想像することができます 他のクールな便利な物事のカップル 36 00:01:41,050 --> 00:01:42,840 あなたがこれを行うことができます。 37 00:01:42,840 --> 00:01:45,530 これは少なくとも一つの例である。 38 00:01:45,530 --> 00:01:48,910 そして、この外にジャンプしてみましょう。 39 00:01:48,910 --> 00:01:56,590 >> そして、もう一つの涼しい1 で、のこの1で行きましょう。 40 00:01:56,590 --> 00:01:58,390 Plasmoボール。 41 00:01:58,390 --> 00:02:03,510 再び、我々は必ずしもないだろう 複雑さのこのレベルを期待する 42 00:02:03,510 --> 00:02:06,450 CS50のための最終的なプロジェクトから。 43 00:02:06,450 --> 00:02:10,029 これはあなたを示すことだけです。 のいくつかは、あなたたちを与える 44 00:02:10,029 --> 00:02:14,570 何のために少しのインスピレーション 君たちはリープモーションで行うことができます。 45 00:02:14,570 --> 00:02:20,500 したがって、たとえば、ここでクールです そこに私達は行く物理学の例、。 46 00:02:20,500 --> 00:02:24,305 だから今、私の手の両方を持って この小さなプラズマボールを持っている。 47 00:02:24,305 --> 00:02:31,030 そして、ボールは物理学に反応している 私のボールの周りに私の手を動かす。 48 00:02:31,030 --> 00:02:36,920 さて、これはすべてのUnityを使用してますがあり、 ツールとフレームワークのようなものを使用して、 49 00:02:36,920 --> 00:02:39,510 私たちは教えられていないこと クラスの皆さん、 50 00:02:39,510 --> 00:02:46,590 しかし、あなたはいくつかの非常に見ることができるように クールな実行はそれでスルー。 51 00:02:46,590 --> 00:02:51,750 >> しかし、あなたたちが行うことができます一つのことを リープモーションで、今オフの開始 52 00:02:51,750 --> 00:02:53,260 JavaScriptでの作品です。 53 00:02:53,260 --> 00:02:58,960 リープモーションは、JavaScript APIを有している あなたたちは非常に、非常に使用し、私たちができる 54 00:02:58,960 --> 00:03:02,040 君たちが構築することをお勧めします それを使ってあなたのプロジェクト。 55 00:03:02,040 --> 00:03:04,350 だからと、私を聞かせて トマスを切ったそれをバックに渡す 56 00:03:04,350 --> 00:03:06,582 リープについて話をする モーションとJavaScript。 57 00:03:06,582 --> 00:03:07,415 TOMAS Reimersの：クール。 58 00:03:07,415 --> 00:03:09,230 または、表示したいん それら最初のビジュアライザ？ 59 00:03:09,230 --> 00:03:09,670 >> ARMAGHAN BEHLUM：ああ。 60 00:03:09,670 --> 00:03:10,170 はい。 61 00:03:10,170 --> 00:03:11,900 それではそのビジュアライザの詳細をお話しましょう​​。 62 00:03:11,900 --> 00:03:14,983 >> TOMAS Reimersの：最も基本的な上そう レベル、あなたが最初にリープモーションを取得 63 00:03:14,983 --> 00:03:16,940 あなたはこのボックスを持っているつもりです。 64 00:03:16,940 --> 00:03:18,330 ここでは、私が制御を取るしたいですか？ 65 00:03:18,330 --> 00:03:19,180 >> ARMAGHAN BEHLUM：ええ、それのために行く。 66 00:03:19,180 --> 00:03:20,530 >> TOMAS Reimersの：だから、 最初リープモーションを取得 67 00:03:20,530 --> 00:03:21,780 あなたはこのボックスを持っているつもりです。 68 00:03:21,780 --> 00:03:24,460 これは、デバイスを有している このようになります。 69 00:03:24,460 --> 00:03:28,990 お使いのコンピュータに差し込み、 必要なドライバをインストールし、 70 00:03:28,990 --> 00:03:30,950 そして、それは基本的に設定されます。 71 00:03:30,950 --> 00:03:34,160 ソートするので、最も簡単な方法 リープモーションとの契約の 72 00:03:34,160 --> 00:03:39,240 それがインストールされ、このプログラムを開いている リープモーションビジュアライザと呼ばれる。 73 00:03:39,240 --> 00:03:41,490 そして、ビジュアライザーは文字通りです 私はここに示しています。 74 00:03:41,490 --> 00:03:45,340 それはあなたが見ることができます あなたの手の骨格概要。 75 00:03:45,340 --> 00:03:49,940 そして、何リープモーション としてそれらを解釈している。 76 00:03:49,940 --> 00:03:53,750 だから、リープモーション、カメラを使用しています あなたの手を見てのソートする 77 00:03:53,750 --> 00:03:59,176 そしてそれは何を推測しようとします そのあなたの基本的な骨格物 78 00:03:59,176 --> 00:04:00,460 画面上で表示されます。 79 00:04:00,460 --> 00:04:01,669 そして、それはそれはあなたを示しているものです。 80 00:04:01,669 --> 00:04:03,418 ARMAGHAN BEHLUM：毎週 シングル少しポイント 81 00:04:03,418 --> 00:04:06,580 そしてあなたがそこを見る事がある 君たちに利用できるのデータ 82 00:04:06,580 --> 00:04:07,270 同様に使用する。 83 00:04:07,270 --> 00:04:09,670 だから、それはだと見る キャプチャそのトマス 84 00:04:09,670 --> 00:04:12,160 5本の指の各々を有する それらの異なる指 85 00:04:12,160 --> 00:04:17,110 データとしてあなたのためにも利用できます どんなアプリケーションで使用するポイント 86 00:04:17,110 --> 00:04:18,256 あなたが望むかもしれない。 87 00:04:18,256 --> 00:04:20,339 あなたがどうかを確認したい場合は 誰かが親指をやっている 88 00:04:20,339 --> 00:04:23,860 あなたは自分の指かどうかを確認することができます カールと、彼らがしているかどうかをされている 89 00:04:23,860 --> 00:04:25,850 親指を指している 上向きに、またはどこに 90 00:04:25,850 --> 00:04:30,037 彼らの手首や手のひらです とスタッフのそのタイプ。 91 00:04:30,037 --> 00:04:30,870 TOMAS Reimersの：クール。 92 00:04:30,870 --> 00:04:35,186 だから、いくつかのジェスチャーを見ることができ、それ 他より理解しています。 93 00:04:35,186 --> 00:04:38,310 それがあなたを見ていることを、忘れないでください 下からカメラでから手、 94 00:04:38,310 --> 00:04:41,630 だから、あなたの手のようなを持っている場合 これは、それは完全にそれらを理解し、 95 00:04:41,630 --> 00:04:44,509 しかし、あなたは試してみて、何を開始したら、 親指は、時にはそれがそれを読み込み、 96 00:04:44,509 --> 00:04:47,550 時にはそれが推測できますが、正直なところ カメラはちょうど親指を見ることができない。 97 00:04:47,550 --> 00:04:49,810 だから、本当にありません 何が起こっているかを確認してください。 98 00:04:49,810 --> 00:04:54,910 心に留めておくべきちょうどいくつかの制限 あなたはこれで開発しているとき。 99 00:04:54,910 --> 00:04:56,540 >> とにかく、そのように戻ってこれまで行く。 100 00:04:56,540 --> 00:04:59,040 ビジュアライザ実際に 便利なツールをたくさん持っている。 101 00:04:59,040 --> 00:05:01,780 だから、リープモーションです ようにプログラム 102 00:05:01,780 --> 00:05:04,280 彼らはあなたがことを期待していないこと 画像データと対話する。 103 00:05:04,280 --> 00:05:06,230 彼らは本当にない あなたが理解することを期待 104 00:05:06,230 --> 00:05:08,060 何が裏で起こっている。 105 00:05:08,060 --> 00:05:11,620 彼らは何をやっていることは公開している あなたのためのAPIの束 106 00:05:11,620 --> 00:05:13,420 あなたができるように このデータと対話 107 00:05:13,420 --> 00:05:18,400 直接理解せずに 何がフードの下で起こっている。 108 00:05:18,400 --> 00:05:27,790 >> だから我々はビジュアライザここでHをヒットした場合 あなたはたくさんのオプションが表示されます。 109 00:05:27,790 --> 00:05:35,450 ここで重要な1でも あなたはOをヒットしてからHをヒットした場合で、 110 00:05:35,450 --> 00:05:38,080 あなたはそれていることがわかります あなたがジェスチャーを描くことができます。 111 00:05:38,080 --> 00:05:43,380 だから、ジェスチャー、あなたが表示されます それは全体の矢印を描画します。 112 00:05:43,380 --> 00:05:47,010 ジェスチャーは、次のいずれかの方法リープです モーションは一種のあなたがデータを取得することができます 113 00:05:47,010 --> 00:05:48,462 それを処理することなく。 114 00:05:48,462 --> 00:05:51,170 だから、むしろ私が理解する必要がなく アウト、ああ、手が動いていた、 115 00:05:51,170 --> 00:05:54,970 私は、ポイントへのアクセス、持っていても APIは、ソートのちょうど私に教えてくれます、 116 00:05:54,970 --> 00:05:56,380 ちょっと、彼らはこのジェスチャーをした。 117 00:05:56,380 --> 00:05:58,920 ですから、基本的な矢印のジェスチャーを行うことができます。 118 00:05:58,920 --> 00:06:00,590 あなたは円のジェスチャーを行うことができます。 119 00:06:00,590 --> 00:06:03,530 あなたは、ジェスチャーをタップすることができます。 120 00:06:03,530 --> 00:06:07,630 そして、あなたは、キープレスジェスチャを行うことができます。 121 00:06:07,630 --> 00:06:09,394 うん。 122 00:06:09,394 --> 00:06:10,800 とかのようなもの。 123 00:06:10,800 --> 00:06:14,370 だから今我々は一種のしたこと リープモーションが何ができるかを見て、 124 00:06:14,370 --> 00:06:17,792 あなたはそれが読むことができます見ることができます ジェスチャーの全体の束。 125 00:06:17,792 --> 00:06:19,500 私は私がするつもりだと思います ARMIに戻ってそれを渡す 126 00:06:19,500 --> 00:06:22,300 そして、彼は方法について話をするつもりだ あなたは、JavaScriptを使用してこれらの取得 127 00:06:22,300 --> 00:06:24,520 どのようにあなたもこれでプロジェクトを開始する。 128 00:06:24,520 --> 00:06:27,724 そして、我々はいくつかの話をします 涼しい場所では、あなたはそれで行くことができます。 129 00:06:27,724 --> 00:06:28,640 ARMAGHAN BEHLUM：うん。 130 00:06:28,640 --> 00:06:29,300 いいですね。 131 00:06:29,300 --> 00:06:31,950 そんなわけで、非常に最初に我々 あなたは、もちろんやることになるでしょう、 132 00:06:31,950 --> 00:06:37,170 あなたが取得した後リープモーションすることにある セットアップleapmotion.com、に移動し、インストール 133 00:06:37,170 --> 00:06:38,420 ドライバーとスタッフ。 134 00:06:38,420 --> 00:06:42,520 あなたが行くことができることを行った後 それが接続されているか確認します。 135 00:06:42,520 --> 00:06:46,910 あなたがあなたの小さなトレイに表示された場合 リープモーションアイコンと、それは緑だが、 136 00:06:46,910 --> 00:06:48,640 その後、あなたはすべてのセットだ知っている。 137 00:06:48,640 --> 00:06:53,710 そしてもちろん、正確に何をチェックアウト トマスはちょうどジェスチャーであなたを示した 138 00:06:53,710 --> 00:06:59,320 そして、画面のタップをして、そして キーのタップ、とスタッフのそのタイプ。 139 00:06:59,320 --> 00:07:02,180 >> その後、私たちも、 もう一度、私が言ったように、 140 00:07:02,180 --> 00:07:06,530 我々はこれらのすべてにアクセスすることが JavaScriptで物事にも。 141 00:07:06,530 --> 00:07:09,020 理想的には、あることを設定する 私たちはあなたを推薦する 142 00:07:09,020 --> 00:07:16,440 みんなあなたに行くことです バーチャルホスト、ディレクトリ、ローカルホスト、 143 00:07:16,440 --> 00:07:19,340 あなたのCS50アプライアンスの公開。 144 00:07:19,340 --> 00:07:24,790 そして、あなたはそこに行く何'LL 参照インデックスドットHTMLファイルである。 145 00:07:24,790 --> 00:07:28,180 今、そのインデックスドット HTMLファイルやインデックスドット 146 00:07:28,180 --> 00:07:32,740 いずれかがあるPHPファイル、 罰金、あなたは次に何を行うことができます 147 00:07:32,740 --> 00:07:35,150 あなたのメインオペレーティングシステムに行くです。 148 00:07:35,150 --> 00:07:38,650 そして、あなたはIPアドレスに行けば そのは右下にリストされている 149 00:07:38,650 --> 00:07:45,180 右ここにあなたのアプライアンスのコーナー、 あなたが見ることができるように、その後何が起こる 150 00:07:45,180 --> 00:07:51,240 あなたはのページに行くされている そのインデックスドットHTMLファイルが参照する。 151 00:07:51,240 --> 00:07:56,610 あなたが置くことがありますので、すべてのコード そこに送られ、ここで使用可能ですされます。 152 00:07:56,610 --> 00:07:58,960 >> TOMAS Reimersの：だからそれもだ 参考のために重要なだけ 153 00:07:58,960 --> 00:08:06,554 あなたたちが実際に知っている場合に サーバーを自分で設定する方法を、 154 00:08:06,554 --> 00:08:09,720 またはあなたは、世界中でこれを置きたい ウェブ、あなたは何を行うには歓迎している。 155 00:08:09,720 --> 00:08:11,594 これらがあることを忘れないでください 単にJavaScriptファイル 156 00:08:11,594 --> 00:08:14,250 そしてすべてのリープ処理 クライアント上で実行されます。 157 00:08:14,250 --> 00:08:16,510 だから、本当に重要ではありません どこにサーバーの人生 158 00:08:16,510 --> 00:08:19,660 コンピュータ限り、 あなたがウェブサイト上に表示している 159 00:08:19,660 --> 00:08:22,024 リープモーションがインストールされています。 160 00:08:22,024 --> 00:08:23,190 ARMAGHAN BEHLUM：もちろんです。 161 00:08:23,190 --> 00:08:25,680 トマスのように、ええ、言った 何があなたたちのために働く。 162 00:08:25,680 --> 00:08:28,570 これはちょうど私たちの提言の一つです。 163 00:08:28,570 --> 00:08:31,660 今リープの使用を開始する あなたがどうなるのかモーション 164 00:08:31,660 --> 00:08:36,640 あなたがインポートされますされている リープモーションからのJavaScriptファイル。 165 00:08:36,640 --> 00:08:39,610 そして、何そこから あなたが行うことができ、今、ある 166 00:08:39,610 --> 00:08:44,250 私はちょうどこの段落を持っている タグは、テキストのIDに設定する。 167 00:08:44,250 --> 00:08:48,690 私たちが推薦するチェック コントローラオプションを設定している 168 00:08:48,690 --> 00:08:52,012 とリープモーションのために 真であるとジェスチャーを可能にする。 169 00:08:52,012 --> 00:08:53,970 デフォルトでは、それらのだから、 私たちはあなたを示したジェスチャー 170 00:08:53,970 --> 00:08:57,010 みんな、円、および キータップ、スワイプ、 171 00:08:57,010 --> 00:09:00,330 それらはに示されていない あなたは、デフォルトでみんな。 172 00:09:00,330 --> 00:09:04,450 しかし、我々は非常にそれらを使用することをお勧めします だから、車輪の再発明していない。 173 00:09:04,450 --> 00:09:09,489 それらを渡し、trueにそれらを有効にする ドットループを跳躍するためのコントローラオプション 174 00:09:09,489 --> 00:09:10,530 そしてあなたはすべて行くように設定している。 175 00:09:10,530 --> 00:09:13,270 その後あなただけの持っているので、 匿名関数を定義した 176 00:09:13,270 --> 00:09:16,910 それはになります リープモーションからフレーム 177 00:09:16,910 --> 00:09:21,150 そのフレームは、すべて持って あなたが必要になるだろう情報。 178 00:09:21,150 --> 00:09:25,310 >> TOMAS Reimersの：だからへ 要約すると、1つのオブジェクトを持っている。 179 00:09:25,310 --> 00:09:28,250 あなたはこの機能を持っている うるうドットループと呼ばれる。 180 00:09:28,250 --> 00:09:30,460 そして、あなたは2つの引数を指定してそれを呼び出す。 181 00:09:30,460 --> 00:09:33,134 あなたは、1でそれを呼び出す コントローラオプション。 182 00:09:33,134 --> 00:09:35,300 とがたくさんあり​​ます あなたがそこに置くことができますオプション。 183 00:09:35,300 --> 00:09:38,170 私たちがしようとしている1 ジェスチャーを有効にされて強調する。 184 00:09:38,170 --> 00:09:41,230 そして、あなたはそれが等しいtrueに設定されている場合 あなたはこのジェスチャーでアクセスを得ることができます 185 00:09:41,230 --> 00:09:42,940 私たちはビジュアライザであなたを示したこと。 186 00:09:42,940 --> 00:09:47,500 >> そして、2番目の引数が この関数は、それが戻って種類のコールのようなものだ 187 00:09:47,500 --> 00:09:53,010 すべての呼び出されるされる タイムリープのフレームごとに、 188 00:09:53,010 --> 00:09:57,340 ので、すべての時間の飛躍があることを登録する 手の動きは、それが新たなフレームを有する。 189 00:09:57,340 --> 00:10:02,130 そして、それは1で、この関数を呼び出す フレームオブジェクトである引数、。 190 00:10:02,130 --> 00:10:05,909 そのフレームのオブジェクトについて説明 リープなどのフレームはそれを見ている。 191 00:10:05,909 --> 00:10:06,950 ARMAGHAN BEHLUM：その通り。 192 00:10:06,950 --> 00:10:10,450 だから、これはすべての有用なが含まれています こまごまとした情報 193 00:10:10,450 --> 00:10:12,550 我々は以前に話していたことを。 194 00:10:12,550 --> 00:10:18,010 フレームドットジェスチャーをチェック ジェスチャの配列です 195 00:10:18,010 --> 00:10:23,680 うるう年の動きは、あなたをキャッチすることを 最後のフレームでやって手。 196 00:10:23,680 --> 00:10:26,470 したがって、たとえば、私たちは何をしている ここで行うと、私たちがチェックしているである、 197 00:10:26,470 --> 00:10:31,820 ちょっと、その最後のフレームでリープは、やった あなたは私がしたすべてのジェスチャーをキャッチ？ 198 00:10:31,820 --> 00:10:36,350 だから私たちが行うことにした場合はどうすれば これらのジェスチャーを繰り返し処理されている 199 00:10:36,350 --> 00:10:39,760 と試してみて、いくつかの有用なを取得 それらからの情報。 200 00:10:39,760 --> 00:10:44,290 各ジェスチャーは固有のを持ってい それに関連するID。 201 00:10:44,290 --> 00:10:46,280 彼らはタイプがあります。 202 00:10:46,280 --> 00:10:50,220 あなたは、どの指を見ることができます ジェスチャーに関与していた 203 00:10:50,220 --> 00:10:52,770 このポイント可能なものをチェックアウトして。 204 00:10:52,770 --> 00:10:56,490 あなたが通過する際のであれば リープモーションのJavaScript APIのもの、 205 00:10:56,490 --> 00:10:59,630 彼らはpointablesに言及するとき、 彼らは、これらの指の話をしている。 206 00:10:59,630 --> 00:11:04,480 そして手は、もちろん、ある 手全体オブジェクト。 207 00:11:04,480 --> 00:11:05,210 >> ほかに何か？ 208 00:11:05,210 --> 00:11:08,630 あなたはどのくらいの時間を確認することができます 動きが続いた 209 00:11:08,630 --> 00:11:11,640 とのために、ええ、これらすべての有用なもの。 210 00:11:11,640 --> 00:11:16,490 だから私は今、何をやっている ここで私はフレームをログに記録され、 211 00:11:16,490 --> 00:11:24,350 その後、私は私のHTMLは、ディスプレイへのアップデート 情報のこれらのビットのすべて 212 00:11:24,350 --> 00:11:25,820 フレームから。 213 00:11:25,820 --> 00:11:28,010 それでは、それをチェックアウトしてみましょう。 214 00:11:28,010 --> 00:11:29,440 >> だから、ここにある。 215 00:11:29,440 --> 00:11:34,730 ここでは、インデックスのドットのHTMLファイルです。 216 00:11:34,730 --> 00:11:38,560 そして、私はちょうど移動したときに、あなただけ見たように 私の手リープは、円の動きを捉えました。 217 00:11:38,560 --> 00:11:44,960 だから、私は上のサークルをやって見ることができます ここでは、サークル情報を更新します。 218 00:11:44,960 --> 00:11:48,332 気の抜けたビールをやって、気の抜けたビールをキャッチします。 219 00:11:48,332 --> 00:11:49,290 のは、画面タブを試してみましょう。 220 00:11:49,290 --> 00:11:50,090 我々はそこに行く。 221 00:11:50,090 --> 00:11:52,370 画面をタップし、キーをタップします。 222 00:11:52,370 --> 00:11:55,040 によっても、キー、タップ、 あなたがダウンして打ったときの方法、である。 223 00:11:55,040 --> 00:11:57,260 だから、あなたが想像できる 多分ピアノを演奏。 224 00:11:57,260 --> 00:11:59,869 >> そして、画面のタップがある あなたは画面を打ったとき。 225 00:11:59,869 --> 00:12:02,910 だから、実際に多分あなたを想像することができます あなたの目の前でタッチスクリーンを持っている 226 00:12:02,910 --> 00:12:05,190 あなたがタッチを打つしている あなたの前に画面。 227 00:12:05,190 --> 00:12:08,470 そして、我々は、いずれかをつかむことができる ここでこれらのオブジェクトの。 228 00:12:08,470 --> 00:12:12,960 だから私は私があったことを言った覚えている コンソールログにフレームを渡す。 229 00:12:12,960 --> 00:12:17,160 そして、私たちはすべてのチェックアウトすることができます こまごまとした情報 230 00:12:17,160 --> 00:12:22,500 で利用可能であること そのフレームにも使用するように。 231 00:12:22,500 --> 00:12:26,320 >> 私が先に言ったように、 pointables指です。 232 00:12:26,320 --> 00:12:30,260 その瞬間、私たちは持っていなかった私たちの リープモーションの前で手を 233 00:12:30,260 --> 00:12:32,010 そのためには、ゼロを登録 しかし、これはどのようにある 234 00:12:32,010 --> 00:12:35,980 多分見つけるために開始する どのように多くの指が画面です。 235 00:12:35,980 --> 00:12:37,810 そして、そのタイプの情報。 236 00:12:37,810 --> 00:12:40,060 TOMAS Reimersの：と記憶 これは単なるオブジェクトです。 237 00:12:40,060 --> 00:12:42,185 だから、すべてがアクセスすることができます ソートの構造体のような 238 00:12:42,185 --> 00:12:45,540 C言語では、オブジェクトを持っている 名前はプロパティ名に点在しています。 239 00:12:45,540 --> 00:12:48,830 そして、その中であなたが持っている アレイは、あなたが他のオブジェクトを持っている、 240 00:12:48,830 --> 00:12:50,850 しかし、それだけで、オブジェクトの覚えている。 241 00:12:50,850 --> 00:12:53,788 特別なものは何もありません 我々はリープを使用しているため。 242 00:12:53,788 --> 00:12:54,704 ARMAGHAN BEHLUM：うん。 243 00:12:54,704 --> 00:12:56,544 クール。 244 00:12:56,544 --> 00:12:58,710 我々は、カップルをチェックアウトする必要があります JavaScriptの例の？ 245 00:12:58,710 --> 00:13:05,070 246 00:13:05,070 --> 00:13:07,810 >> TOMAS Reimersの：だから すぐにその私たちを覚えている 247 00:13:07,810 --> 00:13:12,470 リープが実際にできることを言った 任意のウェブサイト上で実行する。 248 00:13:12,470 --> 00:13:15,250 LeapJSだけをクライアントに提供しています。 249 00:13:15,250 --> 00:13:19,850 だから一緒にクライアントが持っているように リープモーションは、それが動作します添付。 250 00:13:19,850 --> 00:13:22,540 だから、リープモーションが持っている ウェブサイトの人々 251 00:13:22,540 --> 00:13:24,540 彼らの例を共有することができます 物事の彼らが作った。 252 00:13:24,540 --> 00:13:26,623 だから我々はちょうど行くつもりです それらのカップルを通して 253 00:13:26,623 --> 00:13:29,980 前に可能だものを見るために 方法については、詳細に飛び込む 254 00:13:29,980 --> 00:13:32,510 それが可能だ。 255 00:13:32,510 --> 00:13:33,346 そう 256 00:13:33,346 --> 00:13:34,470 ARMAGHAN BEHLUMは：見てみましょう。 257 00:13:34,470 --> 00:13:36,136 TOMAS Reimersの：今、それが動作する必要があります。 258 00:13:36,136 --> 00:13:38,520 ARMAGHAN BEHLUM：だから今 私たちは例を見た前に、 259 00:13:38,520 --> 00:13:45,280 私たちの手をレンダリングUnityを使用して かなり印象的グラフィックスキンと、 260 00:13:45,280 --> 00:13:50,200 しかし今、あなたはあなたが行うことができます見ることができます ウェブブラウザ内部でも同じこと。 261 00:13:50,200 --> 00:13:54,640 これは、すべてのChromeの内側にある 単にJavaScriptを使用。 262 00:13:54,640 --> 00:13:57,460 そして、他の素敵な あなたがしたい場合の事はある 263 00:13:57,460 --> 00:14:02,610 彼らはこれをしなかった方法を知っている、 JavaScriptの上の例 264 00:14:02,610 --> 00:14:07,540 また、そのコードオプションを含む あなたがチェックアウトした後、見ることができます 265 00:14:07,540 --> 00:14:12,570 どのようにこの人がつかんした 手やコードなど。 266 00:14:12,570 --> 00:14:16,730 >> だから、あなたが見つけることができるすべてです developer.leapmotion.comで。 267 00:14:16,730 --> 00:14:20,810 あなたが行くとJavaScriptをチェックアウトすることができます 彼らはそこに持っている例。 268 00:14:20,810 --> 00:14:23,280 そうそう。 269 00:14:23,280 --> 00:14:25,205 ここではこれらは申し訳ありませんおっと、である。 270 00:14:25,205 --> 00:14:27,680 それでは、もう一度それを試してみましょう。 271 00:14:27,680 --> 00:14:29,002 ああ。 272 00:14:29,002 --> 00:14:29,960 私は2つの右の手を持っている。 273 00:14:29,960 --> 00:14:32,540 274 00:14:32,540 --> 00:14:34,380 そうそう。 275 00:14:34,380 --> 00:14:37,440 >> TOMAS Reimersの：だから、もう一度、 リープが台無し時々思い出す。 276 00:14:37,440 --> 00:14:40,790 ちょうどそれをもう一度を与える。 277 00:14:40,790 --> 00:14:42,784 それは完璧ではないが、それはかなり良いです。 278 00:14:42,784 --> 00:14:44,700 ARMAGHAN BEHLUM：One 他の勧告も 279 00:14:44,700 --> 00:14:48,780 直射日光の当たる場所にそれをしないことです。 280 00:14:48,780 --> 00:14:51,260 だから、道リープモーション 作品は、実際に、ある 281 00:14:51,260 --> 00:14:54,500 私はカメラこれを示す場合、 同様に、赤外光。 282 00:14:54,500 --> 00:14:57,375 だから、それらを送信し、その後 彼らが戻ってくるときにそれらを読み込みます。 283 00:14:57,375 --> 00:14:59,250 だから、あなたがしようとしている場合は それを直射日光を行い、 284 00:14:59,250 --> 00:15:01,610 例えば、それはおそらく 仕事に行くのではない、 285 00:15:01,610 --> 00:15:05,850 またはそれが必要とするようになるだろう そうするいくつかのキャリブレーション。 286 00:15:05,850 --> 00:15:10,450 >> また、別の推奨はしている リープの後ろのスペースをクリア 287 00:15:10,450 --> 00:15:12,740 とリープの前で。 288 00:15:12,740 --> 00:15:15,520 作業として考えて のドームの内側 289 00:15:15,520 --> 00:15:18,360 このリープモーションオブジェクトを囲む。 290 00:15:18,360 --> 00:15:20,550 スタッフ権利があるとすれば その背後にも、 291 00:15:20,550 --> 00:15:24,740 それはまた、干渉するために起こっている リープ·モ​​ーションのがしようとしてどのように 292 00:15:24,740 --> 00:15:26,690 あなたの手を認識する とスタッフのそのタイプ。 293 00:15:26,690 --> 00:15:30,010 >> したがって、たとえば、私はこの中で考える 場合、それは実際に私のラップトップの 294 00:15:30,010 --> 00:15:34,351 それはリープモーションを作るようなものだ。 295 00:15:34,351 --> 00:15:35,100 うん、そこに私達は行く。 296 00:15:35,100 --> 00:15:41,021 だから私はから私のラップトップをクリアした場合 その背後に手がかなりよく現れる。 297 00:15:41,021 --> 00:15:41,520 そうそう。 298 00:15:41,520 --> 00:15:42,061 それがあります。 299 00:15:42,061 --> 00:15:44,650 300 00:15:44,650 --> 00:15:46,417 そのようにした他に何私たちはそれらを表示。 301 00:15:46,417 --> 00:15:48,250 TOMAS Reimersの：私は思う 今の時間になります 302 00:15:48,250 --> 00:15:52,039 飛び込むの一種とちょうどのをできるように ゼロから完全にデモを行う。 303 00:15:52,039 --> 00:15:53,330 それは本当に簡単なことになるだろう。 304 00:15:53,330 --> 00:15:55,250 基本的に私たちが行っている 実行しようとすることはそれを作るです 305 00:15:55,250 --> 00:15:58,570 そのので、あなたの手、強打時 背景が赤色のようにして起動するために起こっている、 306 00:15:58,570 --> 00:16:01,361 そして、あなたの手をスワイプすると、 背景が緑色に変化するようになるだろう。 307 00:16:01,361 --> 00:16:01,970 OK？ 308 00:16:01,970 --> 00:16:03,709 本当にシンプル。 309 00:16:03,709 --> 00:16:05,750 そして、それだけで基本的にだ たくさん通って行くつもり 310 00:16:05,750 --> 00:16:08,360 背後にある概念の リープ我々はできるように、 311 00:16:08,360 --> 00:16:12,630 リープがどのように動作するかのこのイデオロギーに入る とどのように我々はそれでものを構築することができます。 312 00:16:12,630 --> 00:16:16,760 そして、我々はよそこから おそらくあなたが表示 313 00:16:16,760 --> 00:16:19,710 APIドキュメント、どこ これについての詳細を読むことができます。 314 00:16:19,710 --> 00:16:21,030 そして、我々は一日それを呼ぶことにします。 315 00:16:21,030 --> 00:16:24,294 だから、コードまたはしたいです あなたは私には、コードにしたいですか？ 316 00:16:24,294 --> 00:16:25,210 ARMAGHAN BEHLUM：うん。 317 00:16:25,210 --> 00:16:28,350 さて、私たちは仕事ができると思います 一緒にこの上で試してみてください 318 00:16:28,350 --> 00:16:30,292 >> TOMAS Reimersの：だから私たちはよ いくつかのペアコーディングを行う。 319 00:16:30,292 --> 00:16:31,500 ARMAGHAN BEHLUM：あり私達は行く。 320 00:16:31,500 --> 00:16:33,250 それはまさに私だ チェックアウトしたかった。 321 00:16:33,250 --> 00:16:34,700 クール。 322 00:16:34,700 --> 00:16:38,750 だからここで例えば、見てみましょう。 323 00:16:38,750 --> 00:16:40,979 私たちは、反復処理している間 すでにジェスチャーを通して、 324 00:16:40,979 --> 00:16:43,270 TOMAS Reimersの：作りたい ちょうど完全に新しいファイル？ 325 00:16:43,270 --> 00:16:43,870 ARMAGHAN BEHLUM：完全に新しいファイル？ 326 00:16:43,870 --> 00:16:44,246 確かに、うん。 327 00:16:44,246 --> 00:16:45,000 >> TOMAS Reimersの：うん。 328 00:16:45,000 --> 00:16:45,920 >> ARMAGHAN BEHLUM：それでは、それを行うことができます。 329 00:16:45,920 --> 00:16:48,253 >> TOMAS Reimersの：だから我々が行っている 完全にファイルを作成する。 330 00:16:48,253 --> 00:16:51,290 私たちは、手のドットHTML、それを呼ぶことにします。 331 00:16:51,290 --> 00:16:52,670 それは私と一緒にクールだ。 332 00:16:52,670 --> 00:16:59,020 それで、あなたはHTMLタグを行う覚えている その中であなたは頭を持っている。 333 00:16:59,020 --> 00:17:02,982 その頭はその中のタイトルを持っています。 334 00:17:02,982 --> 00:17:04,349 タブ他の方法だから。 335 00:17:04,349 --> 00:17:05,589 そこに行きます 336 00:17:05,589 --> 00:17:09,359 タイトルは、私たちはリープ例それを呼ぶことにします。 337 00:17:09,359 --> 00:17:12,163 うん。 338 00:17:12,163 --> 00:17:13,540 >> ARMAGHAN BEHLUM：おっと。 339 00:17:13,540 --> 00:17:14,040 タイトル。 340 00:17:14,040 --> 00:17:14,474 >> TOMAS Reimersの：うん。 341 00:17:14,474 --> 00:17:15,776 >> ARMAGHAN BEHLUM：あり私達はある。 342 00:17:15,776 --> 00:17:18,180 >> TOMAS Reimersの：そして その後のは身体を作ってみましょう。 343 00:17:18,180 --> 00:17:20,852 >> ARMAGHAN BEHLUM：、待ってみましょう また、インポートするようにしてください。 344 00:17:20,852 --> 00:17:22,060 TOMAS Reimersの：ああ、もちろん。 345 00:17:22,060 --> 00:17:22,560 私の悪い。 346 00:17:22,560 --> 00:17:28,700 だから、いつもあなたがリープがあることを確認してください そのため、スクリプトがあなたに与えられたスクリプトです 347 00:17:28,700 --> 00:17:31,810 これは基本的にリープ運動によって Webブラウザは接続することができます 348 00:17:31,810 --> 00:17:35,580 ユーザーのコンピュータ上のデバイスへ。 349 00:17:35,580 --> 00:17:38,510 そして、この中で、私たちも 体を必要とするだけしてみましょう 350 00:17:38,510 --> 00:17:40,580 体がそう挨拶する 私たちは学生を表示することができていること 351 00:17:40,580 --> 00:17:42,704 この新しいに接続する方法 彼らが作ったWebページ。 352 00:17:42,704 --> 00:17:44,260 ARMAGHAN BEHLUM：確かに。 353 00:17:44,260 --> 00:17:45,724 それでは、ちょうどanother--を入れてみましょう 354 00:17:45,724 --> 00:17:48,730 >> TOMAS Reimersの：こんにちは、こんにちは、世界。 355 00:17:48,730 --> 00:17:50,210 だから、非常に基本的な例。 356 00:17:50,210 --> 00:17:53,400 本当にただのデモ。 357 00:17:53,400 --> 00:17:58,505 >> ARMAGHAN BEHLUM：そして、ここで我々 我々は手のドットHTML、それを呼び出し、に行くことができる、 358 00:17:58,505 --> 00:18:00,000 右？ 359 00:18:00,000 --> 00:18:00,810 そして、ああ！ 360 00:18:00,810 --> 00:18:04,310 だから私は間違っているだろうか 今、この権利を持つ。 361 00:18:04,310 --> 00:18:07,639 のは、読み取りアクセス権を追加してみましょう ドットHTMLを手へ。 362 00:18:07,639 --> 00:18:09,930 TOMAS Reimersの：あなたがしたいですか ビッグターミナルでそれを行うには 363 00:18:09,930 --> 00:18:11,080 私達はちょうどthe--上でそれを表示することができますように 364 00:18:11,080 --> 00:18:12,501 >> ARMAGHAN BEHLUM：ええ、それは理にかなっている。 365 00:18:12,501 --> 00:18:13,001 大丈夫。 366 00:18:13,001 --> 00:18:15,720 だから私は今追加 パーミッションが、我々の場合 367 00:18:15,720 --> 00:18:18,350 チェックアウトしていた 我々は、あらかじめアクセス許可 368 00:18:18,350 --> 00:18:22,560 その実際に手を見ているだろう ドットHTMLは読み取り権限を持っていませんでした 369 00:18:22,560 --> 00:18:25,570 したがって、我々はそれをレンダリングされませんでした。 370 00:18:25,570 --> 00:18:30,850 私たちはそうした場合しかし、今、我々はを参照してください 右が少しハローワールド。 371 00:18:30,850 --> 00:18:33,580 >> TOMAS Reimersの：だから、実際にしてみましょう 彼が書いていたように、Hello Worldの、 372 00:18:33,580 --> 00:18:35,371 私は道を考えた 我々はこれを変更することができます。 373 00:18:35,371 --> 00:18:41,150 のは、それが世界の挨拶しましょう​​、と あなたは波ときに、それが別れ言う。 374 00:18:41,150 --> 00:18:41,650 右？ 375 00:18:41,650 --> 00:18:42,210 だから、こんにちは、さようなら。 376 00:18:42,210 --> 00:18:42,560 >> ARMAGHAN BEHLUM：確かに。 377 00:18:42,560 --> 00:18:44,010 >> TOMAS Reimersの：かなりいいですね。 378 00:18:44,010 --> 00:18:45,120 >> ARMAGHAN BEHLUM：それ あまりにも、私にはいいですね。 379 00:18:45,120 --> 00:18:46,920 >> TOMAS Reimersの：私たちはしているのであれば そのレッツだけをするつもり 380 00:18:46,920 --> 00:18:48,980 Webページを通じて少し思う。 381 00:18:48,980 --> 00:18:51,800 我々はいくつかのスクリプトが必要になるだろう 基本的にはどのレジスタ 382 00:18:51,800 --> 00:18:56,470 あなたが手を振ったことと飛躍へ、 波とスワイプ、同じこと。 383 00:18:56,470 --> 00:18:59,584 だから我々はそのスクリプトが必要になるだろう 基本的にはそのスワイプのために登録します。 384 00:18:59,584 --> 00:19:01,500 そして別の事、我々はしている 必要があるとしては、私たちがしているである 385 00:19:01,500 --> 00:19:04,360 いくつかが必要になる 実際の内容は変更される場合があります。 386 00:19:04,360 --> 00:19:07,850 >> だから、jQueryを覚えているように あなたがコンテンツを変更することができます。 387 00:19:07,850 --> 00:19:13,017 だから我々は含めることができます一つのことは、 この中でjQueryライブラリです。 388 00:19:13,017 --> 00:19:16,100 そして、何を選択することができるように 私たちは実際に内容を変更しようとしている、 389 00:19:16,100 --> 00:19:18,224 つまり、IDが必要になるだろう またはクラス、または何か 390 00:19:18,224 --> 00:19:20,100 我々はそれを選択するために使用できる。 391 00:19:20,100 --> 00:19:25,010 だから我々はそれあげる 変更テキストの迅速なID。 392 00:19:25,010 --> 00:19:26,974 そして、あなたはjQueryをつかむためにしたいですか？ 393 00:19:26,974 --> 00:19:29,890 ARMAGHAN BEHLUM：だから最初のものだ 私たちの今、リストを行う上での事？ 394 00:19:29,890 --> 00:19:30,620 TOMAS Reimersのは：のはjQueryをつかむしましょう​​？ 395 00:19:30,620 --> 00:19:32,494 ARMAGHAN BEHLUM：レッツ クール、OK、jQueryをつかむ。 396 00:19:32,494 --> 00:19:34,502 その場合は、私が行くよ actually--する必要がありますする 397 00:19:34,502 --> 00:19:36,210 どこだろう そのための最適な場所？ 398 00:19:36,210 --> 00:19:39,677 >> TOMAS Reimersの：jQueryの、もしそうなら、あなた グーグルのjQuery、jQueryを打つ、最初 399 00:19:39,677 --> 00:19:41,010 ARMAGHAN BEHLUM：非常に最初の1。 400 00:19:41,010 --> 00:19:42,135 TOMAS Reimersの：またはダウンロード。 401 00:19:42,135 --> 00:19:42,650 それはいいのよ。 402 00:19:42,650 --> 00:19:46,482 左のダウンロードv1とv2ヒット。 403 00:19:46,482 --> 00:19:49,190 だから我々はからjQueryを記述している あなたのようなオンラインは、おそらくやった。 404 00:19:49,190 --> 00:19:50,440 下にスクロールします。 405 00:19:50,440 --> 00:19:51,260 アップ、アップ。 406 00:19:51,260 --> 00:19:53,502 >> ARMAGHAN BEHLUM：ああ、右ここに今？ 407 00:19:53,502 --> 00:19:54,460 TOMAS Reimersの：またはその。 408 00:19:54,460 --> 00:19:54,960 うん。 409 00:19:54,960 --> 00:20:00,150 だから、jQueryはホス​​トさバージョンがあります そのあなたが実際にないことを意味 410 00:20:00,150 --> 00:20:01,890 それをダウンロードする必要があり、 しかし、あなたはより多くのだ 411 00:20:01,890 --> 00:20:07,734 それをダウンロードして歓迎 そしてそれを自分でホストします。 412 00:20:07,734 --> 00:20:08,650 ARMAGHAN BEHLUM：クール。 413 00:20:08,650 --> 00:20:09,566 だから今、私たちは、jQueryを持っている。 414 00:20:09,566 --> 00:20:11,122 今、何が次の私たちの行うには、リスト上だ。 415 00:20:11,122 --> 00:20:12,080 TOMAS Reimersの：恐ろしい。 416 00:20:12,080 --> 00:20:13,910 だから我々は必要なものの次の 何私達が実際に必要である 417 00:20:13,910 --> 00:20:17,750 p個のhello worldのIDを与えるために 私たちは右に、それを変更できますか？ 418 00:20:17,750 --> 00:20:24,514 それでは、のアイデアを与えてみましょう、 私は、テキストを変更、知らないのか？ 419 00:20:24,514 --> 00:20:26,680 ARMAGHAN BEHLUM：ちょうどレッツ このようにそれを行うには、私は推測する。 420 00:20:26,680 --> 00:20:28,013 TOMAS Reimersの：changeText、涼しい。 421 00:20:28,013 --> 00:20:29,830 そして今、ちょうどページを更新してみましょう。 422 00:20:29,830 --> 00:20:31,142 すべての作品を確認してください。 423 00:20:31,142 --> 00:20:32,100 だから、ブラウザの[戻る。 424 00:20:32,100 --> 00:20:35,820 425 00:20:35,820 --> 00:20:36,922 クール。 426 00:20:36,922 --> 00:20:39,380 その常に良いリマインダー あなたがウェブサイトを構築しているとき、 427 00:20:39,380 --> 00:20:44,450 おそらくあなたが作るたびにリフレッシュ ただの幾分重要な変更 428 00:20:44,450 --> 00:20:47,993 時にはあなたのため 誤ってタグを落とし、 429 00:20:47,993 --> 00:20:51,640 またはあなたが誤って何かを削除し、 そして、あなたは、小さな何かを破る 430 00:20:51,640 --> 00:20:55,880 しかし、あなたは大きな変更を行うとき この大きな変化はなかったなぜあなたは、似ている 431 00:20:55,880 --> 00:20:57,910 一見無関係なものを破る。 432 00:20:57,910 --> 00:21:02,840 だから、一種のことは常に良いことだ 行くとそれらの健全性チェックを行う。 433 00:21:02,840 --> 00:21:05,610 >> とにかくので、今のはやらせる 1最後の健全性チェック、 434 00:21:05,610 --> 00:21:09,800 これですそれは、変更してみましょう リープモーションなしのテキスト、 435 00:21:09,800 --> 00:21:11,820 何もせずに、単に ページのロード時にそれがよ 436 00:21:11,820 --> 00:21:17,140 にハロー世界を変える jQueryを使ってお別れ。 437 00:21:17,140 --> 00:21:21,400 だから、jQueryのが公開を覚えていれば このドル記号機能、 438 00:21:21,400 --> 00:21:28,640 その我々はCSSセレクタを渡すことができ、 すなわちハッシュタグの変更、テキスト、その 439 00:21:28,640 --> 00:21:31,590 で要素を選択 変更テキストのID。 440 00:21:31,590 --> 00:21:34,980 そして、我々はつもりだ メソッドを呼び出すには、HTML 441 00:21:34,980 --> 00:21:40,390 オブジェクト上でそれはで戻ります 文字列の別れの引数、どの 442 00:21:40,390 --> 00:21:45,600 アイテムを変更します さよならを言うのHTML。 443 00:21:45,600 --> 00:21:46,210 恐ろしい。 444 00:21:46,210 --> 00:21:48,790 これはかなりクールなようだ。 445 00:21:48,790 --> 00:21:52,365 そして今、我々は更新すると 私たちが見に行くしているページ 446 00:21:52,365 --> 00:21:54,040 それは即座に右に、別れに変わり？ 447 00:21:54,040 --> 00:21:55,910 それは何のために待機していないため。 448 00:21:55,910 --> 00:21:59,200 ソートのとすぐにそのスクリプトとして それは別れに変更し実行します。 449 00:21:59,200 --> 00:22:00,430 クール。 450 00:22:00,430 --> 00:22:03,790 >> だから今のは、関数内でそれをラップしてみましょう。 451 00:22:03,790 --> 00:22:04,290 右。 452 00:22:04,290 --> 00:22:06,270 だから我々はするつもりだ 関数を作る。 453 00:22:06,270 --> 00:22:08,160 私たちは別れ、それを呼ぶことにします。 454 00:22:08,160 --> 00:22:11,570 だから、関数別れです 引数を取りませんつもり 455 00:22:11,570 --> 00:22:14,170 そしてそれは実際にはありません 何も返しに行く。 456 00:22:14,170 --> 00:22:18,850 そして、それはちょうどになるだろう JavaScriptでそれを行う。 457 00:22:18,850 --> 00:22:22,240 458 00:22:22,240 --> 00:22:23,140 優秀。 459 00:22:23,140 --> 00:22:27,000 今では私たちの関数さようなら 右、別れにテキストを変更する？ 460 00:22:27,000 --> 00:22:28,930 だから、これは私達に方法を提供します 基本的に変更へ 461 00:22:28,930 --> 00:22:32,871 別れたときににそのテキスト 私たちは、その関数を呼び出した。 462 00:22:32,871 --> 00:22:33,370 右？ 463 00:22:33,370 --> 00:22:35,290 だから、これはかなりクールです。 464 00:22:35,290 --> 00:22:37,430 >> ARMAGHAN BEHLUM：まあ、我々 また、単に確認することができます 465 00:22:37,430 --> 00:22:41,040 今、私たちが呼び出していないので、 機能、我々はページを更新した場合、 466 00:22:41,040 --> 00:22:44,460 それはないだろうに気付く テキストを変更する。 467 00:22:44,460 --> 00:22:45,509 >> TOMAS Reimersの：優秀。 468 00:22:45,509 --> 00:22:47,800 だから今、私たちは起動するつもりだ そのリープのものに入るため 469 00:22:47,800 --> 00:22:49,880 私たちは話していたことを。 470 00:22:49,880 --> 00:22:52,240 だからARMI、あなたがしたいです ここからそれを取るか？ 471 00:22:52,240 --> 00:22:52,640 >> ARMAGHAN BEHLUM：うん。 472 00:22:52,640 --> 00:22:53,139 かしこまりました。 473 00:22:53,139 --> 00:22:56,260 私はおそらく必要があるつもりだ ダブルチェックの事に、 474 00:22:56,260 --> 00:22:58,250 しかし、たとえば覚えている 我々が望んでいる 475 00:22:58,250 --> 00:23:02,627 オプションで確認します 我々はジェスチャーを有効に設定して 476 00:23:02,627 --> 00:23:03,710 TOMAS Reimersの：グッドキャッチ。 477 00:23:03,710 --> 00:23:06,250 ARMAGHAN BEHLUM：真である。 478 00:23:06,250 --> 00:23:08,960 そして、我々は、推薦された 君たちはあろうと 479 00:23:08,960 --> 00:23:12,230 実行うるうドットループ、その 先ほど言ったように、 480 00:23:12,230 --> 00:23:18,140 二つのオプション、JSONオブジェクトを持って あなたが望む方法のオプションです 481 00:23:18,140 --> 00:23:22,030 にリープモーションを設定するには 仕事、その後の機能 482 00:23:22,030 --> 00:23:27,640 コー​​ルバックとしてフレームをキャッチしようとして トマスのような機能が言っていた。 483 00:23:27,640 --> 00:23:30,470 そして、あなたが望むものを編集 その機能とすることができません。 484 00:23:30,470 --> 00:23:33,890 >> だから我々は渡し 今オプションと我々は定義する 485 00:23:33,890 --> 00:23:36,117 フレームになります機能。 486 00:23:36,117 --> 00:23:38,200 そして今、我々は定義する必要があります その関数が何をするか。 487 00:23:38,200 --> 00:23:42,569 それはのためにもだ 今後、確認するためにそれを行う。 488 00:23:42,569 --> 00:23:43,610 TOMAS Reimersの：優秀。 489 00:23:43,610 --> 00:23:45,940 だから今我々はこれを持っている ドットループ機能を飛躍 490 00:23:45,940 --> 00:23:52,420 基本的にリープを見て言うコール これらのオプションと毎回付き 491 00:23:52,420 --> 00:23:55,710 何かの変更は、これを呼び出す データのすべてと関数フレーム 492 00:23:55,710 --> 00:23:59,510 あなたは、フレーム内の認識している。 493 00:23:59,510 --> 00:24:01,320 かなり良いですね。 494 00:24:01,320 --> 00:24:03,680 だから今迅速な健全性チェック、 私はいつもお勧めしている、 495 00:24:03,680 --> 00:24:07,020 その中でちょうど置かれる コンソールドットログフレーム。 496 00:24:07,020 --> 00:24:10,320 そしてChromeでそれを開く アップとあなたのコンソールを見て 497 00:24:10,320 --> 00:24:13,870 と見てリープで遊んで その意志ので、ログに記録されたフレーム 498 00:24:13,870 --> 00:24:16,300 あなたに何のアイデアを得る データはあなたがにアクセスできます。 499 00:24:16,300 --> 00:24:20,680 そして、いつものようにあなたが混乱した場合に、 APIリファレンスを検索します。 500 00:24:20,680 --> 00:24:23,430 そして、我々は、リンクが含まれます これの終わりに、そのための。 501 00:24:23,430 --> 00:24:26,300 >> ARMAGHAN BEHLUM：だから我々 その後ページを更新し、 502 00:24:26,300 --> 00:24:28,880 私達は行くと再びコンソールを開きます。 503 00:24:28,880 --> 00:24:33,590 そして今、我々は我々がしていることに気付く 渡されたフレームを有し、 504 00:24:33,590 --> 00:24:37,834 これらのほとんどのオブジェクトは、私たちは前に見た。 505 00:24:37,834 --> 00:24:38,690 そうそう。 506 00:24:38,690 --> 00:24:42,870 これらは、私たちのフレームです コンソールに現れて。 507 00:24:42,870 --> 00:24:43,370 クール。 508 00:24:43,370 --> 00:24:46,970 >> だから今我々はつかんできたことを フレーム、以前覚えているかもしれませんように 509 00:24:46,970 --> 00:24:51,800 我々が持っていた例から、 我々は、フレームドットジェスチャーをチェックする 510 00:24:51,800 --> 00:24:56,270 我々はそのジェスチャーのリストを取得 フレームは、最後にキャッチ。 511 00:24:56,270 --> 00:25:01,510 私たちは、その配列の長さを確認することができます リープはどんなジェスチャーを捕まえたかどうかを確認します。 512 00:25:01,510 --> 00:25:05,010 だから、配列の場合 ゼロより大きいし、我々 513 00:25:05,010 --> 00:25:07,570 私たちが行うにはいくつかのものを持っていることを知っている。 514 00:25:07,570 --> 00:25:15,040 >> それでは、if条件でそれを包むましょう そして今、ここで私たちが知っている私たちです 515 00:25:15,040 --> 00:25:20,390 ジェスチャーを見てきました、のは、それに基づいて行動しましょう​​。 516 00:25:20,390 --> 00:25:25,721 だから今、私たちがここにいることを我々 チェックアウトするジェスチャーを持っている。 517 00:25:25,721 --> 00:25:28,470 TOMAS Reimersの：まあ、最初 事は、それだけで1ジェスチャーではないです 518 00:25:28,470 --> 00:25:29,840 それは、多くのジェスチャーである可能性があります。 519 00:25:29,840 --> 00:25:30,964 >> ARMAGHAN BEHLUM：非常に真。 520 00:25:30,964 --> 00:25:33,340 TOMAS Reimersの：あたりそう ここで古典的なCスタイル 521 00:25:33,340 --> 00:25:36,334 我々は、おそらくforループを使うことになるでしょう。 522 00:25:36,334 --> 00:25:37,750 ARMAGHAN BEHLUM：ここでは、その後です。 523 00:25:37,750 --> 00:25:42,870 私たちは、反復処理することを決めた ジェスチャーを通して。 524 00:25:42,870 --> 00:25:46,412 そして、見てみましょう。 525 00:25:46,412 --> 00:25:49,380 私プラス、プラス。 526 00:25:49,380 --> 00:25:56,150 そして今、我々は多分行った場合 ちょうどVARジェスチャーに等しい 527 00:25:56,150 --> 00:26:01,210 フレームドットジェスチャー 私は、今、私たちが持っているブラケット 528 00:26:01,210 --> 00:26:06,260 ただ一つでジェスチャー自体、 ジェスチャーオブジェクトの単一のインスタンス 529 00:26:06,260 --> 00:26:10,582 私たちは、作業するための ループのためのこの内部。 530 00:26:10,582 --> 00:26:12,869 大丈夫。 531 00:26:12,869 --> 00:26:15,410 TOMAS Reimersの：レッツ正気 再びここにチェックして、ちょうどコンソール 532 00:26:15,410 --> 00:26:17,370 ドットは我々が得るものを見るためにジェスチャーを記録します。 533 00:26:17,370 --> 00:26:19,410 >> ARMAGHAN BEHLUM： コンソールドットログジェスチャー。 534 00:26:19,410 --> 00:26:22,900 535 00:26:22,900 --> 00:26:23,780 オーキーdokie。 536 00:26:23,780 --> 00:26:26,250 そして、もう一つのより多くの時間をリフレッシュ。 537 00:26:26,250 --> 00:26:30,030 >> TOMAS Reimersの：そしてレッツ ジェスチャーを作ってみてください。 538 00:26:30,030 --> 00:26:34,600 あなたはたくさんいることがわかります 彼はスワイプするときの、 539 00:26:34,600 --> 00:26:39,780 あなたがでジェスチャの束を得る コンソールと、彼は円を行おうとする場合には、 540 00:26:39,780 --> 00:26:40,470 それはjust--だ 541 00:26:40,470 --> 00:26:41,750 >> ARMAGHAN BEHLUM：サークル 本当にいいです。 542 00:26:41,750 --> 00:26:45,000 >> TOMAS Reimersの：今、奇妙なことがあると ここで、彼は一つの円をやってされている、 543 00:26:45,000 --> 00:26:48,730 しかし、これは右、80ジェスチャーを記録している？ 544 00:26:48,730 --> 00:26:50,070 つまり、ジェスチャーをたくさんだ。 545 00:26:50,070 --> 00:26:53,560 だから、事の最初のソートに 実現する、これが混乱することができ、 546 00:26:53,560 --> 00:26:57,050 ジェスチャーということです 一度だけ記録されません。 547 00:26:57,050 --> 00:27:01,107 >> すべてのフレームで、右、 私はサークルをやっている場合 548 00:27:01,107 --> 00:27:02,940 リープは、これを検出し このからの変更であり、 549 00:27:02,940 --> 00:27:04,398 この変更での変化である。 550 00:27:04,398 --> 00:27:05,970 そして、それはそれらのそれぞれの1を記録します。 551 00:27:05,970 --> 00:27:08,200 しかし、それらのそれぞれにおいて、 それは、ああ、と言うために起こっている 552 00:27:08,200 --> 00:27:10,050 現在進行中のジェスチャーがあります。 553 00:27:10,050 --> 00:27:14,260 だから、ちょっと、あります、私はただ言わせて ジェスチャーとそれが現在進行中です。 554 00:27:14,260 --> 00:27:17,000 だから我々はしたくないものを やる人一に、ああ、と言うです 555 00:27:17,000 --> 00:27:19,370 これらのジェスチャーのあなた テキストを変更したい。 556 00:27:19,370 --> 00:27:23,660 私たちがやりたいことはときにジェスチャーで 停止し、我々はそれをチェックすることができ、 557 00:27:23,660 --> 00:27:24,974 その後、我々は、テキストを変更したい。 558 00:27:24,974 --> 00:27:25,890 ARMAGHAN BEHLUM：Mhmm。 559 00:27:25,890 --> 00:27:30,550 だから、トーマスのようなものです これらのジェスチャーを説明 560 00:27:30,550 --> 00:27:33,580 複数を通じて表示されることがあります フレームが、例えば、 561 00:27:33,580 --> 00:27:36,200 ときに我々が過ごしていた その円、我々が見ることができます 562 00:27:36,200 --> 00:27:40,140 そのその1のID その私たちは一つのサークル 563 00:27:40,140 --> 00:27:43,950 完了しようとしている可能性があります 同じIDが全体だった。 564 00:27:43,950 --> 00:27:46,320 そして実際に、あなたもすることができます ステータスをチェックしてください。 565 00:27:46,320 --> 00:27:49,500 566 00:27:49,500 --> 00:27:50,270 更新した。 567 00:27:50,270 --> 00:27:55,680 >> その後、これはおそらく 最後のサークルその、ああ、まあ、OK。 568 00:27:55,680 --> 00:28:00,480 だから、時にはそれがいます ジェスチャーの停止状態 569 00:28:00,480 --> 00:28:04,180 そしてそれはまた、あなたのステータスが表示されます ときに新しいジェスチャを開始する 570 00:28:04,180 --> 00:28:09,140 それがあることを確かに認識し、 あなたは新しいジェスチャーを開始しました。 571 00:28:09,140 --> 00:28:10,637 この場合の例である。 572 00:28:10,637 --> 00:28:11,470 TOMAS Reimersの：クール。 573 00:28:11,470 --> 00:28:12,511 ARMAGHAN BEHLUM：そうそう。 574 00:28:12,511 --> 00:28:14,420 そして、見てみましょう。 575 00:28:14,420 --> 00:28:16,490 また、気づくことができます 私たちが作っていたにもかかわらず 576 00:28:16,490 --> 00:28:22,179 サークルとジェスチャー 型と呼ばれるフィールドがあります 577 00:28:22,179 --> 00:28:23,970 それは私たちにどのように伝えます ジェスチャーのことである。 578 00:28:23,970 --> 00:28:27,829 だから、私たちのために役に立つかもしれない あなたは試してみて、私たちがやっている何をすべきか。 579 00:28:27,829 --> 00:28:29,620 TOMAS Reimersの：だから バックJSへの移行、 580 00:28:29,620 --> 00:28:31,696 私に発生した最初のもの また、ちょうどこのコードを読んで 581 00:28:31,696 --> 00:28:34,340 小さな最適化があるとされ、 実際に私たちはこれです 582 00:28:34,340 --> 00:28:35,980 右、条件場合は、これを必要としない？ 583 00:28:35,980 --> 00:28:39,330 フレームドットジェスチャードットなぜならば、 長さは、ループのためにあることを、ゼロである 584 00:28:39,330 --> 00:28:40,450 とにかく実行するつもりはない。 585 00:28:40,450 --> 00:28:43,100 だから我々は、同様にちょうど行くことができる 先にその取り除く。 586 00:28:43,100 --> 00:28:46,620 繰り返しになりますが、コードを書いている間 それは背中とソート行くことが重要です 587 00:28:46,620 --> 00:28:50,330 リファクタリングのあなたがいることを理解するように より良いものを行っている可能性があり、 588 00:28:50,330 --> 00:28:53,370 またはそのための別の方法があること。 589 00:28:53,370 --> 00:28:57,170 だから今、私たちはこれをきれいにするつもりだ アップを迅速かつまた、あなたのコードをクリーンアップ。 590 00:28:57,170 --> 00:28:58,310 それは大したことだ。 591 00:28:58,310 --> 00:28:59,870 >> ARMAGHAN BEHLUM：良い スタイルは非常に理解される。 592 00:28:59,870 --> 00:29:01,828 >> TOMAS Reimersの：あなたができる 時誰かいつも言う 593 00:29:01,828 --> 00:29:05,240 あればあるように使用されるコードを持って 条件とは、彼らはそれを削除し、 594 00:29:05,240 --> 00:29:07,530 しかし彼らはそれをアンコメントしませんでした。 595 00:29:07,530 --> 00:29:10,147 それは非常に明白だし、 それは一種の醜い。 596 00:29:10,147 --> 00:29:12,230 ARMAGHAN BEHLUM：だから何だ 次の私たちの上のリストを行うには？ 597 00:29:12,230 --> 00:29:15,479 TOMAS Reimersの：だから今私たちが言っていたように、 私は、私たちが最初にしたいことを推測 598 00:29:15,479 --> 00:29:17,970 そのジェスチャーのことを確認してくださいされている 実際にスワイプ、右？ 599 00:29:17,970 --> 00:29:18,270 >> ARMAGHAN BEHLUM：うん。 600 00:29:18,270 --> 00:29:21,750 >> TOMAS Reimersの：だから我々はそれを言っている場合は、 私たちの別れは、一種のスワイプのようなものです 601 00:29:21,750 --> 00:29:25,280 それはスワイプだと私たちは、行くよ 我々はちょっと、と言って必要がある最初の事、 602 00:29:25,280 --> 00:29:27,410 ジェスチャーは、右スワイプを入力している？ 603 00:29:27,410 --> 00:29:30,860 しない円やトップ、 それはスワイプのですか？ 604 00:29:30,860 --> 00:29:34,280 私たちはそれを行うことができますので、道 我々はジェスチャーを言うことができるである 605 00:29:34,280 --> 00:29:38,530 文字列としてドットタイプ等しい等しいスワイプ。 606 00:29:38,530 --> 00:29:44,030 >> ARMAGHAN BEHLUM：[聞こえない]ジェスチャー ドットタイプはスワイプに等しい等しい。 607 00:29:44,030 --> 00:29:46,790 608 00:29:46,790 --> 00:29:47,730 我々があります。 609 00:29:47,730 --> 00:29:49,438 >> TOMAS Reimersの：そして その後最後の質問 610 00:29:49,438 --> 00:29:53,170 私たちは見てみたいジェスチャードットである 状態等しい等しいストップ、右？ 611 00:29:53,170 --> 00:29:55,860 だから、だとき ジェスチャーは停止されています。 612 00:29:55,860 --> 00:29:58,490 私は実際に私は、スワイプで考える 私の頭の上からこれを知って、 613 00:29:58,490 --> 00:30:00,340 しかし、あなたはに歓迎している ときに、それを見て 614 00:30:00,340 --> 00:30:05,627 それを登録するたびにスワイプ あなたが停止するまで、開始ジェスチャーです。 615 00:30:05,627 --> 00:30:07,460 そして、最後の1の ちょうど停止ジェスチャー。 616 00:30:07,460 --> 00:30:11,090 だから、唯一の1ストップがあるでしょう 私たちのために素晴らしいですジェスチャー、。 617 00:30:11,090 --> 00:30:17,180 だから、私たちにできることは、ジェスチャードットあれば言うことです タイプ等しい等しいスワイプジェスチャードット 618 00:30:17,180 --> 00:30:19,950 等しい等しい状況 停止、その後のは正気ましょう 619 00:30:19,950 --> 00:30:21,725 ここにチェックドットログジェスチャーを慰める。 620 00:30:21,725 --> 00:30:29,420 621 00:30:29,420 --> 00:30:30,790 >> だから我々はここに戻って行くよ。 622 00:30:30,790 --> 00:30:33,570 私たちは、ページを更新します。 623 00:30:33,570 --> 00:30:38,380 そして今、時間だけが何かすべき 我々はスワイプ時ログインがコンソールドットがある。 624 00:30:38,380 --> 00:30:40,780 そして、我々はスワイプしようと、我々は何も表示されません。 625 00:30:40,780 --> 00:30:41,280 右？ 626 00:30:41,280 --> 00:30:43,990 だから、これは実際には大きな問題です。 627 00:30:43,990 --> 00:30:47,560 私たちは、私たちが期待したものを見ていない。 628 00:30:47,560 --> 00:30:49,356 とデバッグはこれを大きな一部にすることができます。 629 00:30:49,356 --> 00:30:51,980 だから我々が行っている最初のものは、 、[OK]を、のドットを慰めるてみましょうと言って 630 00:30:51,980 --> 00:30:54,568 ジェスチャードットあればそれをログに記録する 等しい等しいスワイプを入力します。 631 00:30:54,568 --> 00:30:56,109 ARMAGHAN BEHLUM：うん、のはそれをやらせる。 632 00:30:56,109 --> 00:30:59,979 633 00:30:59,979 --> 00:31:02,020 TOMAS Reimersの：だから私たちはしている 戻ってこれに行くつもり。 634 00:31:02,020 --> 00:31:03,140 私たちは、リフレッシュします。 635 00:31:03,140 --> 00:31:04,020 私たちは、スワイプします。 636 00:31:04,020 --> 00:31:05,150 そして、我々はそれらの束を見ることになるだろう。 637 00:31:05,150 --> 00:31:05,650 OK。 638 00:31:05,650 --> 00:31:08,710 だから、明らかに問題がなかった 私たちのジェスチャードットステータスを持つ。 639 00:31:08,710 --> 00:31:14,000 私たちはこれらのいずれかを開くのであれば、我々はよ オブジェクトに見て、我々が表示されます、 640 00:31:14,000 --> 00:31:18,700 まあ、それはああ、停止だが、 それはしない状況、状態と呼ばれています。 641 00:31:18,700 --> 00:31:21,890 だから我々は戻っへ向かう場合、 我々のコード私たちが言うことができます 642 00:31:21,890 --> 00:31:27,780 もしジェスチャードット式等しい等しいスワイプ とジェスチャードット状態等しい等しいストップ、 643 00:31:27,780 --> 00:31:29,160 その後、我々は、ドットコンソールそれをログに記録します。 644 00:31:29,160 --> 00:31:30,940 そしてそうリフレッシュ。 645 00:31:30,940 --> 00:31:31,856 私たちは、スワイプ。 646 00:31:31,856 --> 00:31:33,730 そして、我々はその上に表示されます すべてのスワイプ、我々だけだ 647 00:31:33,730 --> 00:31:36,247 ものを、取得 素晴らしいです終わり、右？ 648 00:31:36,247 --> 00:31:37,080 それは我々が望むものだ。 649 00:31:37,080 --> 00:31:37,955 >> ARMAGHAN BEHLUM：うん。 650 00:31:37,955 --> 00:31:42,640 そして、我々はまた、気づくことができ、そのIDの これらのジェスチャのそれぞれは独立しています。 651 00:31:42,640 --> 00:31:47,470 私たちがしているので、トマスが言っていたように この1停止状態をキャッチすること 652 00:31:47,470 --> 00:31:52,850 スワイプの終了時に存在している、私たちはしている 個々の独立したジェスチャーを取得 653 00:31:52,850 --> 00:31:54,441 リープモーションから。 654 00:31:54,441 --> 00:31:54,940 グレート。 655 00:31:54,940 --> 00:31:58,610 656 00:31:58,610 --> 00:32:03,040 >> TOMAS Reimersの：のは、先に行くとしましょう ただ、である最終の事を、やる 657 00:32:03,040 --> 00:32:04,826 >> ARMAGHAN BEHLUM：さようなら。 658 00:32:04,826 --> 00:32:06,425 >> TOMAS Reimersの：恐ろしい。 659 00:32:06,425 --> 00:32:08,925 そして今、私たちのウェブサイトをチェックしてみましょう。 660 00:32:08,925 --> 00:32:09,425 One 661 00:32:09,425 --> 00:32:09,730 >> ARMAGHAN BEHLUM：第二。 662 00:32:09,730 --> 00:32:11,271 私たちは、ええ、私たちはさよならを呼び出したのでした。 663 00:32:11,271 --> 00:32:11,920 グレート。 664 00:32:11,920 --> 00:32:13,490 >> TOMAS Reimersの：いいえ、さようなら 実際の関数である。 665 00:32:13,490 --> 00:32:14,406 >> ARMAGHAN BEHLUM：うん。 666 00:32:14,406 --> 00:32:15,670 のはそれをやってみましょう。 667 00:32:15,670 --> 00:32:20,566 >> TOMAS Reimersの：そしてときに我々 さようなら波、それはさようなら言う。 668 00:32:20,566 --> 00:32:22,360 >> ARMAGHAN BEHLUM：我々は勝利を持っている。 669 00:32:22,360 --> 00:32:25,632 >> TOMAS Reimersの：だからかなりエキサイティングなもの。 670 00:32:25,632 --> 00:32:28,590 うまくいけば、あなたが何かを構築することができます 他に、しかし、あなたは右のアイデアを得る？ 671 00:32:28,590 --> 00:32:30,260 あなたは、ジェスチャーを検出することができます。 672 00:32:30,260 --> 00:32:31,469 あなたは、関数を呼び出すことができます。 673 00:32:31,469 --> 00:32:34,510 そして、それは本当にあなたを与えるからこと いくつかの非常に基本的なビルディング·ブロック 674 00:32:34,510 --> 00:32:38,800 彼らはスワイプ多分とき、ああ、言って、 あなたはまた、物事を検出することができますので、 675 00:32:38,800 --> 00:32:39,674 方向のような。 676 00:32:39,674 --> 00:32:40,840 私は彼らが何かをしたい。 677 00:32:40,840 --> 00:32:43,470 それとも、彼らは右スワイプ、I 彼らが何かをしたい。 678 00:32:43,470 --> 00:32:45,880 そして、我々は取得するために開始することができます どのように正確にとの創造 679 00:32:45,880 --> 00:32:48,840 私たちは、当社のウェブサイトを改善するつもりだ これらのスワイプジェスチャーや円を使用して 680 00:32:48,840 --> 00:32:53,695 ジェスチャー、またはタップジェスチャー、 どちらかタップするか、画面タップキー。 681 00:32:53,695 --> 00:32:56,070 そして、あなたがしていること以外、他 再生する歓迎以上 682 00:32:56,070 --> 00:32:59,640 実際のデータと、 しかし、あなたがしたい場合は、 683 00:32:59,640 --> 00:33:03,870 我々はあなたがドキュメントに行くことをお勧めすることを 彼らは実際には本当に良いだから。 684 00:33:03,870 --> 00:33:05,034 だから今のドキュメントに向かった。 685 00:33:05,034 --> 00:33:06,450 それとも、それについて話をしたいですか？ 686 00:33:06,450 --> 00:33:06,940 >> ARMAGHAN BEHLUM：うん。 687 00:33:06,940 --> 00:33:07,920 のはそれをやってみましょう。 688 00:33:07,920 --> 00:33:13,680 また、アドバイスの一つの他ちらほら、 試してみて、3Dでこの思います。 689 00:33:13,680 --> 00:33:22,611 だから、実際にのは​​、これらのジェスチャーをプルアップしましょう 1より多くの時間のコンソールドットログジェスチャー 690 00:33:22,611 --> 00:33:24,290 そして、私たちはそれを行う。 691 00:33:24,290 --> 00:33:29,460 戻ってくる中で、今のは、試してみましょう これらのカップル、それらのカップル。 692 00:33:29,460 --> 00:33:32,940 >> 我々は中に入ってチェックアウトする場合 同様にこれらのジェスチャー 693 00:33:32,940 --> 00:33:36,830 あなたはそれを見ることができるように 彼らは次元だ 694 00:33:36,830 --> 00:33:38,980 実際には、三方向にある。 695 00:33:38,980 --> 00:33:42,500 だから制限するものではない 自分で2D画面へ 696 00:33:42,500 --> 00:33:45,200 も、あなたがかもしれないが 2Dウェブサイト上にある。 697 00:33:45,200 --> 00:33:49,152 あなたは試してみて、どのようにユーザーと考えることができます 3Dでウェブサイトと相互作用する可能性がある。 698 00:33:49,152 --> 00:33:50,360 TOMAS Reimersの：3D空間の。 699 00:33:50,360 --> 00:33:51,401 ARMAGHAN BEHLUM：その通り。 700 00:33:51,401 --> 00:33:52,310 そして、ええ。 701 00:33:52,310 --> 00:33:55,350 だから、方向、速度を得る 情報のすべてのこれらのクールなビット。 702 00:33:55,350 --> 00:33:58,890 >> TOMAS Reimersの：そして、あなたがいないのであれば その精通し、それはX、Yを行く、 703 00:33:58,890 --> 00:34:01,566 その後zは、この最後の次元である。 704 00:34:01,566 --> 00:34:04,690 あなたはおそらくであるだけで何か あなたは、3Dに対処した場合に精通 705 00:34:04,690 --> 00:34:05,731 前の平面を座標。 706 00:34:05,731 --> 00:34:09,565 あなたが持っていない場合は、2Dと同じです 第三次元があるのを除いて1。 707 00:34:09,565 --> 00:34:11,420 私たちは、zそれを呼び出す。 708 00:34:11,420 --> 00:34:16,449 そして、すべて、ソートの好き それが起こっている場所である方向、 709 00:34:16,449 --> 00:34:19,810 私はそれもしれないと思うposition-- 加速を公開、私はよく分からない。 710 00:34:19,810 --> 00:34:21,341 >> ARMAGHAN BEHLUM：ええ、私は信じています。 711 00:34:21,341 --> 00:34:22,340 これは間違いなくスピードを持っています。 712 00:34:22,340 --> 00:34:25,699 私は実際には100％ではないよ 加速について確認してください。 713 00:34:25,699 --> 00:34:28,810 >> TOMAS Reimersの：それは選択肢かもしれ あなたが何かに渡すことができます。 714 00:34:28,810 --> 00:34:33,409 そのように位置と速度は、露出している 3つの座標のこれらの並べ替えで。 715 00:34:33,409 --> 00:34:38,812 このため、x、y、zのデルタのx、δyは、デルタのz。 716 00:34:38,812 --> 00:34:44,130 だから今のドキュメントに向かった それはdeveloper.leapmotion.comだ 717 00:34:44,130 --> 00:34:46,460 そして、あなたはドキュメントをクリックすることができます。 718 00:34:46,460 --> 00:34:50,010 ここでも、リープモーションは、これらすべてを持ってい 素晴らしいのAPIは、JavaScriptのための1、 719 00:34:50,010 --> 00:34:53,750 CシャープとUnityのための1、のための1 C ++、Java用1、Pythonのための1、 720 00:34:53,750 --> 00:34:59,020 個人的にとObjective Cの1は、I JavaScriptを向けてあなたをプッシュするだろう 721 00:34:59,020 --> 00:35:01,280 またはあなたが知りたい場合は 新しい言語、Pythonを試してみてください。 722 00:35:01,280 --> 00:35:05,910 私が一緒に働いてきたこれらの言語の両方 前と彼らが学ぶことは本当に簡単です 723 00:35:05,910 --> 00:35:10,250 そしてあなたは既にJavaScriptを、知っている それは本当に良い候補になります。 724 00:35:10,250 --> 00:35:12,930 >> 注意の一言 あなたはドキュメントを入力したとき。 725 00:35:12,930 --> 00:35:15,940 あなたはドキュメントV2.0にしていることを確認してください。 726 00:35:15,940 --> 00:35:20,250 あなたが使っているのであればあるため バージョン1、それは動作しません。 727 00:35:20,250 --> 00:35:21,830 また、例えばギャラリーのために。 728 00:35:21,830 --> 00:35:25,100 我々は良い30分を費やし デバッグ私たちのリープをしようとし 729 00:35:25,100 --> 00:35:28,640 我々はそれを実現する前に V1はV2では動作しません。 730 00:35:28,640 --> 00:35:31,660 だからあなたはバージョン2にしていることを確認してください。 731 00:35:31,660 --> 00:35:33,904 そして私は彼をもらおう あなたのドキュメントを表示します。 732 00:35:33,904 --> 00:35:34,820 ARMAGHAN BEHLUM：うん。 733 00:35:34,820 --> 00:35:39,480 だからここその後、APIの概要とだ いくつかのビットとの情報 734 00:35:39,480 --> 00:35:41,420 我々はすでにあなたに言ったこと。 735 00:35:41,420 --> 00:35:44,270 ちょっといい浮動 リープモーション上記の手。 736 00:35:44,270 --> 00:35:47,850 そして、リマインダーは思うように 3Dでスペース約。 737 00:35:47,850 --> 00:35:53,140 考える最初の目的の一つ リープモーションで、もちろん、手である。 738 00:35:53,140 --> 00:35:57,060 我々は認識されるものを見た ビジュアライザによる。 739 00:35:57,060 --> 00:35:59,180 そして、あなたが持っているかもしれません それは認識していることがわかる 740 00:35:59,180 --> 00:36:03,202 手首の部分と それに関連するアーム。 741 00:36:03,202 --> 00:36:05,410 TOMAS Reimersの：あなたがしたい場合 ビジュアライザをプルアップする。 742 00:36:05,410 --> 00:36:07,190 ARMAGHAN BEHLUM：うん、 のは再びそれを行うことができます。 743 00:36:07,190 --> 00:36:10,148 TOMAS Reimersの：あなたは常に、見ることができます ソートの参照するにはちょうど良いリマインダー、 744 00:36:10,148 --> 00:36:14,060 ビジュアライザーが表示しようとします リープが見ているすべてのデータ。 745 00:36:14,060 --> 00:36:17,606 ですから、私たちが持っていることがわかります 4点のこれらの並べ替え 746 00:36:17,606 --> 00:36:19,230 手首と、実際の手首による。 747 00:36:19,230 --> 00:36:21,625 そして、あなたはまた、手のひらでこのボールを持っている。 748 00:36:21,625 --> 00:36:24,000 これらはすべての点である LEAPによって認識認識しています。 749 00:36:24,000 --> 00:36:25,041 >> ARMAGHAN BEHLUM：その通り。 750 00:36:25,041 --> 00:36:32,300 だからその手のオブジェクトと 各フレームは、手のアレイを有する 751 00:36:32,300 --> 00:36:36,470 同様にあなたも取得できる場所 左右の手。 752 00:36:36,470 --> 00:36:39,410 あなたが得ることができている 方向の手がある 753 00:36:39,410 --> 00:36:42,410 正常に直面 手のひらの方向 754 00:36:42,410 --> 00:36:45,470 または、彼らは通常の手のひらそれを呼び出すように。 755 00:36:45,470 --> 00:36:46,510 私たちは他に何がありますか？ 756 00:36:46,510 --> 00:36:48,120 私たちも、おっと。 757 00:36:48,120 --> 00:36:50,640 のがこの方法を試してみて、下にスクロールしてみましょう。 758 00:36:50,640 --> 00:36:54,410 腕、指がある 指で表現 759 00:36:54,410 --> 00:36:57,890 ポイント可能オブジェクトであるクラス、。 760 00:36:57,890 --> 00:37:01,420 私たちが言っていたようなので、私たちはことを見た それぞれの手のためのpointablesの配列。 761 00:37:01,420 --> 00:37:04,240 これらは少しある 考えるの指。 762 00:37:04,240 --> 00:37:09,809 だから、これは行くには良い概要です 試してみて、理解するまで。 763 00:37:09,809 --> 00:37:11,850 TOMAS Reimersの：[聞こえない] そこに手の解剖アップ。 764 00:37:11,850 --> 00:37:13,680 ARMAGHAN BEHLUM：うん、正確に。 765 00:37:13,680 --> 00:37:14,220 そうそう。 766 00:37:14,220 --> 00:37:18,150 その生データがたくさんあり​​ます リープモーションはよく解釈を取り込み 767 00:37:18,150 --> 00:37:20,750 あなたのために、ので、それは素晴らしいことだ ここを通過するアイデア 768 00:37:20,750 --> 00:37:25,300 と試してみて、リープが持っている方法を見つけ出す 既にあなたのために物事を考え出した 769 00:37:25,300 --> 00:37:28,830 そしてそのようにどのような情報あなた そこから入手できます。 770 00:37:28,830 --> 00:37:33,150 そして、そこから私がお勧めする こちらにこの左側のセクションに入る、 771 00:37:33,150 --> 00:37:39,210 これも実際にありません、それらがある、行く 実際にはより多くのAPIのものabout-- 772 00:37:39,210 --> 00:37:42,670 >> TOMAS Reimersの：でのAPIリファレンス 下部には、通常、行くには良い場所です。 773 00:37:42,670 --> 00:37:45,720 君たちはおそらくときこれを見た 我々は、GoogleマップPSETをしました。 774 00:37:45,720 --> 00:37:48,590 しかし、リファレンス本当に ちょうどすべてを通過 775 00:37:48,590 --> 00:37:54,540 機能やパラメータの あなたのオブジェクトで利用できる。 776 00:37:54,540 --> 00:37:55,500 >> ARMAGHAN BEHLUM：うん。 777 00:37:55,500 --> 00:37:57,740 例えば、これは何ですか 私は前に探していました。 778 00:37:57,740 --> 00:38:01,030 我々は手の私たちがある場合 行くと把握することができます 779 00:38:01,030 --> 00:38:03,750 どのリープが推奨 私たちに手を見つけるために。 780 00:38:03,750 --> 00:38:06,080 私が先に言ったように、 我々は手の配列を持っている。 781 00:38:06,080 --> 00:38:10,340 私たちは手を持っているかどうかを確認してくださいと その後試してみて、片手をつかむ 782 00:38:10,340 --> 00:38:12,410 そのようにと対話する。 783 00:38:12,410 --> 00:38:16,540 だから、私たちだ あなたたちのためにお勧めします。 784 00:38:16,540 --> 00:38:18,400 ジェスチャーとかにも。 785 00:38:18,400 --> 00:38:23,857 このAPIドキュメントをしようとしている あなたたちのための素晴らしいツールである。 786 00:38:23,857 --> 00:38:25,440 あなたは他の勧告を持っていますか？ 787 00:38:25,440 --> 00:38:26,398 >> TOMAS Reimersの：私はしないでください。 788 00:38:26,398 --> 00:38:27,590 私は、今のところ良いことだと思います。 789 00:38:27,590 --> 00:38:29,340 >> ARMAGHAN BEHLUM：うん、 私はそうにも思う。 790 00:38:29,340 --> 00:38:33,330 私達に電子メールを気軽に入手する リープモーションについてのタッチで 791 00:38:33,330 --> 00:38:36,210 あなたは多分すべての問題を抱えている場合は、 または推奨事項を必要としています。 792 00:38:36,210 --> 00:38:40,310 そして、我々がしようとするものを把握することができます 同様にあなたの男と外。 793 00:38:40,310 --> 00:38:40,810 ありがとう。 794 00:38:40,810 --> 00:38:42,360 >> TOMAS Reimersの：厳選。 795 00:38:42,360 --> 00:38:42,880