All language subtitles for 5. The THREE.js Examples--- [ FreeCourseWeb.com ] ---

af Afrikaans
sq Albanian
am Amharic
ar Arabic Download
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bn Bengali
bs Bosnian
bg Bulgarian
ca Catalan
ceb Cebuano
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
nl Dutch
en English
eo Esperanto
et Estonian
tl Filipino
fi Finnish
fr French
fy Frisian
gl Galician
ka Georgian
de German
el Greek
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
km Khmer
ko Korean
ku Kurdish (Kurmanji)
ky Kyrgyz
lo Lao
la Latin
lv Latvian
lt Lithuanian
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mn Mongolian
my Myanmar (Burmese)
ne Nepali
no Norwegian
ps Pashto
fa Persian
pl Polish
pt Portuguese
pa Punjabi
ro Romanian
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
st Sesotho
sn Shona
sd Sindhi
si Sinhala
sk Slovak
sl Slovenian
so Somali
es Spanish
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
te Telugu
th Thai
tr Turkish
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
or Odia (Oriya)
rw Kinyarwanda
tk Turkmen
tt Tatar
ug Uyghur
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:05,760 --> 00:00:15,990 The 3D examples 3D was first created in 2010 by Ricardo Cabello, Mr. Doube at the time of writing his 2 00:00:15,990 --> 00:00:21,090 unreleased 117 and is supported by a large number of developers. 3 00:00:21,750 --> 00:00:27,630 It's a robust library with many features, and we'll explore it for those new to the library in the 4 00:00:27,630 --> 00:00:28,590 next section. 5 00:00:29,400 --> 00:00:34,350 You might be wondering why I'm talking about 3D and not just WebEx are. 6 00:00:35,040 --> 00:00:43,110 The reason is WebEx will generate viewer position and orientation, control a position in orientation 7 00:00:43,470 --> 00:00:47,340 and allow you to test hit tests on real world geometry. 8 00:00:47,910 --> 00:00:49,830 But he won't actually render anything. 9 00:00:50,740 --> 00:00:58,420 To actually show the results of these interactions with the census, we'll need to use WGL and WGL is 10 00:00:58,420 --> 00:00:59,620 hard to use. 11 00:01:00,130 --> 00:01:02,380 3D makes it easy to use. 12 00:01:02,710 --> 00:01:09,910 The library now includes a WebEx manager that acts as a bridge between the 3D camera and the WebEx. 13 00:01:09,910 --> 00:01:13,850 Our API will be developing our own app soon. 14 00:01:14,350 --> 00:01:16,690 But first, let's look at the ones that are included. 15 00:01:16,690 --> 00:01:25,570 When you download the complete library over to 3D Darg, the 3D website Home Page includes examples 16 00:01:25,570 --> 00:01:28,870 of great content created using the library. 17 00:01:29,560 --> 00:01:34,780 If you're new to the library, I recommend exploring some of these inspiring examples. 18 00:01:35,350 --> 00:01:39,550 When you're ready, click the examples button and search for WebEx are. 19 00:01:40,180 --> 00:01:48,370 You'll see several examples noticeably split into AAO and they are examples where Bexxar brings together 20 00:01:48,370 --> 00:01:57,020 augmented and virtual realities to provide a single API for Web developers to view the examples I recommend 21 00:01:57,040 --> 00:02:00,160 a mid-range are better Android device. 22 00:02:00,670 --> 00:02:04,360 If you're on a desktop, you'll be able to see the VR examples. 23 00:02:04,510 --> 00:02:12,880 If you use Chrome and install the Web browser emulator extension to install, go to the Chrome Web store 24 00:02:13,060 --> 00:02:16,600 and search for WebEx, our API emulator. 25 00:02:16,870 --> 00:02:18,540 The first example in the WebEx. 26 00:02:18,550 --> 00:02:23,620 Our list is a you'll need a device that supports WebEx. 27 00:02:23,630 --> 00:02:27,610 Are are I recommend that Android mobile phone. 28 00:02:27,820 --> 00:02:34,900 If you have an alias device, then go to the App Store and search for WebEx our viewer and install it. 29 00:02:35,120 --> 00:02:39,910 They are examples will work fine, but not via the link on the website. 30 00:02:40,720 --> 00:02:44,230 Go to this address and follow the links from there. 31 00:02:44,560 --> 00:02:48,370 The query string that 3GS provides doesn't work in the viewer. 32 00:02:48,760 --> 00:02:52,900 If you view it in Chrome on the desktop, then make sure you have developer tools. 33 00:02:52,900 --> 00:02:58,810 All that is control plus shift plus JAAM, Windows and command plus option plus namak. 34 00:02:59,140 --> 00:03:07,450 Go to the web browser tab and in the list of device options, select Samsung Galaxy S3 plus R in the 35 00:03:07,450 --> 00:03:08,410 dropdown list. 36 00:03:08,710 --> 00:03:15,220 If another device is selected then the R examples will say R is not supported. 37 00:03:16,770 --> 00:03:20,890 Koans allows you to click on the screen and a new column will be added. 38 00:03:21,430 --> 00:03:27,730 It simply positions the cone where the controller is positioned at that moment in time, pushed along 39 00:03:27,730 --> 00:03:29,230 in the negative Z axis. 40 00:03:29,470 --> 00:03:31,480 So it's not too close to the camera. 41 00:03:32,110 --> 00:03:35,590 You learn much more about control later in the course. 42 00:03:36,130 --> 00:03:44,470 WebEx are supposed to view oppose the position and orientation and various input devices for a mobile. 43 00:03:44,470 --> 00:03:51,430 The touch screen is treated as an input device, which is referred to as a controller will learn about 44 00:03:51,430 --> 00:03:55,970 the events this controller generates and how to write code to respond to them. 45 00:03:56,890 --> 00:03:59,650 The second example is a hit test. 46 00:04:00,220 --> 00:04:07,570 Here, the code base uses the real world geometry that is being generated by the WebEx Excel API as 47 00:04:07,570 --> 00:04:14,200 the user moves their mobile device around and uses this to position the target as though it's actually 48 00:04:14,200 --> 00:04:17,620 in the room and anchored on a floor table or a wall. 49 00:04:18,630 --> 00:04:25,910 Our pain shows how to use a controller object as an input device to allow the user to paint in space. 50 00:04:26,570 --> 00:04:32,450 It uses the tube, paint a class to handle updates in a mesh in response to the user input. 51 00:04:33,440 --> 00:04:39,590 PR ball shooter less issue balls into a virtual environment using a controller. 52 00:04:40,550 --> 00:04:46,400 They are dragging, lets you select and move geometry with your controller to see this work in a real 53 00:04:46,400 --> 00:04:53,390 headset with a real controller is almost essential, is pretty difficult to use the emulator effectively. 54 00:04:54,340 --> 00:04:59,620 The Are Panorama example shows how to set up a 360 degree photo. 55 00:05:00,220 --> 00:05:05,770 It uses a cube map projected onto a box with a Z scale has been inverted. 56 00:05:06,400 --> 00:05:11,680 If this is totally confusing Faina, it will all make sense when you've completed the course. 57 00:05:12,970 --> 00:05:20,470 The VR Panorama depth takes a different approach, using a spherical image map and a depth map so that 58 00:05:20,470 --> 00:05:24,550 parts of the texture nearer to the camera move at a different rate. 59 00:05:24,730 --> 00:05:28,070 As the camera sweeps around, we are paying less. 60 00:05:28,090 --> 00:05:34,360 You draw with your controller as you press the select button in a similar manner to the R example. 61 00:05:35,290 --> 00:05:42,190 The roller coaster takes you on a roller coaster ride where you're in one of the cars we are, Scholte 62 00:05:42,280 --> 00:05:46,540 lets you use your controllers to sculpt a blob of virtual clay. 63 00:05:46,930 --> 00:05:53,560 And they are video shows an example of a 360 stereo video where the user can look around as the action 64 00:05:53,560 --> 00:05:54,280 progresses. 65 00:05:54,620 --> 00:05:59,830 Once you've worked through this course, many of these examples will have code techniques you're likely 66 00:05:59,830 --> 00:06:00,880 to find useful. 67 00:06:01,300 --> 00:06:06,120 I strongly recommend using these examples as a guide for your apps. 68 00:06:07,030 --> 00:06:09,940 Now you ready to create your first 3D apps? 69 00:06:10,150 --> 00:06:12,700 And that's what we'll do in the next section. 70 00:06:12,970 --> 00:06:13,800 See you there. 7542

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.