>> TOMAS REIMERS: โทน
ดังนั้นสวัสดีทุกคน
โทมัสชื่อของฉัน
ฉัน TF และนี่คือ
Armaghan BEHLUM: Armi
ดีที่จะเห็นพวกคุณ
TOMAS REIMERS: โทน
ดังนั้นเรากำลังจะพูดถึง เกี่ยวกับการกระโดดการเคลื่อนไหวในวันนี้
ดังนั้นกระโดดเคลื่อนไหวเป็น ผลิตภัณฑ์เจ๋งจริงๆว่า
ช่วยให้คุณสามารถโต้ตอบกับ คอมพิวเตอร์ในทางที่แตกต่างกัน
ดังนั้นความคิดทั้งหลัง การเคลื่อนไหวก้าวกระโดดคือการที่คุณ
สามารถใช้มือของคุณจะ โต้ตอบกับคอมพิวเตอร์
ดังนั้นที่นี่ฉันมีสิ่งที่กำหนดขึ้น
ฉันจะพูดคุยเกี่ยวกับเรื่องนี้ในบิต
แต่รุ่นพื้นฐานคือคุณสามารถ เห็นว่าฉันมีมือของฉันในด้านหน้า
ของเครื่องคอมพิวเตอร์ของฉันและเมื่อฉันย้ายพวกเขา คุณจะได้รับแบบอะนาล็อกในคอมพิวเตอร์
และคุณสามารถวิเคราะห์นี้
คุณสามารถทำให้ท่าทาง
คุณสามารถใช้มือของคุณจะ โต้ตอบกับคอมพิวเตอร์
ในวิธีการใหม่และน่าสนใจ
>> ดีฉันจริงครั้งแรก ต้องการที่จะผ่านออกไป Armi
แสดงบางสาธิตเย็นของสิ่งที่ บางคนได้กระทำกับเรื่องนี้
และจากนั้นเราจะพูดคุยเกี่ยวกับวิธีการ คุณรหัสจริงกับเรื่องนี้
Armaghan BEHLUM: ใช่
สวัสดี
ดังนั้นในขณะที่เราเห็นเล็ก ๆ น้อย ๆ ข้อมูลที่นี่ แต่เรามาดู
สิ่งที่บางคนได้กระทำกับเรื่องนี้
ดังนั้นให้ฉันเพียงแค่เปิดตัวอย่างนี้
และแล้วดังนั้นสำหรับตัวอย่างเช่นคุณสามารถดู อะนาล็อกมือของฉันมี แต่ตอนนี้เวลานี้
บางคนใช้ความสามัคคีมี ตัดสินใจที่จะทำให้ผิวน้อยมาก
และสิ่งที่อยู่รอบ ๆ มือ
ดังนั้นผมจึงสามารถให้ไปกับคนนี้ ตรวจสอบว่ามีมือของฉันมีปฏิสัมพันธ์
และคุณอาจจะสามารถจินตนาการ คู่ของสิ่งที่มีประโยชน์อื่น ๆ เย็น
ที่คุณสามารถทำได้ด้วยนี้
ดังนั้นนี้เป็นอย่างน้อยหนึ่งตัวอย่างเช่น
และจากนั้นก็ขอกระโดดออกมาจากนี้
>> และหลังจากนั้นอีกหนึ่งเย็น คือให้เป็นไปด้วยนี้
ลูก Plasmo
อีกครั้งที่เราจะไม่จำเป็นต้อง คาดว่าระดับของความซับซ้อนนี้
จากโครงการสุดท้ายสำหรับ CS50
นี่เป็นเพียงการแสดงให้เห็น บางส่วนของที่ให้พวกคุณ
แรงบันดาลใจเล็ก ๆ น้อย ๆ สำหรับสิ่งที่ พวกคุณสามารถทำอะไรกับกระโดดเคลื่อนไหว
ดังนั้นสำหรับตัวอย่างที่นี่เย็น ตัวอย่างเช่นฟิสิกส์ที่มีที่เราจะไป
มีทั้งจากมือของฉันดังนั้นตอนนี้คุณ มีลูกเล็ก ๆ น้อย ๆ นี้พลาสม่า
และลูกจะทำปฏิกิริยากับฟิสิกส์ ฉันย้ายมือของฉันรอบลูก
ตอนนี้ทุกคนแม้ว่าจะใช้ความสามัคคี โดยใช้ชนิดของเครื่องมือและกรอบ
ว่าเราไม่ได้สอน พวกคุณในชั้นเรียน
แต่อย่างที่คุณเห็นบางสวย เย็นวิ่ง throughs กับที่
>> แต่สิ่งหนึ่งที่พวกคุณจะทำอย่างไร เริ่มจากตอนนี้ที่มีการกระโดดการเคลื่อนไหว
คือการทำงานใน JavaScript
เคลื่อนไหว Leap มี API JavaScript ที่ พวกคุณสามารถใช้และเราขอสูง
ขอแนะนำให้พวกคุณสร้าง โครงการของคุณโดยใช้ว่า
ดังนั้นด้วยที่ให้ฉัน ผ่านมันกลับออกไปโทมัส
ที่จะพูดคุยเกี่ยวกับการกระโดด การเคลื่อนไหวและ JavaScript
TOMAS REIMERS: โทน
หรือคุณต้องการที่จะแสดง พวกเขา Visualizer แรก?
>> Armaghan BEHLUM: โอ้ใช่
ใช่
Let 's talk เพิ่มเติมเกี่ยวกับ Visualizer ว่า
>> TOMAS REIMERS: ดังนั้นในขั้นพื้นฐานที่สุด ระดับครั้งแรกที่คุณจะได้รับการกระโดดการเคลื่อนไหว
คุณกำลังจะมีช่องนี้
ที่นี่ฉันต้องการที่จะใช้การควบคุม?
>> Armaghan BEHLUM: ใช่ไปได้
>> TOMAS REIMERS: ดังนั้นเมื่อคุณ ครั้งแรกที่จะได้รับการกระโดดการเคลื่อนไหว
คุณกำลังจะมีช่องนี้
มันมีอุปกรณ์ที่ มีลักษณะบางอย่างเช่นนี้
คุณเสียบลงในเครื่องคอมพิวเตอร์ของคุณ ติดตั้งไดรเวอร์ที่จำเป็น
และจากนั้นก็โดยทั่วไปจะตั้งขึ้น
ดังนั้นวิธีที่ง่ายที่สุดในการจัดเรียง ของการจัดการกับกระโดดเคลื่อนไหว
มีการเปิดโปรแกรมนี้จะติดตั้ง เรียกว่ากระโดดเคลื่อนไหว Visualizer
และ Visualizer เป็นตัวอักษร สิ่งที่ผมแสดงให้เห็นที่นี่
มันช่วยให้คุณเห็น โครงกระดูกของมือของคุณ
และสิ่งที่เคลื่อนไหวกระโดด มีการแปลความหมายของพวกเขาเป็น
ดังนั้นการเคลื่อนไหวกระโดดใช้กล้อง การเรียงลำดับของการดูที่มือของคุณ
และจากนั้นก็พยายามที่จะคาดเดาสิ่งที่ องค์ประกอบโครงร่างพื้นฐานที่คุณ
เห็นบนหน้าจอเป็น
และนั่นคือสิ่งที่มันแสดงให้คุณเห็น
Armaghan BEHLUM: ทุก จุดเล็ก ๆ เดียว
และสิ่งที่คุณเห็นมี ข้อมูลที่มีอยู่เพื่อพวกคุณ
เช่นเดียวกับที่จะใช้
ดังนั้นคุณจะเห็นว่ามันเป็น จับที่โทมัส
มีห้านิ้วมือข​​องแต่ละคน ผู้นิ้วมือที่แตกต่างกัน
นอกจากนี้ยังมีสำหรับคุณเป็นข้อมูล จุดที่จะใช้ในการประยุกต์ใช้สิ่งที่
ที่คุณอาจต้องการ
ถ้าคุณต้องการที่จะดูว่า ใครบางคนทำยกนิ้วขึ้น
คุณสามารถดูว่านิ้วมือข​​องพวกเขา ม้วนงอและไม่ว่าพวกเขากำลัง
นิ้วหัวแม่มือจะชี้ ขึ้นไปหรือที่
ข้อมือหรือปาล์มของพวกเขาคือ และชนิดของสิ่งที่
TOMAS REIMERS: โทน
ดังนั้นคุณจะเห็นท่าทางบางอย่างมัน เข้าใจดีกว่าคนอื่น
โปรดจำไว้ว่ามันมองไปที่คุณ มือจากกล้องจากด้านล่าง,
ดังนั้นเมื่อคุณมีมือของคุณเช่น นี้มันเข้าใจพวกเขาได้อย่างเต็มที่
แต่เมื่อคุณเริ่มที่จะพยายามทำ นิ้วหัวแม่มือขึ้นบางครั้งก็อ่านมัน
บางครั้งก็สามารถคาดเดา แต่อย่างสุจริต กล้องก็ไม่สามารถเห็นนิ้วหัวแม่มือ
ดังนั้นจึงไม่ได้จริงๆ แน่ใจว่าสิ่งที่เกิดขึ้น
ข้อ จำกัด เพียงบางส่วนที่จะเก็บไว้ในใจ เมื่อคุณกำลังพัฒนากับเรื่องนี้
>> อย่างไรก็ตามเพื่อที่จะกลับไปนี้
Visualizer จริง มีจำนวนมากของเครื่องมือที่มีประโยชน์
ดังนั้นการเคลื่อนไหวกระโดดเป็น โปรแกรมในลักษณะดังกล่าว
ที่พวกเขาไม่คาดหวังให้คุณ โต้ตอบกับข้อมูลภาพที่
พวกเขาทำไม่ได้จริงๆ คาดหวังว่าคุณจะเข้าใจ
สิ่งที่เกิดขึ้นอยู่เบื้องหลัง
สิ่งที่พวกเขาทำคือการเปิดเผย พวงของ APIs สำหรับคุณ
เช่นที่คุณสามารถ โต้ตอบกับข้อมูลนี้
โดยตรงโดยไม่ต้องเข้าใจ สิ่งที่เกิดขึ้นภายใต้ประทุน
>> ดังนั้นถ้าเราตี H ที่นี่ใน Visualizer คุณจะเห็นจำนวนมากของตัวเลือก
หนึ่งที่สำคัญที่นี่ว่า คือถ้าคุณกด O และตีแล้ว H,
คุณจะเห็นว่ามัน ช่วยให้คุณสามารถวาดท่าทาง
ดังนั้นท่าทางคุณจะเห็น มันดึงลูกศรข้าม
ท่าทางเป็นหนึ่งในวิธีที่ก้าวกระโดด การเรียงลำดับของการเคลื่อนไหวจะช่วยให้คุณได้รับข้อมูล
โดยไม่ต้องประมวลผล
ดังนั้นแทนที่จะฉันจำเป็นต้องคิด ออกโอ้มือถูกย้าย
แม้ว่าผมจะมีการเข้าถึงจุด API จะเรียงลำดับของเพียงแค่บอกฉัน
เดี๋ยวก่อนพวกเขาทำท่าทางนี้
ดังนั้นคุณสามารถทำท่าทางลูกศรพื้นฐาน
คุณสามารถทำให้ท่าทางวงกลม
คุณสามารถทำให้แตะท่าทาง
และคุณสามารถทำท่าทางกดปุ่ม
ใช่
และชนิดของสิ่งที่
ดังนั้นขณะนี้ที่เราได้จัดเรียงของ เห็นสิ่งที่เคลื่อนไหว Leap สามารถทำได้
คุณสามารถเห็นมันสามารถอ่าน ทั้งกลุ่มของท่าทาง
ฉันคิดว่าฉันกำลังจะไป ผ่านมันกลับไป Armi
และเขาก็จะพูดคุยเกี่ยวกับวิธีการ คุณจะได้รับที่เหล่านี้ด้วย JavaScript,
วิธีการที่คุณจะได้เริ่มต้นโครงการที่มีนี้
และจากนั้นเราจะพูดคุยเกี่ยวกับบางส่วน สถานที่เย็นคุณสามารถไปกับที่
Armaghan BEHLUM: ใช่
เสียงดี
เพื่อใช่สิ่งแรกที่เรา จะต้องการให้คุณทำแน่นอน
คือหลังจากที่คุณได้รับการเคลื่อนไหวกระโดดคือการ ไป leapmotion.com ตั้งค่าติดตั้ง
ไดรเวอร์และสิ่งที่
หลังจากทำที่คุณสามารถไป ให้แน่ใจว่ามันเชื่อมต่อ
ถ้าคุณเห็นในถาดเล็ก ๆ น้อย ๆ ของคุณ กระโดดไอคอนเคลื่อนไหวและมันเป็นสีเขียว
แล้วคุณจะรู้ว่าคุณตั้งค่าทั้งหมด
และแน่นอนตรวจสอบออกว่าสิ่งที่ โทมัสเพียงแค่แสดงให้เห็นว่าคุณมีท่าทาง
และการทำก๊อกหน้าจอและ ก๊อกสำคัญและประเภทของสิ่งที่
>> หลังจากนั้นแม้ว่าเรา, อีกครั้งอย่างที่ผมบอก
เราสามารถเข้าถึงสิ่งเหล่านี้ สิ่งที่อยู่ใน JavaScript ได้เป็นอย่างดี
เหมาะสำหรับการตั้งค่าที่ เราจะแนะนำให้คุณ
พวกคือเข้าไปในของคุณ ไดเรกทอรี vhost เจ้าภาพท้องถิ่น
ของประชาชนในเครื่อง CS50 ของคุณ
และเมื่อคุณไปที่นั่นสิ่งที่คุณจะ เห็นเป็นจุดดัชนีไฟล์ HTML
ตอนนี้ที่จุดดัชนี ไฟล์ HTML หรือดัชนีจุด
ไฟล์ PHP แล้วแต่จำนวนใดจะ ดีสิ่งที่คุณสามารถทำได้
คือไปที่ระบบปฏิบัติการหลักของคุณ
และถ้าคุณไปที่ที่อยู่ไอพี ที่ระบุไว้ในด้านล่างขวา
มุมของเครื่องใช้ไฟฟ้าของคุณได้ที่นี่ อย่างที่คุณเห็นแล้วว่าเกิดอะไรขึ้น
เป็นคุณไปที่หน้าที่ อ้างอิงโดยจุดดัชนีไฟล์ HTML ที่
ดังนั้นทุกรหัสที่คุณอาจใส่ใน มีได้รับการส่งและสามารถใช้งานได้ที่นี่
>> TOMAS REIMERS: ดังนั้นก็ยัง เพียงแค่สิ่งที่สำคัญสำหรับการอ้างอิง
ว่าถ้าพวกคุณรู้จริง วิธีการตั้งค่าเซิร์ฟเวอร์ตัวเอง
หรือคุณต้องการที่จะใส่นี้ในทั่วโลก เว็บที่คุณยินดีที่จะทำอะไรก็ตาม
โปรดจำไว้ว่าสิ่งเหล่านี้ เพียงไฟล์ JavaScript
และการประมวลผลกระโดด จะทำกับลูกค้า
ดังนั้นจึงไม่ได้เรื่องจริงๆ ที่ชีวิตของเซิร์ฟเวอร์ของคุณ
ตราบใดที่เครื่องคอมพิวเตอร์ คุณกำลังดูเว็บไซต์บน
กระโดดเคลื่อนไหวมีการติดตั้ง
Armaghan BEHLUM: แน่นอน
เช่นเดียวกับโทมัสกล่าวว่าใช่ สิ่งที่เหมาะสำหรับคุณผู้ชาย
นี่เป็นเพียงหนึ่งในคำแนะนำของเรา
ตอนนี้จะเริ่มใช้กระโดด เคลื่อนไหวในสิ่งที่คุณจะทำอย่างไร
คือคุณจะนำเข้า JavaScript ไฟล์จากการเคลื่อนไหวกระโดด
แล้วจากนั้นสิ่งที่ คุณสามารถทำได้คือตอนนี้
ฉันเพียงแค่มีวรรคนี้ แท็กการตั้งค่ากับ ID ของข้อความ
สิ่งที่เราอยากจะแนะนำ ได้รับการตั้งค่าตัวเลือกการควบคุม
สำหรับการเคลื่อนไหวกระโดดด้วย ช่วยให้ท่าทางที่จะเป็นจริง
ดังนั้นโดยเริ่มต้นเหล่านั้น ท่าทางที่เราแสดงให้เห็นว่าคุณ
พวกวงกลมและ ประปาที่สำคัญและ swipes,
เหล่านี้จะไม่แสดงให้เห็นว่า พวกคุณโดยค่าเริ่มต้น
แต่เราขอแนะนำให้ใช้เหล่านั้น เพื่อให้คุณไม่ reinventing ล้อ
เปิดใช้งานเหล่านั้นไปจริงผ่านเหล่านั้น ตัวเลือกการควบคุมที่จะกระโดดห่วงจุด
และคุณก็พร้อมที่จะไป
เพราะแล้วคุณก็ต้อง กำหนดฟังก์ชั่นที่ไม่ระบุชื่อ
ที่จะใช้เวลาในการ กรอบจากการเคลื่อนไหวกระโดด
และกรอบที่มีทั้งหมด ข้อมูลที่คุณกำลังจะต้อง
>> TOMAS REIMERS: ดังนั้นเพียงเพื่อ สรุปคุณมีวัตถุหนึ่ง
คุณมีฟังก์ชั่นนี้ ที่เรียกว่าก้าวกระโดดห่วงจุด
และที่คุณเรียกว่ามีสองข้อโต้แย้ง
คุณเรียกมันด้วยหนึ่ง ตัวเลือกการควบคุม
และมีจำนวนมาก ตัวเลือกที่คุณสามารถวางไว้ในที่นั่น
หนึ่งที่เรากำลังจะ เน้นคือการช่วยให้ท่าทาง
และถ้าคุณตั้งค่าเท่ากับความจริงแล้ว คุณสามารถได้รับการเข้าถึงที่ท่าทางนี้
ที่เราแสดงให้เห็นว่าคุณในการ Visualizer
>> และแล้วอาร์กิวเมนต์ที่สองคือ ฟังก์ชั่นมันเป็นชนิดเช่นการโทรกลับ
ซึ่งจะเรียกว่าทุก ทุกครั้งที่กรอบของการกระโดด,
ดังนั้นทุกครั้งที่ลงทะเบียนที่ก้าวกระโดด ย้ายมือของคุณก็มีกรอบใหม่
และมันก็เรียกฟังก์ชั่นนี้ด้วย อาร์กิวเมนต์ซึ่งเป็นวัตถุกรอบ
และวัตถุกรอบที่อธิบาย กรอบเป็นก้าวกระโดดที่เห็นมัน
Armaghan BEHLUM: แน่นอน
ดังนั้นทั้งหมดนี้มีประโยชน์ บิตและชิ้นส่วนของข้อมูล
ที่เรากำลังพูดถึงก่อนหน้านี้
การตรวจสอบท่าทางจุดกรอบ เป็นอาร์เรย์ของท่าทาง
ที่การเคลื่อนไหวกระโดดจับของคุณ มือทำในเฟรมสุดท้าย
ดังนั้นตัวอย่างเช่นสิ่งที่เรากำลัง ทำอะไรที่นี่เป็นที่ที่เรากำลังตรวจสอบ
เดี๋ยวก่อนกระโดดในการที่เฟรมสุดท้ายได้ คุณจับท่าทางใด ๆ ที่ฉันไม่?
และหากดังนั้นสิ่งที่เราตัดสินใจที่จะทำ จะย้ำผ่านท่าทางเหล่านั้น
และลองและได้รับประโยชน์บางอย่าง ข้อมูลจากพวกเขา
ท่าทางแต่ละคนมีที่ไม่ซ้ำกัน ID ที่เกี่ยวข้องกับมัน
พวกเขามีประเภท
คุณสามารถดูที่นิ้วมือ มีส่วนร่วมในการแสดงท่าทาง
โดยตรวจสอบจากสิ่ง pointable นี้
ดังนั้นหากเมื่อคุณผ่าน กระโดดเคลื่อนไหว JavaScript สิ่ง API,
เมื่อพวกเขาพูดถึง pointables, พวกเขากำลังพูดคุยเกี่ยวกับนิ้วมือเหล่านี้
และจากนั้นก็มีมือของหลักสูตร วัตถุมือทั้งหมด
>> มีอะไรอีก?
คุณสามารถตรวจสอบนานแค่ไหน การเคลื่อนไหวไปใน
และใช่ทุกคนสิ่งที่มีประโยชน์
ดังนั้นสิ่งที่ฉันทำในขณะนี้ ที่นี่คือฉันเข้ากรอบ
แล้วฉันจะปรับปรุง HTM​​L ของฉันที่จะแสดง ทุกบิตเหล่านี้ของข้อมูล
จากกรอบ
ดังนั้นขอให้ตรวจสอบว่า
>> ดังนั้นที่นี่มันเป็น
นี่คือจุดดัชนีไฟล์ HTML เป็น
และเช่นเดียวกับคุณเห็นเมื่อฉันเพิ่งย้าย มือของฉันกระโดดจับการเคลื่อนไหววงกลม
ดังนั้นคุณจะเห็นผมทำวงกลมเหนือ ที่นี่มีข้อมูลปรับปรุงวงกลม
ทำ swipes จับ swipes
ลองแท็บหน้าจอ
มีที่เราจะไป
แตะที่หน้าจอและประปาที่สำคัญ
ก๊อกสำคัญดังนั้นยังโดย วิธีที่มีเมื่อคุณกดลง
ดังนั้นคุณสามารถจินตนาการ อาจจะเล่นเปียโน
>> และจากนั้นก็มีก๊อกหน้าจอ เมื่อคุณกดหน้าจอ
ดังนั้นคุณสามารถจินตนาการบางทีคุณอาจจะจริง มีหน้าจอสัมผัสในหน้าของคุณ
และคุณกดปุ่มสัมผัส หน้าจอในหน้าของคุณ
และจากนั้นเราสามารถคว้าหนึ่ง ของวัตถุเหล่านี้ที่นี่
ดังนั้นจำผมบอกว่าผมเป็น ผ่านกรอบลงในบันทึกของคอนโซล
และเพื่อให้เราสามารถตรวจสอบทั้งหมด บิตและชิ้นส่วนของข้อมูล
ที่มีอยู่ใน กรอบที่ดีที่จะใช้
>> เช่นฉันกล่าวว่าก่อนหน้านี้ pointables มีนิ้วมือ
ในขณะที่เราไม่ได้มีของเรา มือในหน้าของการเคลื่อนไหวกระโดด
เพื่อที่จะจดทะเบียนเป็นศูนย์ แต่นี้เป็นวิธีการที่คุณ
จะเริ่มต้นที่จะหาอาจจะ วิธีการหลายนิ้วเป็นหน้าจอ
และชนิดของข้อมูลที่
TOMAS REIMERS: และความทรงจำ นี้เป็นเพียงวัตถุ
เพื่อให้ทุกอย่างสามารถเข้าถึงได้ ประเภทเช่น struct
ใน C. คุณมีวัตถุ ชื่อจุดชื่อคุณสมบัติ
และจากนั้นภายในที่คุณมี อาร์เรย์และคุณมีวัตถุอื่น ๆ
แต่จำได้ว่ามันเป็นเพียงวัตถุ
ไม่มีอะไรที่เป็นพิเศษ เพราะเรากำลังใช้กระโดด
Armaghan BEHLUM: ใช่
เย็น
เราควรตรวจสอบคู่ ตัวอย่าง JavaScript?
>> TOMAS REIMERS: ดังนั้น จำไว้ว่าเราได้อย่างรวดเร็ว
กล่าวว่ากระโดดสามารถจริง ทำงานบนเว็บไซต์ใด ๆ
LeapJS เสิร์ฟเพียงเพื่อลูกค้า
และเพื่อให้เป็นไปตามที่ลูกค้ามี เคลื่อนไหว Leap ที่แนบมามันจะทำงาน
ดังนั้นกระโดดเคลื่อนไหวมี เว็บไซต์ที่คน
สามารถแบ่งปันตัวอย่างของพวกเขา ในสิ่งที่พวกเขาได้ทำ
ดังนั้นเรากำลังจะไป ผ่านคู่ของพวกเขา
เพื่อดูสิ่งที่เป็นไปได้ก่อน การดำน้ำในรายละเอียดเพิ่มเติมเกี่ยวกับวิธี
มันเป็นไปได้
ดังนั้น
Armaghan BEHLUM: ลองมาดูกัน
TOMAS REIMERS: ตอนนี้มันควรจะทำงาน
Armaghan BEHLUM: ดังนั้นตอนนี้ ก่อนที่เราจะเห็นตัวอย่าง
โดยใช้ความสามัคคีที่กลายเป็นมือของเรา กับหนังที่น่าประทับใจสวยกราฟิก
แต่ตอนนี้คุณสามารถดูที่คุณสามารถทำได้ สิ่งเดียวกันภายในเว็บเบราเซอร์
นี่คือทั้งหมดที่อยู่ภายในโครเมี่ยม เพียงแค่ใช้ JavaScript
และแล้วที่ดีอื่น ๆ สิ่งคือถ้าคุณต้องการ
ที่จะรู้ว่าพวกเขาทำอย่างนี้ ตัวอย่างในการใช้งาน JavaScript
นอกจากนี้ยังรวมถึงตัวเลือกรหัสที่ คุณสามารถตรวจสอบแล้วดู
วิธีที่คนคนนี้ถูกโลภ มือและรหัสและเช่น
>> นั่นคือทั้งหมดที่คุณสามารถหา ที่ developer.leapmotion.com
คุณสามารถไปและตรวจสอบ JavaScript ตัวอย่างที่พวกเขาได้มี
เพื่อใช่
นี่คือเหล่านี้โอ๊ะขอโทษ
ลองอีกครั้ง
โอ้
ฉันมีสองมือด้านขวา
เพื่อใช่
>> TOMAS REIMERS: ดังนั้นและอีกครั้ง จำได้ว่าบางครั้งกระโดด messes up
เพียงแค่ให้มันเป็นครั้งที่สอง
มันไม่สมบูรณ์แบบ แต่ก็สวยดี
Armaghan BEHLUM: หนึ่ง ข้อเสนอแนะอื่น ๆ
คือการไม่ทำมันในแสงแดดโดยตรง
ดังนั้นวิธีการกระโดดการเคลื่อนไหว ผลงานที่เป็นจริง
ถ้าผมแสดงกล้องนี้ เช่นกันแสงอินฟราเรด
ดังนั้นมันจะส่งออกเหล่านั้นแล้ว อ่านพวกเขาเมื่อพวกเขากลับมา
ดังนั้นถ้าคุณกำลังพยายามที่จะ ทำมันถูกแสงแดดโดยตรง
ยกตัวอย่างเช่นมันอาจจะ ไม่ได้ไปทำงาน
หรือมันจะต้อง การสอบเทียบบางอย่างที่จะทำเช่นนั้น
>> นอกจากนี้ยังมีคำแนะนำอื่นคือการ ล้างพื้นที่ที่อยู่เบื้องหลังการกระโดด
และด้านหน้าของกระโดด
คิดว่ามันเป็นที่ทำงาน ด้านในของโดมที่
รอบนี้วัตถุเคลื่อนไหวกระโดด
ถ้ามีสิ่งที่ถูกต้อง ที่อยู่เบื้องหลังมันเป็นอย่างดี
ที่ยังจะเข้าไปยุ่งเกี่ยว กับวิธีการกระโดดการเคลื่อนไหวพยายาม
ในการรับรู้มือของคุณ และชนิดของสิ่งที่
>> ดังนั้นสำหรับตัวอย่างเช่นผมคิดว่าในนี้ กรณีที่มันเป็นแล็ปท็อปของฉันจริง
ที่ชนิดของการเคลื่อนไหวกระโดด
ใช่มีที่เราจะไป
ดังนั้นถ้าผมล้างออกแล็ปท็อปของฉันจาก ที่อยู่เบื้องหลังมันมือแสดงขึ้นสวยดี
เพื่อใช่
มีที่
ดังนั้นอะไรที่พวกเราแสดงให้พวกเขา
TOMAS REIMERS: ผมคิดว่า ตอนนี้จะเป็นเวลาที่
การเรียงลำดับของการดำน้ำเข้าและให้เพียง ทำให้การสาธิตโดยสิ้นเชิงจากรอยขีดข่วน
มันเป็นไปได้ง่ายจริงๆ
โดยทั่วไปสิ่งที่เรากำลังจะ เพื่อพยายามที่จะทำคือการทำให้มัน
เพื่อที่ว่าเมื่อคุณรูดมือของคุณ พื้นหลังจะเริ่มต้นออกมาเป็นสีแดง
และเมื่อคุณรูดมือของคุณ พื้นหลังจะเปลี่ยนเป็นสีเขียว
OK?
ง่ายจริงๆ
และมันก็เป็นเพียงพื้น จะไปผ่านมาก
ของแนวคิดที่อยู่เบื้องหลัง กระโดดเพื่อให้เราสามารถ
ได้รับในอุดมการณ์ของการกระโดดการทำงานนี้ และวิธีที่เราสามารถสร้างสิ่งที่มีที่
แล้วจากนั้นเราจะ อาจเป็นเพียงแค่แสดง
เอกสาร API และที่คุณ สามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้
แล้วเราจะเรียกว่าวัน
ดังนั้นคุณต้องการรหัสหรือ คุณต้องการให้ฉันไปยังรหัส?
Armaghan BEHLUM: ใช่
ดีผมคิดว่าเราสามารถทำงานได้ ร่วมกันเกี่ยวกับเรื่องนี้และพยายาม
>> TOMAS REIMERS: ดังนั้นเราจะ ทำรหัสบางคู่
Armaghan BEHLUM: มีที่เราจะไป
สิ่งที่ว่าผม ต้องการที่จะตรวจสอบ
เย็น
ดังนั้นสำหรับตัวอย่างในที่นี่เรามาดู
ขณะที่เรากำลังทำซ้ำ ผ่านท่าทางแล้ว
TOMAS REIMERS: ต้องการที่จะทำให้ เพียงไฟล์ใหม่อย่างสมบูรณ์?
Armaghan BEHLUM: ไฟล์ใหม่สิ้นเชิง?
ใช่แน่ใจว่า
>> TOMAS REIMERS: ใช่
>> Armaghan BEHLUM: ถ้าอย่างนั้นเราจะทำอย่างนั้น
>> TOMAS REIMERS: ดังนั้นเรากำลังจะ เพื่อให้ไฟล์อย่างสมบูรณ์
เราจะเรียกว่ามือจุด HTML
ที่เย็นกับฉัน
ดังนั้นจำไว้ว่าคุณทำแท็ก, จากนั้นภายในว่าคุณมีหัว
หัวที่มีชื่ออยู่ในนั้น
ดังนั้นแท็บวิธีอื่น ๆ
มีคุณไป
ชื่อเรื่องเราจะเรียกมันกระโดดตัวอย่าง
อ๋อ
>> Armaghan BEHLUM: โอ๊ะ
ชื่อเรื่อง
>> TOMAS REIMERS: อ๋อ
>> Armaghan BEHLUM: มีเราเป็น
>> TOMAS REIMERS: และ แล้วขอให้ร่างกาย
>> Armaghan BEHLUM: รอให้ ยังให้แน่ใจว่าจะนำเข้า
TOMAS REIMERS: โอ้แน่นอน
ที่ไม่ดีของฉัน
ดังนั้นเสมอให้แน่ใจว่าคุณได้ก้าวกระโดด สคริปต์เพื่อให้เป็นสคริปต์ให้กับคุณ
โดยการเคลื่อนไหวกระโดดซึ่งโดยทั่วไป ช่วยให้เว็บเบราเซอร์ในการเชื่อมต่อ
ไปยังอุปกรณ์บนเครื่องคอมพิวเตอร์ของผู้ใช้
และแล้วในวันนี้เรายัง ต้องร่างกายและให้เพียง
ทำให้ร่างกายเพื่อกล่าวทักทาย ที่เราสามารถแสดงให้นักเรียน
วิธีการเชื่อมต่อใหม่นี้ หน้าเว็บที่พวกเขาทำ
Armaghan BEHLUM: แน่นอน
ดังนั้นขอเพียงแค่ใส่ another--
>> TOMAS REIMERS: สวัสดี, สวัสดีชาวโลก
ดังนั้นตัวอย่างเช่นขั้นพื้นฐานมาก
จริงๆเพียงแค่การสาธิต
>> Armaghan BEHLUM: และแล้วในที่นี่เรา สามารถไปที่เราเรียกมันว่ามือจุด HTML,
ใช่มั้ย?
และโอ้!
ดังนั้นผมจึงสงสัยว่ามีอะไรผิดปกติ ที่มีในขณะนี้นี้
ลองเพิ่มสิทธิ์ในการอ่าน ที่จะมอบจุด HTML
TOMAS REIMERS: คุณต้องการ ที่จะทำในสถานีใหญ่
เพื่อให้เราสามารถแสดงบนยกกำลัง
>> Armaghan BEHLUM: ใช่ว่าจะทำให้ความรู้สึก
สิทธิ์ทั้งหมด
ดังนั้นฉันเพิ่งเพิ่ม สิทธิ์ แต่ถ้าเรา
มีการตรวจสอบ สิทธิ์ก่อนที่เราจะ
จะได้เห็นว่ามือของจริง จุด HTML ไม่ได้มีสิทธิ์ในการอ่าน
ดังนั้นเราจึงไม่สามารถทำให้มัน
แต่ตอนนี้ถ้าเราทำเช่นนั้นเราจะเห็นของเรา สวัสดีชาวโลกเล็ก ๆ น้อย ๆ ที่นั่น
>> TOMAS REIMERS: ถ้าอย่างนั้นเราจริง ในขณะที่เขากำลังเขียนสวัสดีโลก
ฉันคิดเกี่ยวกับวิธีการ เราอาจมีการเปลี่ยนแปลงนี้
ขอให้มันพูดว่าสวัสดีชาวโลกและ จากนั้นเมื่อคุณคลื่นก็บอกลา
ใช่มั้ย?
ดังนั้นสวัสดีลา
>> Armaghan BEHLUM: แน่นอน
>> TOMAS REIMERS: ที่เสียงที่ดีงาม
>> Armaghan BEHLUM: นั่น เสียงดีกับฉันมากเกินไป
>> TOMAS REIMERS: ดังนั้นถ้าเรา จะไปทำอย่างนั้นให้เพียง
คิดว่าผ่านหน้าเว็บนิด ๆ หน่อย ๆ
เรากำลังจะต้องสคริปต์ ซึ่งโดยทั่วไปลงทะเบียน
ที่คุณโบกมือและกระโดด, คลื่นและรูด, สิ่งเดียวกัน
ดังนั้นเราจะต้องสคริปต์ว่า โดยทั่วไปลงทะเบียนสำหรับรูดว่า
และสิ่งอื่นเรา จะต้องเป็นเรา
จะต้องมี เนื้อหาที่เกิดขึ้นจริงมีการเปลี่ยนแปลง
>> ดังนั้นในขณะที่คุณจำ jQuery ช่วยให้คุณสามารถเปลี่ยนเนื้อหา
ดังนั้นสิ่งหนึ่งที่เราอาจต้องการรวม ในครั้งนี้เป็นห้องสมุด jQuery
และจากนั้นก็จะสามารถที่จะเลือกสิ่งที่ จริงๆแล้วเราจะเปลี่ยนเนื้อหา
ที่จะต้องมี ID หรือชั้นหรือบางสิ่งบางอย่าง
ที่เราสามารถใช้เพื่อเลือก
ดังนั้นเราก็จะให้มัน รวดเร็ว ID ของข้อความการเปลี่ยนแปลง
และแล้วคุณต้องการที่จะคว้า jQuery?
Armaghan BEHLUM: ดังนั้นสิ่งแรก สิ่งที่เกี่ยวกับเราที่จะทำรายการแล้วตอนนี้หรือไม่
TOMAS REIMERS: Let 's คว้า jQuery?
Armaghan BEHLUM: Let 's คว้า jQuery, OK เย็น
ในกรณีที่ผมจะ ที่จะมีการที่จริง
ที่จะเป็น สถานที่ที่ดีที่สุดที่จะทำเช่นนั้น?
>> TOMAS REIMERS: jQuery ดังนั้นหากคุณ Google jQuery ตี jQuery เป็นครั้งแรก
Armaghan BEHLUM แรกมากหนึ่ง
TOMAS REIMERS: หรือดาวน์โหลด
มันเป็นเรื่องที่ดี
ตีดาวน์โหลด V1 และ V2 ด้านซ้าย
ดังนั้นเราอธิบาย jQuery จาก ออนไลน์เช่นที่คุณทำอาจ
เลื่อนลง
ขึ้นขึ้น
>> Armaghan BEHLUM: โอ้ขวาที่นี่ตอนนี้หรือไม่
TOMAS REIMERS: หรือว่า
อ๋อ
jQuery ดังนั้นมีรุ่นเป็นเจ้าภาพ ซึ่งหมายความว่าคุณทำไม่ได้จริง
จำเป็นต้องดาวน์โหลดมัน แต่คุณมากกว่า
ยินดีที่จะดาวน์โหลดได้ และเป็นเจ้าภาพด้วยตัวคุณเอง
Armaghan BEHLUM: โทน
ดังนั้นตอนนี้เรามี jQuery
ตอนนี้อะไรต่อไปในการทำรายการของเรา
TOMAS REIMERS: น่ากลัว
ดังนั้นต่อไปสิ่งที่เราต้องการ ทำคือการที่เราต้องการจริง
เพื่อให้พีโลก hello ID เพื่อให้เราสามารถเปลี่ยนมันใช่มั้ย?
ดังนั้นขอให้ความคิดของ, ผมไม่ทราบว่าเปลี่ยนข้อความ?
Armaghan BEHLUM: ขอเพียง ทำแบบนี้ผมคิดว่า
TOMAS REIMERS: changeText เย็น
และตอนนี้ขอเพียงแค่รีเฟรชหน้า
ทำให้งานทุกอย่างแน่ใจ
ดังนั้นกลับมาอยู่ในเบราว์เซอร์
เย็น
เสมอตัวเตือนที่ดีว่า เมื่อคุณกำลังสร้างเว็บไซต์
อาจจะรีเฟรชทุกครั้งที่คุณทำทุก การเปลี่ยนแปลงที่สำคัญใด ๆ เพียงแค่บ้าง
เพราะบางครั้งคุณ ตั้งใจวางแท็ก
หรือคุณตั้งใจลบบางสิ่งบางอย่าง แล้วคุณทำลายสิ่งเล็ก ๆ
แต่แล้วเมื่อคุณทำให้การเปลี่ยนแปลงที่ใหญ่กว่า คุณต้องการทำไมทำอย่างนี้การเปลี่ยนแปลงใหญ่
ดูเหมือนจะทำลายสิ่งที่ไม่เกี่ยวข้อง
ดังนั้นจึงเป็นสิ่งที่ดีเสมอในการจัดเรียงของ ไปและจะตรวจสอบผู้ที่มีสุขภาพจิตดี
>> อย่างไรก็ตามดังนั้นตอนนี้ขอทำ การตรวจสอบอย่างใดอย่างหนึ่งสติที่ผ่านมา
ซึ่งจะขอพยายามที่จะเปลี่ยน ข้อความโดยไม่ต้องกระโดดเคลื่อนไหว
โดยไม่มีอะไรเพียง ในการโหลดหน้าเว็บที่มันจะ
เปลี่ยนโลกทักทาย ลาใช้ jQuery
ดังนั้นถ้าคุณจำ jQuery exposes ฟังก์ชั่นเครื่องหมายดอลลาร์นี้
ซึ่งเราสามารถผ่านการเลือก CSS เพื่อ, คือข้อความการเปลี่ยนแปลง hashtag ซึ่ง
เลือกองค์ประกอบด้วย ID ของข้อความการเปลี่ยนแปลง
และจากนั้นเรากำลังจะ ที่จะเรียกวิธี HTML
บนวัตถุที่จะกลับมาพร้อมกับ ข้อโต้แย้งของลาสตริงซึ่ง
จะมีการเปลี่ยนแปลงรายการ HTML เพื่อบอกลา
น่ากลัว
ที่ดูเหมือนว่าเย็นสวย
และตอนนี้เมื่อเราฟื้นฟู หน้าเรากำลังจะไปดู
มันทันทีเปลี่ยนแปลงลาใช่ไหม?
เพราะมันไม่ได้รออะไร
เรียงจากเร็วที่สุดเท่าที่สคริปต์ที่ วิ่งมันเปลี่ยนแปลงไปลา
เย็น
>> ดังนั้นตอนนี้เรามาห่อที่ในการทำงาน
ขวา
ดังนั้นเราจะต้องการ ที่จะทำให้การทำงานของ
เราจะเรียกว่าลา
ดังนั้นลาฟังก์ชั่น จะใช้เวลาไม่มีข้อโต้แย้ง
และมันไม่ได้จริงๆ จะกลับอะไร
และมันก็แค่ไป ทำอย่างนั้นใน JavaScript
ยอดเยี่ยม
ดังนั้นลาฟังก์ชั่นของเราตอนนี้ การเปลี่ยนแปลงข้อความไปยังลาใช่ไหม?
ดังนั้นนี้จะช่วยให้เราทาง มีการเปลี่ยนแปลงโดยทั่วไป
ข้อความที่จะลาเมื่อใดก็ตามที่ เราเรียกว่าฟังก์ชั่นที่
ใช่มั้ย?
ดังนั้นนี่คือเย็นสวย
>> Armaghan BEHLUM: ดีเรา ยังสามารถตรวจสอบให้แน่ใจ
ที่ตอนนี้เนื่องจากเราไม่ได้เรียกร้อง ฟังก์ชั่นถ้าเรารีเฟรชหน้า,
แจ้งให้ทราบว่าไม่ได้ไป เพื่อเปลี่ยนข้อความ
>> TOMAS REIMERS: ยอดเยี่ยม
ดังนั้นตอนนี้เรากำลังจะเริ่มต้น จะได้รับในสิ่งที่กระโดด
ที่เราได้พูดคุยเกี่ยวกับ
ดังนั้น Armi คุณต้องการ เอามันจากที่นี่หรือ?
>> Armaghan BEHLUM: ใช่
แน่ใจ
ฉันอาจจะต้อง สิ่งที่ตรวจสอบ,
แต่สำหรับตัวอย่างเช่นจำ เราบอกว่าเราต้องการ
เพื่อให้แน่ใจในตัวเลือก เราตั้งใช้งานท่าทาง
TOMAS REIMERS: จับดี
Armaghan BEHLUM: ที่จะเป็นจริง
และจากนั้นเราได้รับการแนะนำ ว่าพวกคุณจะ
รันกระโดดห่วงจุดซึ่ง ในขณะที่เรากล่าวก่อนหน้านี้
มีสองตัวเลือกวัตถ​​ุ JSON ที่ เป็นตัวเลือกสำหรับวิธีที่คุณต้องการ
การกำหนดค่าการเคลื่อนไหวที่จะกระโดด การทำงานและจากนั้นฟังก์ชั่นที่
จะไปจับกรอบเป็นโทรกลับ ฟังก์ชั่นเช่นเดียวกับโทมัสบอกว่า
แล้วแก้ไขสิ่งที่คุณต้องการ จะทำอย่างไรกับฟังก์ชั่นที่
>> ดังนั้นเราผ่านใน ตัวเลือกและตอนนี้เรากำหนด
ฟังก์ชั่นที่จะใช้เวลาอยู่ในกรอบ
และตอนนี้เราต้องกำหนด สิ่งที่ฟังก์ชั่นที่ไม่
นอกจากนี้ยังเพื่อประโยชน์ของ ในอนาคตจะทำอย่างนั้นเพื่อให้แน่ใจว่า
TOMAS REIMERS: ยอดเยี่ยม
ดังนั้นตอนนี้เรามีนี้ ฟังก์ชั่นการก้าวกระโดดห่วงจุด
ซึ่งเรียกโดยทั่วไปว่าดูกระโดด ที่มีตัวเลือกเหล่านี้และทุกครั้งที่
การเปลี่ยนแปลงบางสิ่งบางอย่างเรียกสิ่งนี้ กรอบการทำงานกับข้อมูลทั้งหมด
ที่คุณมีความตระหนักในกรอบ
เสียงที่ดีงาม
ดังนั้นขณะนี้การตรวจสอบสติอย่างรวดเร็ว ซึ่งผมมักจะแนะนำ,
อยู่ในที่เพียงแค่ใส่ คอนโซลกรอบล็อกจุด
และแล้วใน Chrome เปิด และมองไปที่คอนโซลของคุณ
และเล่นรอบกับกระโดดเพื่อดู กรอบการเข้าสู่ระบบเพราะที่จะ
ให้คุณได้รับความคิดของสิ่งที่ ข้อมูลที่คุณมีการเข้าถึง
และเช่นเคยถ้าคุณได้รับสับสน มองขึ้นไปอ้างอิง API
และเราจะมีการเชื่อมโยง สำหรับว่าที่ส่วนท้ายของเรื่องนี้
>> Armaghan BEHLUM: ดังนั้นเรา รีเฟรชหน้าเว็บแล้ว
เราจะไปและเปิดคอนโซลอีกครั้ง
และตอนนี้เราแจ้งให้ทราบว่าเรา มีเฟรมผ่านใน
เหล่านี้วัตถุเล็ก ๆ น้อย ๆ ที่เราเห็นก่อนหน้านี้
เพื่อใช่
เหล่านี้เป็นภาพของเรา แสดงในคอนโซล
เย็น
>> ดังนั้นขณะนี้ที่เราได้คว้า เฟรมที่คุณอาจจำได้ว่าก่อนหน้านี้
จากตัวอย่างที่เรามี ถ้าเราตรวจสอบท่าทางจุดกรอบ
เราได้รับรายชื่อของท่าทางที่ กรอบมากที่สุดจับเมื่อเร็ว ๆ นี้
เราสามารถตรวจสอบความยาวของอาร์เรย์ที่ เพื่อดูว่ากระโดดจับท่าทางใด ๆ
ดังนั้นถ้าอาร์เรย์ที่เป็น มากกว่าศูนย์แล้วเรา
รู้ว่าเรามีสิ่งที่จะทำบางอย่าง
>> ดังนั้นเรามาห่อที่ขึ้นมาในถ้าเงื่อนไข และตอนนี้ที่นี่ในสิ่งที่เรารู้คือเรา
ได้เห็นท่าทางให้กระทำการนั้น
ดังนั้นขณะนี้ที่เราอยู่ในที่นี่เรา มีท่าทางที่จะตรวจสอบ
TOMAS REIMERS: ดีเป็นครั้งแรก สิ่งที่มันไม่ได้เป็นเพียงหนึ่งท่าทาง
มันอาจจะเป็นท่าทางหลาย
>> Armaghan BEHLUM: จริงมาก
TOMAS REIMERS: ดังนั้นต่อ C สไตล์คลาสสิกที่นี่
เราอาจจะต้องการที่จะใช้สำหรับวง
Armaghan BEHLUM: ที่นี่เรามีแล้ว
เราตัดสินใจที่จะย้ำ ผ่านท่าทาง
และขอดู
i บวกบวก
และตอนนี้ถ้าเราทำอาจจะ เพียงท่าทาง var เท่ากับ
ท่าทางจุดกรอบ ฉันวงเล็บตอนนี้เรามี
ท่าทางตัวเองซึ่งเป็นเพียงหนึ่ง เช่นเดียวของวัตถุท่าทาง
สำหรับเราที่จะทำงานร่วมกับ ด้านในของวงนี้
สิทธิ์ทั้งหมด
TOMAS REIMERS: สติ Let 's ตรวจสอบที่นี่อีกครั้งและเพียงแค่ปลอบใจ
ท่าทางล็อกจุดที่จะเห็นสิ่งที่เราได้รับ
>> Armaghan BEHLUM: คอนโซลท่าทางล็อกจุด
โอคิ dokie
และฟื้นฟูอีกครั้งหนึ่ง
>> TOMAS REIMERS: และให้ ลองทำท่าทาง
คุณจะเห็นว่าพวง ของเมื่อเขา swipes,
คุณจะได้รับพวงของท่าทางใน คอนโซลและถ้าเขาพยายามที่จะทำวงกลม
มัน just--
>> Armaghan BEHLUM: กลุ่ม เป็นเพียงที่ดีจริงๆ
>> TOMAS REIMERS: ตอนนี้มีสิ่งที่แปลก ที่นี่ซึ่งเป็นที่ที่เขาทำอย่างใดอย่างหนึ่งวงกลม
แต่นี่คือการเข้าสู่ระบบ 80 ท่าทางใช่มั้ย?
นั่นเป็นจำนวนมากของท่าทาง
ดังนั้นการจัดเรียงแรกของสิ่งที่จะต้อง ตระหนักและนี้อาจสร้างความสับสน
คือว่าท่าทาง ไม่ได้ลงทะเบียนเพียงครั้งเดียว
>> ในทุกกรอบขวา ดังนั้นถ้าผมทำวงกลม
กระโดดจะตรวจสอบนี้ คือการเปลี่ยนแปลงจากนี้
คือการเปลี่ยนแปลงจากนี้คือการเปลี่ยนแปลง
และมันก็จะเข้าสู่ระบบในแต่ละหนึ่งในบรรดา
แต่ในแต่ละคนนั้น มันจะบอกว่าโอ้
มีท่าทางขณะนี้อยู่ในความคืบหน้า
ดังนั้นให้ฉันเพียงแค่บอกว่าเฮ้มี ท่าทางและเป็นอยู่ในขณะนี้ความคืบหน้า
ดังนั้นสิ่งที่เราไม่ต้องการที่จะ ทำคือการบอกว่าโอ้ในทุกคน
ท่าทางของคนที่คุณ ต้องการที่จะเปลี่ยนข้อความ
สิ่งที่เราต้องการจะทำคือเมื่อท่าทางที่ หยุดและเราสามารถตรวจสอบว่า
แล้วเราต้องการที่จะเปลี่ยนข้อความ
Armaghan BEHLUM: mhmm
ดังนั้นเช่นโทมัสคือ การอธิบายท่าทางเหล่านี้
อาจจะปรากฏผ่านหลาย เฟรม แต่สำหรับตัวอย่างเช่น
เมื่อเราได้มี วงกลมที่เราสามารถมองเห็น
ว่า ID ที่หนึ่ง วงเดียวที่เรา
อาจได้รับการพยายามที่จะเสร็จสมบูรณ์ เป็นรหัสเดียวกันตลอด
และในความเป็นจริงคุณยังสามารถ ตรวจสอบสถานะ
ปรับปรุง
>> และแล้วนี้น่าจะเป็น วงกลมที่ผ่านมาว่าโอ้ดี, OK
ดังนั้นบางครั้งมันแสดงให้คุณเห็น สถานะของการหยุดท่าทาง
และมันยังแสดงให้เห็นสถานะ ของการเริ่มต้นใหม่เมื่อท่าทาง
มันตระหนักถึงการตรวจสอบว่า คุณได้เริ่มต้นท่าทางใหม่
ยกตัวอย่างเช่นในกรณีนี้
TOMAS REIMERS: โทน
Armaghan BEHLUM: เพื่อใช่
แล้วเรามาดู
นอกจากนี้คุณยังสามารถสังเกตเห็น แต่เราได้ทำ
เป็นวงกลมและท่าทาง มีข้อมูลที่เรียกว่าชนิด
ที่บอกให้เราทราบชนิด ท่าทางที่เป็น
ดังนั้นที่อาจเป็นประโยชน์สำหรับเรา คุณพยายามและทำในสิ่งที่เรากำลังทำ
TOMAS REIMERS: ดังนั้น เปลี่ยนกลับไป JS,
สิ่งแรกที่เกิดขึ้นกับผม นอกจากนี้ยังมีเพียงแค่อ่านผ่านรห​​ัสนี้
คือมีการเพิ่มประสิทธิภาพขนาดเล็ก ซึ่งเป็นเราจริง
ไม่จำเป็นต้องนี้หากสภาพใช่มั้ย?
เพราะถ้าท่าทางกรอบจุดจุด มีความยาวเป็นศูนย์ว่าสำหรับวงของ
ไม่ได้ไปทำงานอยู่แล้ว
ดังนั้นเราจึงอาจรวมทั้งเพียงแค่ไป ข้างหน้าและได้รับการกำจัดที่
อีกครั้งขณะที่คุณกำลังเขียนโค้ด มันเป็นสิ่งสำคัญที่จะกลับไปจัดเรียง
ของ refactor ที่คุณรู้ว่าคุณ จะได้ทำสิ่งที่ดีกว่า
หรือว่ามีวิธีการทำที่อื่น
ดังนั้นตอนนี้เรากำลังจะทำความสะอาดนี้ ได้อย่างรวดเร็วและยังทำความสะอาดรหัสของคุณ
นั่นเป็นเรื่องใหญ่
>> Armaghan BEHLUM: ดี รูปแบบที่มีความนิยมมาก
>> TOMAS REIMERS: คุณสามารถ มักจะบอกเมื่อมีคน
มีรหัสที่มีการใช้เป็นถ้า เงื่อนไขและแล้วพวกเขาก็เอาออกมัน
แต่พวกเขาไม่ได้ uncomment มัน
มันเห็นได้ชัดมากและ ชนิดของมันดูน่าเกลียด
Armaghan BEHLUM: ดังนั้นสิ่งที่ ของเราต่อไปที่จะทำรายการ?
TOMAS REIMERS: ดังนั้นตอนนี้ขณะที่เรากำลังพูดว่า ผมคิดว่าสิ่งแรกที่เราต้องการจะทำ
มีการตรวจสอบให้แน่ใจว่าท่าทางที่ รูดจริงใช่มั้ย?
>> Armaghan BEHLUM: ใช่
>> TOMAS REIMERS: ดังนั้นถ้าเราจะบอกว่า ลาของเราเป็นชนิดเช่นรูด,
เราจะไปกับมันรูด, สิ่งแรกที่เราต้องพูดคือเดี๋ยวก่อน
เป็นท่าทางพิมพ์รูดใช่มั้ย?
ไม่วงกลมหรือด้านบน, แต่มันรูด?
ดังนั้นวิธีที่เราสามารถทำเช่นนั้น คือเราสามารถพูดท่าทาง
ชนิดจุดรูดเท่ากับเท่ากับเป็นสตริง
>> Armaghan BEHLUM: [ไม่ได้ยิน] ท่าทาง ชนิดจุดเท่ากับเท่ากับรูด
มีเราเป็น
>> TOMAS REIMERS: และ คำถามสุดท้ายแล้ว
เราต้องการที่จะเห็นเป็นจุดท่าทาง รัฐหยุดเท่ากับเท่ากันใช่มั้ย?
นั่นคือเมื่อ ท่าทางที่ถูกหยุด
ที่จริงผมคิดว่าสำหรับรูดผม รู้ว่านี้ปิดด้านบนของหัวของฉัน
แต่คุณยินดีต้อนรับสู่ มองมันได้เมื่อคุณ
รูดเวลาจะลงทะเบียนมันทุก จนกว่าคุณจะหยุดการเป็นท่าทางการเริ่มต้น
และจากนั้นก็เป็นคนสุดท้ายของ เพียงท่าทางหยุด
ดังนั้นจะมีเพียงหนึ่งหยุด ท่าทางซึ่งเป็นที่ดีสำหรับเรา
ดังนั้นสิ่งที่เราสามารถทำได้คือบอกว่าถ้าท่าทางจุด พิมพ์รูดเท่ากับเท่ากันและจุดท่าทาง
สถานะเท่ากับเท่ากับ หยุดแล้วให้สติของ
ตรวจสอบที่นี่ปลอบท่าทางล็อกจุด
>> ดังนั้นเราจะไปกลับมาที่นี่
เราจะรีเฟรชหน้า
และตอนนี้สิ่งที่เวลาเท่านั้นที่ควร เป็นคอนโซลจุดลงทะเบียนคือเมื่อเรารูด
และเราพยายามที่จะรูดและเราเห็นอะไร
ใช่มั้ย?
ดังนั้นนี้เป็นจริงเป็นปัญหาใหญ่
เราไม่ได้เห็นสิ่งที่เราคาดว่าจะ
และการแก้จุดบกพร่องสามารถเป็นส่วนใหญ่ของนี้
ดังนั้นสิ่งแรกที่เราจะไป ที่จะบอกว่ามีการตกลงให้ปลอบจุด
เข้าสู่ระบบถ้าท่าทางจุด พิมพ์รูดเท่ากับเท่ากับ
Armaghan BEHLUM: ใช่ให้ทำเช่นนั้น
TOMAS REIMERS: ดังนั้นเรา จะไปกลับไปนี้
เราจะฟื้นฟู
เราจะรูด
และเรากำลังจะไปดูพวงของพวกเขา
ตกลง
ดังนั้นเห็นได้ชัดว่าปัญหาที่เกิดขึ้น ที่มีสถานะจุดท่าทางของเรา
ดังนั้นหากเราเปิดขึ้นหนึ่งของเหล่านี้เราจะ ดูในวัตถุและเราจะเห็น
ดีก็หยุด แต่โอ้ ก็เรียกว่ารัฐไม่ได้สถานะ
ดังนั้นหากเรามุ่งหน้ากลับไป รหัสของเราเราสามารถพูดได้
ถ้าท่าทางจุดชนิดรูดเท่ากับเท่ากับ และจุดท่าทางรัฐหยุดเท่ากับเท่ากัน
แล้วเราจะปลอบจุดมันเข้าสู่ระบบ
และเพื่อให้การฟื้นฟู
เรารูด
และเราจะเห็นว่าใน รูดทุกเราไม่เพียง
ได้รับหนึ่งซึ่งเป็น ท้ายซึ่งเป็นที่ดีใช่มั้ย?
นั่นคือสิ่งที่เราต้องการ
>> Armaghan BEHLUM: อ๋อ
และเรายังสามารถสังเกตเห็นว่ารหัสสำหรับ แต่ละท่าทางเหล่านี้จะแยก
ดังนั้นในขณะที่โทมัสบอกว่าเพราะเรา จับนี้รัฐครบวงจรที่
ที่มีอยู่ในตอนท้ายของรูดเราไม่ รับท่าทางที่แยกจากกันของแต่ละบุคคล
จากการเคลื่อนไหวกระโดด
ยิ่งใหญ่
>> TOMAS REIMERS: ไปข้างหน้าและ เพียงแค่ทำในสิ่งที่สุดท้ายซึ่งก็คือ
>> Armaghan BEHLUM: ลา
>> TOMAS REIMERS: น่ากลัว
และตอนนี้ขอให้ตรวจสอบเว็บไซต์ของเรา
หนึ่ง
>> Armaghan BEHLUM: สอง
เราได้ใช่เราไม่เรียกว่าลาก่อน
ยิ่งใหญ่
>> TOMAS REIMERS: ไม่มีลา เป็นฟังก์ชั่นที่แท้จริง
>> Armaghan BEHLUM: ใช่
ลองทำอย่างนั้น
>> TOMAS REIMERS: และเมื่อเรา โบกมือลามันบอกลา
>> Armaghan BEHLUM: เรามีชัยชนะ
>> TOMAS REIMERS: สิ่งที่น่าตื่นเต้นดังนั้นสวย
หวังว่าคุณสามารถสร้างบางสิ่งบางอย่าง อื่น แต่คุณจะได้รับความคิดของใช่มั้ย?
คุณสามารถตรวจสอบท่าทาง
คุณสามารถเรียกฟังก์ชั่น
และจากการที่จะช่วยให้คุณจริงๆ บางหน่วยการสร้างพื้นฐานมาก
ที่จะบอกว่าโอ้อาจจะเมื่อพวกเขารูดขึ้น เพราะคุณยังสามารถตรวจสอบสิ่งที่
ทิศทางเช่น
ฉันต้องการให้พวกเขาทำบางสิ่งบางอย่าง
หรือเมื่อพวกเขารูดขวาฉัน ต้องการให้ทำบางสิ่งบางอย่าง
และเราสามารถเริ่มต้นที่จะได้รับ ความคิดสร้างสรรค์กับวิธีการว่า
เรากำลังจะปรับปรุงเว็บไซต์ของเรา ใช้เหล่านี้ท่าทางรูดหรือวงกลม
ท่าทางหรือท่าทางประปา อย่างใดอย่างหนึ่งที่สำคัญหรือก๊อกก๊อกหน้าจอ
และแล้วอื่น ๆ กว่าที่คุณ มากกว่ายินดีที่จะเล่น
กับข้อมูลที่เกิดขึ้นจริง แต่ถ้าคุณต้องการที่จะทำ
ที่เราขอแนะนำให้คุณไปที่เอกสาร เพราะพวกเขากำลังจริงที่ดีจริงๆ
ดังนั้นเพื่อมุ่งหน้าไปยังเอกสารในขณะนี้
หรือคุณต้องการที่จะพูดคุยเกี่ยวกับที่?
>> Armaghan BEHLUM: ใช่
ลองทำอย่างนั้น
ยังเป็นหนึ่งในอาหารอันโอชะอื่น ๆ ของคำแนะนำ จะพยายามและคิดว่าเรื่องนี้ในแบบ 3 มิติ
ดังนั้นจริงขอดึงท่า​​ทางเหล่านั้น ครั้งหนึ่งคอนโซลท่าทางล็อกจุดมากขึ้น
และเราจะทำอย่างนั้น
กลับมาในและตอนนี้ลอง คู่ของเหล่านี้คู่ของคนเหล่านั้น
>> ถ้าเราไปในและตรวจสอบ ท่าทางเหล่านี้เช่นกัน
ในขณะที่คุณสามารถเห็นได้ว่า พวกเขากำลังมิติ
อยู่ในสามทิศทางจริง
ดังนั้นไม่เพียง จำกัด ด้วยตัวคุณเองกับหน้าจอ 2D
แม้ว่าคุณอาจจะ จะอยู่ในเว็บไซต์ 2D
คุณสามารถลองและคิดว่าวิธีการใช้ อาจโต้ตอบกับเว็บไซต์ในรูปแบบ 3D
TOMAS REIMERS: ในพื้นที่ 3D
Armaghan BEHLUM: แน่นอน
และใช่
เพื่อให้คุณได้รับทิศทางความเร็ว, ทั้งหมดเหล่านี้บิตเย็นของข้อมูล
>> TOMAS REIMERS: และถ้าคุณไม่ได้ คุ้นเคยกับการที่จะไป x, y,
แล้ว Z เป็นมิติล่าสุดนี้
เพียงแค่บางสิ่งบางอย่างที่คุณอาจจะ คุ้นเคยกับถ้าคุณได้กระทำกับ 3D
ประสานงานเครื่องบินก่อน
หากคุณไม่ได้ก็เป็นเช่นเดียวกับ 2D หนึ่งยกเว้นมีมิติที่สาม
เราเรียกมันว่า Z
และทุกอย่างที่จัดเรียงของชอบ ทิศทางซึ่งเป็นที่ที่มันจะ,
position-- ผมคิดว่ามันอาจจะแม้แต่ เปิดเผยเร่งผมไม่แน่ใจว่า
>> Armaghan BEHLUM: ใช่ผมเชื่อว่า
แน่นอนมันมีความเร็ว
ฉันจริงไม่ 100% แน่ใจว่าเกี่ยวกับการเร่งความเร็ว
>> TOMAS REIMERS: มันอาจจะเป็นตัวเลือก คุณสามารถส่งผ่านไปยังบางสิ่งบางอย่าง
ดังนั้นตำแหน่งและความเร็วได้สัมผัส ในการเรียงลำดับของสามพิกัดเหล่านี้
ดังนั้น x, y, z หรือเดลต้า x เดลต้า y, เดลต้า Z
ดังนั้นตอนนี้มุ่งหน้าไปที่เอกสาร มัน developer.leapmotion.com
และจากนั้นคุณสามารถคลิกที่เอกสาร
อีกครั้งกระโดดเคลื่อนไหวมีทั้งหมดเหล่านี้ APIs ที่ยอดเยี่ยมหนึ่งสำหรับ JavaScript,
หนึ่งสำหรับ C ชาร์ปและเอกภาพหนึ่งสำหรับ C ++, Java หนึ่งสำหรับหนึ่งสำหรับงูหลาม
และสำหรับซีวัตถุประสงค์ผมเอง จะผลักดันให้คุณไปสู่​​ JavaScript
หรือถ้าคุณต้องการที่จะเรียนรู้ ภาษาใหม่ลองหลาม
ทั้งภาษาที่ผมได้ทำงานกับ ก่อนและพวกเขากำลังง่ายที่จะเรียนรู้
และคุณรู้อยู่แล้วว่าใช้งาน JavaScript ซึ่ง ทำให้มันเป็นคู่แข่งที่ดีจริงๆ
>> หนึ่งคำเตือน เมื่อคุณใส่เอกสาร
ให้แน่ใจว่าคุณอยู่ในเอกสาร v2.0
เพราะถ้าคุณอยู่ใน รุ่นหนึ่งก็จะไม่ทำงาน
นอกจากนี้สำหรับตัวอย่างเช่นแกลเลอรี่
เราใช้เวลาที่ดี 30 นาที พยายามแก้ปัญหาของเราก้าวกระโดด
ก่อนที่เราจะตระหนักว่า V1 ไม่ได้ทำงานกับ V2
ดังนั้นเพียงแค่ให้แน่ใจว่าคุณอยู่กับรุ่นสอง
แล้วฉันจะปล่อยให้เขา แสดงเอกสารของคุณ
Armaghan BEHLUM: ใช่
ดังนั้นนี่คือภาพรวม API แล้ว บางบิตและชิ้นส่วนของข้อมูล
ที่เราได้บอกคุณแล้ว
ดีลอยเล็ก ๆ น้อย ๆ มือข้างต้นเคลื่อนไหวกระโดด
และการแจ้งเตือนที่จะคิด เกี่ยวกับพื้นที่ใน 3D
หนึ่งในวัตถุแรกที่จะคิดเกี่ยวกับ กับกระโดดเคลื่อนไหวเป็นมือแน่นอน
เราได้เห็นผู้ที่ได้รับการยอมรับ โดย Visualizer
แล้วคุณอาจจะมี เห็นว่ามันได้รับการยอมรับ
เป็นส่วนหนึ่งของข้อมือและ แขนที่เกี่ยวข้องกับมัน
TOMAS REIMERS: ถ้าคุณต้องการ ที่จะดึงขึ้น Visualizer
Armaghan BEHLUM: ใช่ ขอทำแบบนั้นอีกครั้ง
TOMAS REIMERS: คุณสามารถดูเสมอ เพียงแค่เตือนความทรงจำที่ดีในการเรียงลำดับของการมองเห็น
Visualizer พยายามที่จะแสดง ข้อมูลทั้งหมดที่กระโดดเห็น
ดังนั้นคุณจะเห็นว่าเรามี การเรียงลำดับของสี่จุดเหล่านี้
โดยข้อมือและข้อมือแล้วที่เกิดขึ้นจริง
และคุณยังมีลูกที่ฝ่ามือนี้
ทั้งหมดเหล่านี้เป็นจุดที่ คำนึงถึงการยอมรับจากก้าวกระโดด
>> Armaghan BEHLUM: แน่นอน
และเพื่อให้กับวัตถุมือที่ แต่ละเฟรมมีอาร์เรย์มือ
เช่นเดียวกับที่คุณยังสามารถได้รับ ด้านซ้ายและมือด้านขวา
คุณจะได้รับที่ ทิศทางมือเป็น
หันหน้าไปทางที่มีความปกติ ทิศทางของปาล์ม
หรือที่พวกเขาเรียกมันปาล์มปกติ
เราอื่นมีอะไรบ้าง
นอกจากนี้เรายังโอ๊ะ
ลองและเลื่อนลงด้วยวิธีนี้
แขนนิ้วมือที่มี ตัวแทนจากลายนิ้วมือ
ชั้นซึ่งเป็นวัตถุ pointable
ดังนั้นเหมือนที่เราได้รับการบอกว่าเราเห็นว่า อาร์เรย์ของ pointables สำหรับแต่ละมือ
ผู้ที่มีเล็ก ๆ น้อย ๆ นิ้วมือที่จะคิดเกี่ยวกับ
ดังนั้นนี่คือภาพรวมที่ดีที่จะไป ผ่านไปและพยายามทำความเข้าใจ
TOMAS REIMERS: [ไม่ได้ยิน] กายวิภาคศาสตร์มือขึ้นที่นั่น
Armaghan BEHLUM: ใช่ว่า
เพื่อใช่
มีจำนวนมากของข้อมูลดิบที่เป็น การเคลื่อนไหวกระโดดใช้เวลาในการตีความอย่างดี
สำหรับคุณดังนั้นจึงเป็นเรื่องที่ดี ความคิดที่จะไปถึงที่นี่
และพยายามคิดหาวิธีกระโดดมี สิ่งที่คิดออกแล้วสำหรับคุณ
และเพื่อให้สิ่งที่ข้อมูลที่คุณ มีอยู่จากที่นั่น
แล้วจากนั้นผมจะแนะนำ ที่จะเข้าสู่ส่วนซ้ายนี้กว่าที่นี่
ที่ไป, ดีจริงไม่มีผู้ที่มี จริงเพียงมากขึ้นสิ่งที่ API about--
>> TOMAS REIMERS อ้างอิง API ที่ ด้านล่างมักจะเป็นสถานที่ที่ดีที่จะไป
พวกคุณอาจเห็นนี้เมื่อ เราทำ Google Maps PSET
แต่จริงๆอ้างอิง เพียงแค่ไปผ่านทั้งหมด
ฟังก์ชั่นและพารามิเตอร์ ที่มีอยู่ในวัตถุที่อยู่กับคุณ
>> Armaghan BEHLUM: ใช่
ตัวอย่างเช่นนี้เป็นสิ่งที่ ผมกำลังมองหาก่อน
เมื่อเรามีมือเรา สามารถไปและคิดออก
วิธีกระโดดแนะนำ เพื่อที่เราจะได้พบกับมือ
เช่นฉันกล่าวว่าก่อนหน้านี้ เรามีอาร์เรย์มือ
หาคำตอบว่าเรามีมือและ แล้วลองและคว้ามือเดียว
ในการโต้ตอบกับในทางที่
นั่นคือสิ่งที่เรา แนะนำสำหรับคุณผู้ชาย
ท่าทางและสิ่งที่ได้เป็นอย่างดี
เอกสาร API นี้เป็นไปได้ เป็นเครื่องมือที่ยอดเยี่ยมสำหรับพวกคุณ
คุณมีคำแนะนำอื่น ๆ ?
>> TOMAS REIMERS: ฉันทำไม่ได้
ผมคิดว่าเป็นสิ่งที่ดีสำหรับตอนนี้
>> Armaghan BEHLUM: ใช่ ผมคิดอย่างนั้นเช่นกัน
อย่าลังเลที่จะส่งอีเมลถึงเราและได้รับ ในการติดต่อเกี่ยวกับการกระโดดการเคลื่อนไหว
ถ้าคุณกำลังมีปัญหาใด ๆ ที่อาจจะ หรือต้องการคำแนะนำใด ๆ
และเราสามารถพยายามคิดสิ่ง ออกมาพร้อมกับพวกคุณได้เป็นอย่างดี
ขอบคุณ
>> TOMAS REIMERS: Great