Return to Video

皮克斯:動畫電影背後的數學 - 東尼德羅斯(Tony DeRose)

  • 0:07 - 0:09
    皮克斯擅長說故事
  • 0:09 - 0:11
    但有個故事並不廣為人知
  • 0:11 - 0:14
    就是運用在動畫中
  • 0:14 - 0:15
    大量的數學
  • 0:15 - 0:17
    你在初中和高中
  • 0:17 - 0:18
    所學到的數學
  • 0:18 - 0:21
    在皮克斯中無所不在
  • 0:21 - 0:23
    舉個很簡單的例子
  • 0:23 - 0:25
    有人認識這他嗎?
  • 0:27 - 0:29
    這是《玩具總動員》裡的「胡迪」
  • 0:29 - 0:32
    讓胡迪走向另一邊
  • 0:32 - 0:35
    就像這樣,從左到右
  • 0:35 - 0:39
    你相信嗎?
    你剛看到了一堆數學
  • 0:39 - 0:40
    在哪呢?
  • 0:40 - 0:42
    我解釋一下
  • 0:42 - 0:43
    你要知道
  • 0:43 - 0:45
    藝術家和設計師腦子裡想的
  • 0:45 - 0:47
    都是圖像和意象
  • 0:47 - 0:50
    但電腦裡運作的都是數字和方程式
  • 0:50 - 0:51
    為了要讓兩者結合
  • 0:51 - 0:53
    我們運用了數學概念
  • 0:53 - 0:55
    稱為幾何座標
  • 0:55 - 0:57
    我們設定一個座標系統
  • 0:57 - 1:00
    x 軸表示物件向右移動的距離
  • 1:00 - 1:03
    y 軸則決定物件的高度
  • 1:03 - 1:05
    有了座標
  • 1:05 - 1:08
    就能讓胡迪出現在任何地方
  • 1:08 - 1:10
    舉例來說
    如果我們知道
  • 1:10 - 1:12
    左下角圖像的座標
  • 1:12 - 1:14
    那就能知道其他的圖像在哪了
  • 1:14 - 1:16
    剛才看到的動畫
  • 1:16 - 1:18
    就叫做平移
  • 1:18 - 1:21
    x 座標值從 1 開始
  • 1:21 - 1:24
    在大約 5 的地方停下
  • 1:24 - 1:27
    如果用數學的方式表示
  • 1:27 - 1:30
    x 值比剛開始
  • 1:30 - 1:32
    大四個值
  • 1:32 - 1:35
    換言之,平移的數學
  • 1:35 - 1:36
    就是加法
  • 1:36 - 1:38
    對吧?
  • 1:38 - 1:39
    那進位法呢?
  • 1:39 - 1:41
    功能是讓物件變大或變小
  • 1:41 - 1:44
    猜猜進位法的數學應該是什麼?
  • 1:45 - 1:48
    擴大、乘法,沒錯
  • 1:48 - 1:50
    如果要把東西放兩倍大
  • 1:50 - 1:52
    x 值和 y 值都要加乘
  • 1:52 - 1:54
    都乘上 2
  • 1:54 - 1:56
    顯示了進位法的數學
  • 1:56 - 1:58
    就是乘法
  • 1:58 - 1:59
    好的
  • 1:59 - 1:59
    那這個呢?
  • 1:59 - 2:03
    讓圖像旋轉
  • 2:03 - 2:06
    旋轉的數學就是三角函數
  • 2:06 - 2:08
    這是解釋三角函數的方程式
  • 2:08 - 2:10
    乍看有點嚇人
  • 2:10 - 2:13
    你在八或九年級時可能學過
  • 2:13 - 2:16
    假如你坐在教室裡學三角函數
  • 2:16 - 2:19
    想著以後又不可能用到這東西
  • 2:19 - 2:21
    只要記住
    任何你在我們電影裡
  • 2:21 - 2:23
    看到會旋轉的東西
  • 2:23 - 2:25
    就關係著三角函數
  • 2:25 - 2:27
    我七年級時第一次愛上數學
  • 2:27 - 2:29
    現場有七年級生嗎?
  • 2:29 - 2:30
    有一些是
  • 2:30 - 2:32
    我那時候的自然老師告訴我
  • 2:32 - 2:34
    怎麼用三角函數
  • 2:34 - 2:37
    計算我正在建造的火箭高度
  • 2:37 - 2:38
    我當時覺得很神奇
  • 2:38 - 2:41
    從此我就對數學死心踏地
  • 2:41 - 2:43
    這有點老數學了
  • 2:43 - 2:44
    數學是在古希臘時期
  • 2:44 - 2:47
    發展並廣為人知
  • 2:47 - 2:49
    有個傳說
  • 2:49 - 2:51
    有趣的數學都已被理解
  • 2:51 - 2:54
    事實上
    是所有數學都已被理解
  • 2:54 - 2:56
    但新的數學
  • 2:56 - 2:58
    卻是一直持續的創造
  • 2:58 - 3:00
    且有些是皮克斯創造的
  • 3:00 - 3:03
    我要舉個例子
  • 3:03 - 3:04
    這些角色
  • 3:04 - 3:06
    來自一些我們早期的電影
  • 3:06 - 3:10
    《海底總動員》、《怪獸電力公司》、《玩具總動員 2》
  • 3:10 - 3:14
    誰知道左上角那個藍色的角色是誰?
  • 3:14 - 3:16
    是「多莉」,這很容易
  • 3:16 - 3:17
    這個就比較難了
  • 3:17 - 3:20
    有人知道右下角那個角色是誰嗎?
  • 3:20 - 3:22
    「艾爾玩具城」的老闆「艾爾」,沒錯
  • 3:22 - 3:24
    注意這些角色
  • 3:24 - 3:26
    他們都很複雜
  • 3:26 - 3:28
    他們的形體非常複雜
  • 3:28 - 3:29
    清理玩具的爺爺
  • 3:30 - 3:32
    我有個樣本
  • 3:32 - 3:34
    畫面中間的是清理玩具的爺爺
  • 3:34 - 3:36
    這是他的手
  • 3:36 - 3:38
    你能想像這隻手過海關
  • 3:38 - 3:39
    會多麼有趣
  • 3:41 - 3:43
    這隻手的形狀很複雜
  • 3:43 - 3:46
    這不只是一堆球體和圓柱體黏在一起
  • 3:46 - 3:48
    它不只很複雜
  • 3:48 - 3:50
    甚至還要進行複雜的活動
  • 3:50 - 3:52
    我現在告訴你這怎麼做的
  • 3:52 - 3:54
    我要先告訴你什麼是中點
  • 3:54 - 3:56
    這裡有兩個點,A 點和 B 點
  • 3:56 - 3:57
    兩點間有一條線段
  • 3:57 - 3:59
    我們從兩個面向討論
  • 3:59 - 4:01
    M 是中點
  • 4:01 - 4:03
    平分該線段
  • 4:03 - 4:05
    這是幾何學
  • 4:05 - 4:06
    為了寫出方程式和數字
  • 4:06 - 4:09
    我再次介紹座標系統
  • 4:09 - 4:10
    如果已得知 A 和 B 的座標
  • 4:10 - 4:12
    就可以藉由算出平均
  • 4:12 - 4:14
    輕易得到 M 的座標
  • 4:14 - 4:16
    你現在對皮克斯的工作已有足夠了解
  • 4:16 - 4:18
    我秀給你看
  • 4:18 - 4:20
    我要做的這個有點嚇人
  • 4:20 - 4:22
    移動一個會動的樣本
  • 4:22 - 4:26
    這裡有一個四角形
  • 4:26 - 4:27
    我現在要把這個
  • 4:27 - 4:29
    弄成圓滑的曲線
  • 4:29 - 4:32
    只是運用中點的概念
  • 4:32 - 4:33
    我首先要做的
  • 4:33 - 4:35
    就是平均分割
  • 4:35 - 4:37
    把各邊都加上中點
  • 4:37 - 4:39
    如此 4 個點就變 8 個點
  • 4:39 - 4:41
    這並沒有使其變圓滑
  • 4:41 - 4:42
    我現在要讓它圓滑一點
  • 4:42 - 4:45
    順時針移動這些點
  • 4:45 - 4:48
    到鄰近的中點
  • 4:48 - 4:49
    移動一下
  • 4:49 - 4:51
    這就叫做平均線移
  • 4:51 - 4:53
    現在上面有 8 個點
  • 4:53 - 4:54
    變圓滑了一些
  • 4:54 - 4:55
    我要把它弄得更圓滑
  • 4:55 - 4:57
    我該怎麼做?
  • 4:57 - 4:59
    重複剛才的動作
  • 4:59 - 5:01
    現在變16個點
  • 5:01 - 5:03
    我現在要把平均分割和平均線移
  • 5:03 - 5:04
    兩個步驟合在一起
  • 5:04 - 5:06
    稱為細分
  • 5:06 - 5:07
    意思就是先分割再線移
  • 5:07 - 5:09
    變 32 個點
  • 5:09 - 5:11
    如果不夠圓滑,就再重複一次
  • 5:11 - 5:12
    變 64 個點
  • 5:12 - 5:14
    有看到變形後的曲線
  • 5:14 - 5:16
    跟原來四個點的差別嗎?
  • 5:16 - 5:17
    我們就是如此創造出
  • 5:17 - 5:19
    各角色的外型
  • 5:19 - 5:21
    但記得我剛說過
  • 5:21 - 5:23
    只了解這種靜止且固定的形狀
  • 5:23 - 5:24
    是不夠的
  • 5:24 - 5:26
    我們要讓它動起來
  • 5:26 - 5:27
    讓曲線動起來
  • 5:27 - 5:29
    這就是細分的厲害
  • 5:29 - 5:32
    記得《玩具總動員》裡的三眼外星人嗎?
  • 5:32 - 5:33
    你認得他們的聲音
  • 5:33 - 5:34
    「噢~」
  • 5:34 - 5:35
    看好
  • 5:35 - 5:37
    所以我們要移動這個曲線
  • 5:37 - 5:41
    就只要移動原本的四個點
  • 5:41 - 5:44
    「噢~」
  • 5:45 - 5:47
    我覺得這很酷
  • 5:47 - 5:49
    如果你不這麼覺得
    大門就在那
  • 5:49 - 5:51
    這對我們彼此都好
  • 5:53 - 5:55
    平均分割與平均線移的概念
  • 5:55 - 5:57
    也用在平面外觀
  • 5:57 - 6:00
    先分割再線移
  • 6:00 - 6:02
    再次分割和線移
  • 6:02 - 6:04
    兩個放在一起就是細分
  • 6:04 - 6:06
    我們就是如此創造出
  • 6:06 - 6:09
    角色的 3D 外型
  • 6:09 - 6:11
    細分的概念
  • 6:11 - 6:13
    在1997年
    我們首次運用在動畫短片
  • 6:13 - 6:15
    叫做《棋局》
  • 6:15 - 6:17
    主角「傑瑞」有立體的外表
  • 6:17 - 6:19
    他就是《玩具總動員 2》清理玩具的爺爺
  • 6:19 - 6:20
    他的兩隻手
  • 6:20 - 6:23
    是我們第一次運用到細分
  • 6:23 - 6:25
    兩隻手都是細分後的表面
  • 6:25 - 6:27
    臉部也是
  • 6:27 - 6:28
    他的夾克也是
  • 6:28 - 6:30
    這是傑瑞細分前的手
  • 6:30 - 6:33
    這是細分之後
  • 6:33 - 6:35
    所以細分只是讓各個表面
  • 6:35 - 6:36
    往內縮或往外凸
  • 6:36 - 6:38
    而做出漂亮的外觀
  • 6:38 - 6:40
    就成了你在電影院裡所見的那樣
  • 6:40 - 6:43
    從那之後
    我們都是用此法創出角色
  • 6:43 - 6:47
    這是《勇敢傳說》裡的「梅莉達」
  • 6:47 - 6:48
    她穿的衣服就是細分表面
  • 6:48 - 6:49
    雙手、臉都是
  • 6:49 - 6:51
    那些族人的臉、手
  • 6:51 - 6:53
    也都是細分表面
  • 6:53 - 6:55
    今天看到了我們運用動畫角色上的
  • 6:55 - 6:59
    加法、乘法、三角函數和幾何學
  • 6:59 - 7:00
    如果再給我一點時間
  • 7:00 - 7:02
    我就能介紹線性代數
  • 7:02 - 7:05
    微分和積分
  • 7:05 - 7:06
    也如何囊括在內
  • 7:06 - 7:09
    今天我主要是要讓你們知道
  • 7:09 - 7:12
    記得你在高中到大二間
  • 7:12 - 7:15
    所學的數學
  • 7:15 - 7:19
    皮克斯無時無刻都在使用
  • 7:19 - 7:20
    謝謝
Title:
皮克斯:動畫電影背後的數學 - 東尼德羅斯(Tony DeRose)
Description:

觀看完整課程:http://ed.ted.com/lessons/pixar-the-math-behind-the-movies-tony-derose

皮克斯裡的各位,他們在世界上以述說故事和製作動畫聞名,卻很少被認為是數一數二的數學高手,皮克斯研究團隊領導東尼德羅斯(Tony DeRose)探索隱藏在動畫背後的數學,讓你了解算數、三角函數和幾何學,是如何使胡迪和其他你喜愛的動畫人物,活靈活現地呈現在你眼前。

講者:東尼德羅斯 Tony DeRose.

more » « less
Video Language:
English
Team:
closed TED
Project:
TED-Ed
Duration:
07:34

Chinese, Traditional subtitles

Revisions