google cardboard (winter nights'15)
TRANSCRIPT
![Page 1: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/1.jpg)
Google Cardboard: виртуальная реальность для Android приложенийЕфимцева Наталия!
Павлов Стас,
![Page 2: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/2.jpg)
Дополненная реальность (AR)
Google Ingress
![Page 3: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/3.jpg)
Дополненная виртуальность (AV)
EA Sport Games, Nintendo Сайт; http://www.nintendofuse.com/2009/03/13/ea-sports-active-tiger-woods-10-grand-slam-tennis-wii-motion-plus/
![Page 4: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/4.jpg)
Виртуальная реальность (VR)
![Page 5: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/5.jpg)
![Page 6: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/6.jpg)
500K+ cardboard’ов продано
![Page 7: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/7.jpg)
![Page 8: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/8.jpg)
Как это работает
![Page 9: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/9.jpg)
Давайте заглянем внутрь
![Page 10: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/10.jpg)
![Page 11: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/11.jpg)
NFC тэг
Линзы
Магнит
![Page 12: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/12.jpg)
![Page 13: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/13.jpg)
![Page 14: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/14.jpg)
Глаза
![Page 15: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/15.jpg)
Глаза
Линзы
![Page 16: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/16.jpg)
Экран
Глаза
Линзы
![Page 17: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/17.jpg)
![Page 18: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/18.jpg)
![Page 19: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/19.jpg)
Эффект дисторсии (Pincushion Distortion)
![Page 20: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/20.jpg)
Отрицательная дисторсия Pincushion Distortion
Положительная дисторсия Barrel Distortion
![Page 21: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/21.jpg)
![Page 22: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/22.jpg)
![Page 23: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/23.jpg)
ОТСЛЕЖИВАНИЕ ПОЛОЖЕНИЯ ТЕЛЕФОНА
![Page 24: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/24.jpg)
Источник2 КАМЕРЫ
![Page 25: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/25.jpg)
![Page 26: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/26.jpg)
![Page 27: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/27.jpg)
![Page 28: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/28.jpg)
Режим телефона
NFC
VR режим
NFC
[возврат]
![Page 29: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/29.jpg)
Самое интересно: создание приложений
![Page 30: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/30.jpg)
![Page 31: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/31.jpg)
g.co/cardboard
Все здесь!
➔VR Toolkit ➔ Примеры
![Page 32: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/32.jpg)
![Page 33: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/33.jpg)
![Page 34: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/34.jpg)
![Page 35: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/35.jpg)
![Page 36: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/36.jpg)
![Page 37: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/37.jpg)
![Page 38: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/38.jpg)
![Page 39: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/39.jpg)
![Page 40: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/40.jpg)
![Page 41: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/41.jpg)
class MyGameActivity extends CardboardActivity
![Page 42: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/42.jpg)
class MyGameActivity extends CardboardActivity
- Экран не отключается - Портретная ориентация экрна - Кнопки управления громкостью отключаются - Скрывает все системные контролы (Все может быть переопределено)
![Page 43: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/43.jpg)
class MyGameRenderer implements CardboardView.StereoRenderer
![Page 44: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/44.jpg)
class MyGameRenderer implements CardboardView.StereoRenderer
- onNewFrame - вызывается каждый раз при рендеринге - onDrawEye - вызывается для рендеринга сцены для каждого глаза, - но с разными параметрами - onFinishFrame - вызывается после рендеринга для обоих глаз
![Page 45: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/45.jpg)
@Override public void onNewFrame(HeadTransform head) { mLastHeadTransform = head; mTime += TIME_DELTA; !
UpdateAI( TIME_DELTA ); UpdatePhysics( TIME_DELTA ); }
MyGameRenderer.java
![Page 46: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/46.jpg)
@Override public void onDrawEye(EyeTransform eye) { Matrix.multiplyMM(view, 0, eye.getEyeView(), 0, camera, 0); Matrix.multiplyMM(mvp, 0, view, 0, model, 0); Matrix.multiplyMM(mvp, 0, eye.getPerspective(), 0, mvp, 0); drawScene(); }
MyGameRenderer.java
![Page 47: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/47.jpg)
@Override public void onCardboardTrigger() { if (isLookingAtTreasure()) { pickupTreasure(); } else { showTreasureMap(); } }
MyGameActivity.java
![Page 48: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/48.jpg)
![Page 49: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/49.jpg)
@Override public void onInsertedIntoCardboard() { this.cardboardView.setVRModeEnabled(true); } !
@Override public void onRemovedFromCardboard() { this.cardboardView.setVRModeEnabled(false); }
MyGameActivity.java
![Page 50: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/50.jpg)
cardboard://com.google/cardboard/1.0.0
![Page 52: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/52.jpg)
Рекомендации
![Page 53: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/53.jpg)
![Page 54: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/54.jpg)
Приложения для виртуальной реальности имеют свои особенности
![Page 55: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/55.jpg)
Физическое движение == визуальное движение
![Page 56: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/56.jpg)
Cвобода движений
![Page 57: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/57.jpg)
Скорость обновления 60 кадров в секунду
Need for Speed: Most Wanted, Criterion Games Image by deadendthrills.com
![Page 58: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/58.jpg)
Бесконечный экран
![Page 59: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/59.jpg)
Выиграйте cardboard! !
Конкурс на стенде Google !
Началов в 16:15
![Page 60: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/60.jpg)
Basic elements Segue slides are sentence
![Page 61: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/61.jpg)
Small caption
HeadingSubheadingBody
Source
Code
All text is set in Roboto and Roboto Condensed.
All code is set in Inconsolata. Download all 3 on google.com/fonts
![Page 62: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/62.jpg)
#FFA000
#00BCD4
Main colorLighter GraysDarker
![Page 63: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/63.jpg)
A
Simple rounded rectangle
Callout Subcaption
Callout Arrows
6px border
![Page 64: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/64.jpg)
Example slides
![Page 65: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/65.jpg)
Full-bleed, photo-only slides are great
![Page 66: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/66.jpg)
Good design is as little design as possible.Dieter Rams
![Page 67: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/67.jpg)
Step 1 Step 2 Step 3
End
![Page 68: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/68.jpg)
Chart title
7%8%
10%
11%
29%
35%AprilMayJuneJulyAugustSeptember
Chart data source info here
![Page 69: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/69.jpg)
Chart data source info here
Chart title
0
25
50
75
100
April May June July
![Page 70: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/70.jpg)
Chart data source info here
Chart title
0
25
50
75
100
April May June July
![Page 71: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/71.jpg)
<paper-button id="go" disabled>Go!</paper-
HTML
.paper-button { background-color: red;
CSS
document.querySelector('.paper-button') .addEventListener('click', function(e) { // your code here
JavaScript
For really short code snippets, use this style, with optional
indication of filename or
Visit j.mp/iohighlighter in Safari and copy + paste into
![Page 72: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/72.jpg)
protected void onTryUpdate(int reason) throws RetryException { // Do some awesome stuff int foo = 15; publishArtwork(new Artwork.Builder() .title(photo.name) .imageUri(Uri.parse(photo.image_url)) .viewIntent(new Intent(Intent.ACTION_VIEW, Uri.parse("http://500px.com/photo/" + photo.id))) .build()); scheduleUpdate(System.currentTimeMillis() + ROTATE_TIME_MILLIS); } Visit j.mp/iohighlighter in
Safari and copy + paste into
MainActivity.j
If your code snippet is over 6 lines, use a full-page slide of code in this style
![Page 73: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/73.jpg)
protected void onTryUpdate(int reason) throws RetryException { // Do some awesome stuff int foo = 15; publishArtwork(new Artwork.Builder() .title(photo.name) .imageUri(Uri.parse(photo.image_url)) .viewIntent(new Intent(Intent.ACTION_VIEW, Uri.parse("http://500px.com/photo/" + photo.id))) .build()); scheduleUpdate(System.currentTimeMillis() + ROTATE_TIME_MILLIS); }
MainActivity.j
Use this style to highlight a particular
![Page 74: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/74.jpg)
// A couple more notes on code slides: // * Use the Inconsolata font available at google.com/fonts // * Set line spacing to 1.2 // * Don’t use font sizes below 40pt
code_slides.tx
![Page 75: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/75.jpg)
Photos make for excellent segue slides
Photo source info here
Use a semitransparent dark gray or black to ensure text is legible
![Page 76: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/76.jpg)
Photo source info here
![Page 77: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/77.jpg)
BIG IDEAPhoto source info here
![Page 78: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/78.jpg)
What’s next?Getting Started with Android Wear developer.android.com/wear
Introduction to Beer-Brewing g.co/beerintro
youtube.com/GoogleDevelopers
![Page 79: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/79.jpg)
+Your Name
Thank you!
#optionalhashtag
![Page 80: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/80.jpg)
Avoid using the following slide types
![Page 81: Google Cardboard (Winter Nights'15)](https://reader031.vdocument.in/reader031/viewer/2022012922/55ac47141a28ab7f538b46fd/html5/thumbnails/81.jpg)
Avoid using titles
• Also try to avoid bullets · Here’s what sub-bullets look like · But you should generally avoid them, too
• Think about all the awesome visuals you could be showing instead!
• A third bullet (by now, no one’s payingattention to what you’re actually saying)
• DON’T USE 3RD-LEVEL BULLETS!
But when you need to use them, sentence case