1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76. 77. 78. 79. 80. 81. 82. 83. 84. 85. 86. 87. 88. 89. 90. 91. 92. 93. 94. 95. 96. 97. 98. 99. 100. 101. 102. 103. 104. 105. 106. 107. 108. 109. 110. 111. 112. 113. 114. 115. 116. 117. 118. 119. 120. 121. 122. 123. 124. 125. 126. 127. 128. 129. 130. 131. 132. 133. 134. 135. 136. 137. 138. 139. 140. 141. 142. 143. 144. 145. 146. 147. 148. 149. 150. 151. 152. 153. 154. 155. 156. 157. 158. 159. 160. 161. 162. 163. 164. 165. 166. 167. 168. 169. 170. 171. 172. 173. 174. 175. 176. 177. 178. 179. 180. 181. 182. 183. 184. 185. 186. 187. 188. 189. 190. 191. 192. 193. 194. 195. 196. 197. 198. 199. 200. 201. 202. 203. 204. 205. 206. 207. 208. 209. 210. 211. 212. 213. 214. 215. 216. 217. 218. 219. 220. 221. 222. 223. 224. 225. 226. 227. 228. 229. 230. 231. 232. 233. 234. 235. 236. 237. 238. 239. 240. 241. 242. 243. 244. 245. 246. 247. 248. 249. 250. 251. 252. 253. 254. 255. 256. 257. 258. 259. 260. 261. 262. 263. 264. 265. 266. 267. 268. 269. 270. 271. 272. 273. 274. 275. 276. 277. 278. 279. 280. 281. 282. 283. 284. 285. 286. 287. 288. 289. 290. 291. 292. 293. 294. 295. 296. 297. 298. 299. 300. 301. 302. 303. 304. 305. 306. 307. 308. 309. 310. 311. 312. 313. 314. 315. 316. 317. 318. 319. 320. 321. 322. 323. 324. 325. 326. 327. 328. 329. 330. 331. 332. 333. 334. 335. 336. 337. 338. 339. 340. 341. 342. 343. 344. 345. 346. 347. 348. 349. 350. 351. 352. 353. 354. 355. 356. 357. 358. 359. 360. 361. 362. 363. 364. 365. 366. 367. 368. 369. 370. 371. 372. 373. 374. 375. 376. 377. 378. 379. 380. 381. 382. 383. 384. 385. 386. 387. 388. 389. 390. 391. 392. 393. 394. 395. 396. 397. 398. 399. 400. 401. 402. 403. 404. 405. 406. 407. 408. 409. 410. 411. 412. 413. 414. 415. 416. 417. 418. 419. 420. 421. 422. 423. 424. 425. 426. 427. 428. 429. 430. 431. 432. 433. 434. 435. 436. 437. 438. 439. 440. 441. 442. 443. 444. 445. 446. 447. 448. 449. 450. 451. 452. 453. 454. 455. 456. 457. 458. 459. 460. 461. 462. 463. 464. 465. 466. 467. 468. 469. 470. 471. 472. 473. 474. 475. 476. 477. 478. 479. 480. 481. 482. 483. 484. 485. 486. 487. 488. 489. 490. 491. 492. 493. 494. 495. 496. 497. 498. 499. 500. 501. 502. 503. 504. 505. 506. 507. 508. 509. 510. 511. 512. 513. 514. 515. 516. 517. 518. 519. 520. 521. 522. 523. 524. 525. 526. 527. 528. 529. 530. 531. 532. 533. 534. 535. 536. 537. 538. 539. 540. 541. 542. 543. 544. 545. 546. 547. 548. 549. 550. 551. 552. 553. 554. 555. 556. 557. 558. 559. 560. 561. 562. 563. 564. 565. 566. 567. 568. 569. 570. 571. 572. 573. 574. 575. 576. 577. 578. 579. 580. 581. 582. 583. 584. 585. 586. 587. 588. 589. 590. 591. 592. 593. 594. 595. 596. 597. 598. 599. 600. 601. 602. 603. 604. 605. 606. 607. 608. 609. 610. 611. 612. 613. 614. 615. 616. 617. 618. 619. 620. 621. 622. 623. 624. 625. 626. 627. 628. 629. 630. 631. 632. 633. 634. 635. 636. 637. 638. 639. 640. 641. 642. 643. 644. 645. 646. 647. 648. 649. 650. 651. 652. 653. 654. 655. 656. 657. 658. 659. 660. 661. 662. 663. 664. 665. 666. 667. 668. 669. 670. 671. 672. 673. 674. 675. 676. 677. 678. 679. 680. 681. 682. 683. 684. 685. 686. 687. 688. 689. 690. 691. 692. 693. 694. 695. 696. 697. 698. 699. 700. 701. 702. 703. 704. 705. 706. 707. 708. 709. 710. 711. 712. 713. 714. 715. 716. 717. 718. 719. 720. 721. 722. 723. 724. 725. 726. 727. 728. 729. 730. 731. 732. 733. 734. 735. 736. 737. 738. 739. 740. 741. 742. 743. 744. 745. 746. 747. 748. 749. 750. 751. 752. 753. 754. 755. 756. 757. 758. 759. 760. 761. 762. 763. 764. 765. 766. 767. 768. 769. 770. 771. 772. 773. 774. 775. 776. 777. 778. 779. 780. 781. 782. 783. 784. 785. 786. 787. 788. 789. 790. 791. 792. 793. 794. 795. 796. 797. 798. 799. 800. 801. 802. 803. 804. 805. 806. 807. 808. 809. 810. 811. 812. 813. 814. 815. 816. 817. 818. 819. 820. 821. 822. 823. 824. 825. 826. 827. 828. 829. 830. 831. 832. 833. 834. 835. 836. 837. 838. 839. 840. 841. 842. 843. 844. 845. 846. 847. 848. 849. 850. 851. 852. 853. 854. 855. 856. 857. 858. 859. 860. 861. 862. 863. 864. 865. 866. 867. 868. 869. 870. 871. 872. 873. 874. 875. 876. 877. 878. 879. 880. 881. 882. 883. 884. 885. 886. 887. 888. 889. 890. 891. 892. 893. 894. 895. 896. 897. 898. 899. 900. 901. 902. 903. 904. 905. 906. 907. 908. 909. 910. 911. 912. 913. 914. 915. 916. 917. 918. 919. 920. 921. 922. 923. 924. 925. 926. 927. 928. 929. 930. 931. 932. 933. 934. 935. 936. 937. 938. 939. 940. 941. 942. 943. 944. 945. 946. 947. 948. 949. 950. 951. 952. 953. 954. 955. 956. 957. 958. 959. 960. 961. 962. 963. 964. 965. 966. 967. 968. 969. 970. 971. 972. 973. 974. 975. 976. 977. 978. 979. 980. 981. 982. 983. 984. 985. 986. 987. 988. 989. 990. 991. 992. 993. 994. 995. 996. 997. 998. 999. 1000. 1001. 1002. 1003. 1004. 1005. 1006. 1007. 1008. 1009. 1010. 1011. 1012. 1013. 1014. 1015. 1016. 1017. 1018. 1019. 1020. 1021. 1022. 1023. 1024. 1025. 1026. 1027. 1028. 1029. 1030. 1031. 1032. 1033. 1034. 1035. 1036. 1037. 1038. 1039. 1040. 1041. 1042. 1043. 1044. 1045. 1046. 1047. 1048. 1049. 1050. 1051. 1052. 1053. 1054. 1055. 1056. 1057. 1058. 1059. 1060. 1061. 1062. 1063. 1064. 1065. 1066. 1067. 1068. 1069. 1070. 1071. 1072. 1073. 1074. 1075. 1076. 1077. 1078. 1079. 1080. 1081. 1082. 1083. 1084. 1085. 1086. 1087. 1088. 1089. 1090. 1091. 1092. 1093. 1094. 1095. 1096. 1097. 1098. 1099. 1100. 1101. 1102. 1103. 1104. 1105. 1106. 1107. 1108. 1109. 1110. 1111. 1112. 1113. 1114. 1115. 1116. 1117. 1118. 1119. 1120. 1121. 1122. 1123. 1124. 1125. 1126. 1127. 1128. 1129. 1130. 1131. 1132. 1133. 1134. 1135. 1136. 1137. 1138. 1139. 1140. 1141. 1142. 1143. 1144. 1145. 1146. 1147. 1148. 1149. 1150. 1151. 1152. 1153. 1154. 1155. 1156. 1157. 1158. 1159. 1160. 1161. 1162. 1163. 1164. 1165. 1166. 1167. 1168. 1169. 1170. 1171. 1172. 1173. 1174. 1175. 1176. 1177. 1178. 1179. 1180. 1181. 1182. 1183. 1184. 1185. 1186. 1187. 1188. 1189. 1190. 1191. 1192. 1193. 1194. 1195. 1196. 1197. 1198. 1199. 1200. 1201. 1202. 1203. 1204. 1205. 1206. 1207. 1208. 1209. 1210. 1211. 1212. 1213. 1214. 1215. 1216. 1217. 1218. 1219. 1220. 1221. 1222. 1223. 1224. 1225. 1226. 1227. 1228. 1229. 1230. 1231. 1232. 1233. 1234. 1235. 1236. 1237. 1238. 1239. 1240. 1241. 1242. 1243. 1244. 1245. 1246. 1247. 1248. 1249. 1250. 1251. 1252. 1253. 1254. 1255. 1256. 1257. 1258. 1259. 1260. 1261. 1262. 1263. 1264. 1265. 1266. 1267. 1268. 1269. 1270. 1271. 1272. 1273. 1274. 1275. 1276. 1277. 1278. 1279. 1280. 1281. 1282. 1283. 1284. 1285. 1286. 1287. 1288. 1289. 1290. 1291. 1292. 1293. 1294. 1295. 1296. 1297. 1298. 1299. 1300. 1301. 1302. 1303. 1304. 1305. 1306. 1307. 1308. 1309. 1310. 1311. 1312. 1313. 1314. 1315. 1316. 1317. 1318. 1319. 1320. 1321. 1322. 1323. 1324. 1325. 1326. 1327. 1328. 1329. 1330. 1331. 1332. 1333. 1334. 1335. 1336. 1337. 1338. 1339. 1340. 1341. 1342. 1343. 1344. 1345. 1346. 1347. 1348. 1349. 1350. 1351. 1352. 1353. 1354. 1355. 1356. 1357. 1358. 1359. 1360. 1361. 1362. 1363. 1364. 1365. 1366. 1367. 1368. 1369. 1370. 1371. 1372. 1373. 1374. 1375. 1376. 1377. 1378. 1379. 1380. 1381. 1382. 1383. 1384. 1385. 1386. 1387. 1388. 1389. 1390. 1391. 1392. 1393. 1394. 1395. 1396. 1397. 1398. 1399. 1400. 1401. 1402. 1403. 1404. 1405. 1406. 1407. 1408. 1409. 1410. 1411. 1412. 1413. 1414. 1415. 1416. 1417. 1418. 1419. 1420. 1421. 1422. 1423. 1424. 1425. 1426. 1427. 1428. 1429. 1430. 1431. 1432. 1433. 1434. 1435. 1436. 1437. 1438. 1439. 1440. 1441. 1442. 1443. 1444. 1445. 1446. 1447. 1448. 1449. 1450. 1451. 1452. 1453. 1454. 1455. 1456. 1457. 1458. 1459. 1460. 1461. 1462. 1463. 1464. 1465. 1466. 1467. 1468. 1469. 1470. 1471. 1472. 1473. 1474. 1475. 1476. 1477. 1478. 1479. 1480. 1481. 1482. 1483. 1484. 1485. 1486. 1487. 1488. 1489. 1490. 1491. 1492. 1493. 1494. 1495. 1496. 1497. 1498. 1499. 1500. 1501. 1502. 1503. 1504. 1505. 1506. 1507. 1508. 1509. 1510. 1511. 1512. 1513. 1514. 1515. 1516. 1517. 1518. 1519. 1520. 1521. 1522. 1523. 1524. 1525. 1526. 1527. 1528. 1529. 1530. 1531. 1532. 1533. 1534. 1535. 1536. 1537. 1538. 1539. 1540. 1541. 1542. 1543. 1544. 1545. 1546. 1547. 1548. 1549. 1550. 1551. 1552. 1553. 1554. 1555. 1556. 1557. 1558. 1559. 1560. 1561. 1562. 1563. 1564. 1565. 1566. 1567. 1568. 1569. 1570. 1571. 1572. 1573. 1574. 1575. 1576. 1577. 1578. 1579. 1580. 1581. 1582. 1583. 1584. 1585. 1586. 1587. 1588. 1589. 1590. 1591. 1592. 1593. 1594. 1595. 1596. 1597. 1598. 1599. 1600. 1601. 1602. 1603. 1604. 1605. 1606. 1607. 1608. 1609. 1610. 1611. 1612. 1613. 1614. 1615. 1616. 1617. 1618. 1619. 1620. 1621. 1622. 1623. 1624. 1625. 1626. 1627. 1628. 1629. 1630. 1631. 1632. 1633. 1634. 1635. 1636. 1637. 1638. 1639. 1640. 1641. 1642. 1643. 1644. 1645. 1646. 1647. 1648. 1649. 1650. 1651. 1652. 1653. 1654. 1655. 1656. 1657. 1658. 1659. 1660. 1661. 1662. 1663. 1664. 1665. 1666. 1667. 1668. 1669. 1670. 1671. 1672. 1673. 1674. 1675. 1676. 1677. 1678. 1679. 1680. 1681. 1682. 1683. 1684. 1685. 1686. 1687. 1688. 1689. 1690. 1691. 1692. 1693. 1694. 1695. 1696. 1697. 1698. 1699. 1700. 1701. 1702. 1703. 1704. 1705. 1706. 1707. 1708. 1709. 1710. 1711. 1712. 1713. 1714. 1715. 1716. 1717. 1718. 1719. 1720. 1721. 1722. 1723. 1724. 1725. 1726. 1727. 1728. 1729. 1730. 1731. 1732. 1733. 1734. 1735. 1736. 1737. 1738. 1739. 1740. 1741. 1742. 1743. 1744. 1745. 1746. 1747. 1748. 1749. 1750. 1751. 1752. 1753. 1754. 1755. 1756. 1757. 1758. 1759. 1760. 1761. 1762. 1763. 1764. 1765. 1766. 1767. 1768. 1769. 1770. 1771. 1772. 1773. 1774. 1775. 1776. 1777. 1778. 1779. 1780. 1781. 1782. 1783. 1784. 1785. 1786. 1787. 1788. 1789. 1790. 1791. 1792. 1793. 1794. 1795. 1796. 1797. 1798. 1799. 1800. 1801. 1802. 1803. 1804. 1805. 1806. 1807. 1808. 1809. 1810. 1811. 1812. 1813. 1814. 1815. 1816. 1817. 1818. 1819. 1820. 1821. 1822. 1823. 1824. 1825. 1826. 1827. 1828. 1829. 1830. 1831. 1832. 1833. 1834. 1835. 1836. 1837. 1838. 1839. 1840. 1841. 1842. 1843. 1844. 1845. 1846. 1847. 1848. 1849. 1850. 1851. 1852. 1853. 1854. 1855. 1856. 1857. 1858. 1859. 1860. 1861. 1862. 1863. 1864. 1865. 1866. 1867. 1868. 1869. 1870. 1871. 1872. 1873. 1874. 1875. 1876. 1877. 1878. 1879. 1880. 1881. 1882. 1883. 1884. 1885. 1886. 1887. 1888. 1889. 1890. 1891. 1892. 1893. 1894. 1895. 1896. 1897. 1898. 1899. 1900. 1901. 1902. 1903. 1904. 1905. 1906. 1907. 1908. 1909. 1910. 1911. 1912. 1913. 1914. 1915. 1916. 1917. 1918. 1919. 1920. 1921. 1922. 1923. 1924. 1925. 1926. 1927. 1928. 1929. 1930. 1931. 1932. 1933. 1934. 1935. 1936. 1937. 1938. 1939. 1940. 1941. 1942. 1943. 1944. 1945. 1946. 1947. 1948. 1949. 1950. 1951. 1952. 1953. 1954. 1955. 1956. 1957. 1958. 1959. 1960. 1961. 1962. 1963. 1964. 1965. 1966. 1967. 1968. 1969. 1970. 1971. 1972. 1973. 1974. 1975. 1976. 1977. 1978. 1979. 1980. 1981. 1982. 1983. 1984. 1985. 1986. 1987. 1988. 1989. 1990. 1991. 1992. 1993. 1994. 1995. 1996. 1997. 1998. 1999. 2000. 2001. 2002. 2003. 2004. 2005. 2006. 2007. 2008. 2009. 2010. 2011. 2012. 2013. 2014. 2015. 2016. 2017. 2018. 2019. 2020. 2021. 2022. 2023. 2024. 2025. 2026. 2027. 2028. 2029. 2030. 2031. 2032. 2033. 2034. 2035. 2036. 2037. 2038. 2039. 2040. 2041. 2042. 2043. 2044. 2045. 2046. 2047. 2048. 2049. 2050. 2051. 2052. 2053. 2054. 2055. 2056. 2057. 2058. 2059. 2060. 2061. 2062. 2063. 2064. 2065. 2066. 2067. 2068. 2069. 2070. 2071. 2072. 2073. 2074. 2075. 2076. 2077. 2078. 2079. 2080. 2081. 2082. 2083. 2084. 2085. 2086. 2087. 2088. 2089. 2090. 2091. 2092. 2093. 2094. 2095. 2096. 2097. 2098. 2099. 2100. 2101. 2102. 2103. 2104. 2105. 2106. 2107. 2108. 2109. 2110. 2111. 2112. 2113. 2114. 2115. 2116. 2117. 2118. 2119. 2120. 2121. 2122. 2123. 2124. 2125. 2126. 2127. 2128. 2129. 2130. 2131. 2132. 2133. 2134. 2135. 2136. 2137. 2138. 2139. 2140. 2141. 2142. 2143. 2144. 2145. 2146. 2147. 2148. 2149. 2150. 2151. 2152. 2153. 2154. 2155. 2156. 2157. 2158. 2159. 2160. 2161. 2162. 2163. 2164. 2165. 2166. 2167. 2168. 2169. 2170. 2171. 2172. 2173. 2174. 2175. 2176. 2177. 2178. 2179. 2180. 2181. 2182. 2183. 2184. 2185. 2186. 2187. 2188. 2189. 2190. 2191. 2192. 2193. 2194. 2195. 2196. 2197. 2198. 2199. 2200. 2201. 2202. 2203. 2204. 2205. 2206. 2207. 2208. 2209. 2210. 2211. 2212. 2213. 2214. 2215. 2216. 2217. 2218. 2219. 2220. 2221. 2222. 2223. 2224. 2225. 2226. 2227. 2228. 2229. 2230. 2231. 2232. 2233. 2234. 2235. 2236. 2237. 2238. 2239. 2240. 2241. 2242. 2243. 2244. 2245. 2246. 2247. 2248. 2249. 2250. 2251. 2252. 2253. 2254. 2255. 2256. 2257. 2258. 2259. 2260. 2261. 2262. 2263. 2264. 2265. 2266. 2267. 2268. 2269. 2270. 2271. 2272. 2273. 2274. 2275. 2276. 2277. 2278. 2279. 2280. 2281. 2282. 2283. 2284. 2285. 2286. 2287. 2288. 2289. 2290. 2291. 2292. 2293. 2294. 2295. 2296. 2297. 2298. 2299. 2300. 2301. 2302. 2303. 2304. 2305. 2306. 2307. 2308. 2309. 2310. 2311. 2312. 2313. 2314. 2315. 2316. 2317. 2318. 2319. 2320. 2321. 2322. 2323. 2324. 2325. 2326. 2327. 2328. 2329. 2330. 2331. 2332. 2333. 2334. 2335. 2336. 2337. 2338. 2339. 2340. 2341. 2342. 2343. 2344. 2345. 2346. 2347. 2348. 2349. 2350. 2351. 2352. 2353. 2354. 2355. 2356. 2357. 2358. 2359. 2360. 2361. 2362. 2363. 2364. 2365. 2366. 2367. 2368. 2369. 2370. 2371. 2372. 2373. 2374. 2375. 2376. 2377. 2378. 2379. 2380. 2381. 2382. 2383. 2384. 2385. 2386. 2387. 2388. 2389. 2390. 2391. 2392. 2393. 2394. 2395. 2396. 2397. 2398. 2399. 2400. 2401. 2402. 2403. 2404. 2405. 2406. 2407. 2408. 2409. 2410. 2411. 2412. 2413. 2414. 2415. 2416. 2417. 2418. 2419. 2420. 2421. 2422. 2423. 2424. 2425. 2426. 2427. 2428. 2429. 2430. 2431. 2432. 2433. 2434. 2435. 2436. 2437. 2438. 2439. 2440. 2441. 2442. 2443. 2444. 2445. 2446. 2447. 2448. 2449. 2450. 2451. 2452. 2453. 2454. 2455. 2456. 2457. 2458. 2459. 2460. 2461. 2462. 2463. 2464. 2465. 2466. 2467. 2468. 2469. 2470. 2471. 2472. 2473. 2474. 2475. 2476. 2477. 2478. 2479. 2480. 2481. 2482. 2483. 2484. 2485. 2486. 2487. 2488. 2489. 2490. 2491. 2492. 2493. 2494. 2495. 2496. 2497. 2498. 2499. 2500. 2501. 2502. 2503. 2504. 2505. 2506. 2507. 2508. 2509. 2510. 2511. 2512. 2513. 2514. 2515. 2516. 2517. 2518. 2519. 2520. 2521. 2522. 2523. 2524. 2525. 2526. 2527. 2528. 2529. 2530. 2531. 2532. 2533. 2534. 2535. 2536. 2537. 2538. 2539. 2540. 2541. 2542. 2543. 2544. 2545. 2546. 2547. 2548. 2549. 2550. 2551. 2552. 2553. 2554. 2555. 2556. 2557. 2558. 2559. 2560. 2561. 2562. 2563. 2564. 2565. 2566. 2567. 2568. 2569. 2570. 2571. 2572. 2573. 2574. 2575. 2576. 2577. 2578. 2579. 2580. 2581. 2582. 2583. 2584. 2585. 2586. 2587. 2588. 2589. 2590. 2591. 2592. 2593. 2594. 2595. 2596. 2597. 2598. 2599. 2600. 2601. 2602. 2603. 2604. 2605. 2606. 2607. 2608. 2609. 2610. 2611. 2612. 2613. 2614. 2615. 2616. 2617. 2618. 2619. 2620. 2621. 2622. 2623. 2624. 2625. 2626. 2627. 2628. 2629. 2630. 2631. 2632. 2633. 2634. 2635. 2636. 2637. 2638. 2639. 2640. 2641. 2642. 2643. 2644. 2645. 2646. 2647. 2648. 2649. 2650. 2651. 2652. 2653. 2654. 2655. 2656. 2657. 2658. 2659. 2660. 2661. 2662. 2663. 2664. 2665. 2666. 2667. 2668. 2669. 2670. 2671. 2672. 2673. 2674. 2675. 2676. 2677. 2678. 2679. 2680. 2681. 2682. 2683. 2684. 2685. 2686. 2687. 2688. 2689. 2690. 2691. 2692. 2693. 2694. 2695. 2696. 2697. 2698. 2699. 2700. 2701. 2702. 2703. 2704. 2705. 2706. 2707. 2708. 2709. 2710. 2711. 2712. 2713. 2714. 2715. 2716. 2717. 2718. 2719. 2720. 2721. 2722. 2723. 2724. 2725. 2726. 2727. 2728. 2729. 2730. 2731. 2732. 2733. 2734. 2735. 2736. 2737. 2738. 2739. 2740. 2741. 2742. 2743. 2744. 2745. 2746. 2747. 2748. 2749. 2750. 2751. 2752. 2753. 2754. 2755. 2756. 2757. 2758. 2759. 2760. 2761. 2762. 2763. 2764. 2765. 2766. 2767. 2768. 2769. 2770. 2771. 2772. 2773. 2774. 2775. 2776. 2777. 2778. 2779. 2780. 2781. 2782. 2783. 2784. 2785. 2786. 2787. 2788. 2789. 2790. 2791. 2792. 2793. 2794. 2795. 2796. 2797. 2798. 2799. 2800.&figure&&img src=&https://pic3.zhimg.com/v2-a0f27ada32ed9bfd4c82_b.jpg& data-rawwidth=&1383& data-rawheight=&692& class=&origin_image zh-lightbox-thumb& width=&1383& data-original=&https://pic3.zhimg.com/v2-a0f27ada32ed9bfd4c82_r.jpg&&&/figure&&p&本文是【GPU精粹与Shader编程】系列的第六篇文章。&/p&&p&《GPU Gems 3》中的“Chapter 14. Advanced Techniques for Realistic Real-Time Skin Rendering”一文,自其问世以来,都是皮肤渲染领域经常会被参考到的主要文章,可谓皮肤渲染技术的集大成者,奠基之作。&/p&&p&本文正好借着系列文章对《GPU Gems 3》中此章节进行提炼总结的机会,对真实感皮肤渲染技术,进行一个系统的总结和提炼。&/p&&p&除了对《GPU Gems 3》中该篇文章本身内容的提炼,本文也会在其基础上,结合这些年真实感皮肤渲染技术的发展,聊一些更多的东西。希望能对当前业界真实感皮肤渲染技术的现状与发展,做一个较为全面系统的总结与提炼。&/p&&p&&br&&/p&&h2&&b&一、总览:皮肤渲染技术发展史&/b&&/h2&&p&&br&&/p&&p&按时间分布,近20年皮肤主流渲染技术的发展可以总结列举如下:&/p&&ul&&li& 次表面光照传输模型(Subsurface Light Transport, SSLT)[2001]&/li&&li& 扩散剖面(Diffusion Profile) [2001]&/li&&li& 偶极子(dipole) [2001]&/li&&li& 纹理空间模糊(Texture Space Blur)[2003]&/li&&li& 多极子(multipole) [2005]&/li&&li& 屏幕空间模糊(Screen Space Blur)或屏幕空间次表面散射(SSSSS,Screen Space SubSurface Scattering)[2009]&/li&&li& 路径追踪次表面散射(Path-Traced Subsurface Scattering)与光线步进(Ray Marching)[2009]&/li&&li& 预积分的皮肤着色(Pre-Integrated Skin Shading)[2010]&/li&&li& 可分离的次表面散射(SSSS,Separable Subsurface Scattering)[2015]&/li&&li& 等&br&&/li&&/ul&&p&需要注意的是,上面列出的时间点,可能并不是严格意义上的该技术提出的时间点,而是该技术在论文或会议上被提出,被大众熟知,被引入到皮肤渲染技术中的时间点。&/p&&p&接下来,先看一些近年游戏中的真实感皮肤渲染画面,然后让我们从皮肤渲染的基础理论开始讲起,对上面列出的近20年皮肤主流渲染技术,按流派和内容分别进行介绍。&/p&&p&&br&&/p&&p&&br&&/p&&h2&&b&二、近年游戏与渲染业界中的真实感皮肤渲染画面&/b&&/h2&&p&&br&&/p&&p&首先是一个《孤岛惊魂5》中的演示视频(预渲染),有不少人觉得渲染出的画面已经和真人出演的美剧非常相似,主要注意视频中人物的皮肤渲染表现:&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/9803904& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic1.zhimg.com/v2-1c284ee90d126edea9d1fcf.jpg& data-lens-id=&9803904&&
&img class=&thumbnail& src=&https://pic1.zhimg.com/v2-1c284ee90d126edea9d1fcf.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/9803904&/span&
&p&OK,来看一些近几年,游戏中真实感皮肤渲染的典型效果图。&/p&&p&&br&&/p&&p&从《孤岛惊魂5》开始:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-9c31af134fe2e8b31da53de2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1268& data-rawheight=&712& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic3.zhimg.com/v2-9c31af134fe2e8b31da53de2_r.jpg&&&/figure&&p&图《孤岛惊魂5》中的皮肤渲染&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-006cd6fb948aeb4ea8e8f58d58d95194_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1200& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic4.zhimg.com/v2-006cd6fb948aeb4ea8e8f58d58d95194_r.jpg&&&/figure&&p&图《孤岛惊魂5》中的皮肤渲染&/p&&p&&br&&/p&&p&《神秘海域4》:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d40cce0dae25_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1268& data-rawheight=&713& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic2.zhimg.com/v2-d40cce0dae25_r.jpg&&&/figure&&p&图 《神秘海域4》中的皮肤渲染&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6beb84faac02d2ffbff480_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1268& data-rawheight=&847& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic2.zhimg.com/v2-6beb84faac02d2ffbff480_r.jpg&&&/figure&&p&图 《神秘海域4》中的皮肤渲染&/p&&p&&br&&/p&&p&《底特律:变人》:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-32ce1d4a8b8fcf5fde317_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-32ce1d4a8b8fcf5fde317_r.jpg&&&/figure&&p&图 《底特律:变人》中的皮肤渲染&/p&&figure&&img src=&https://pic1.zhimg.com/v2-0301cbb05fa6efc38636_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1200& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic1.zhimg.com/v2-0301cbb05fa6efc38636_r.jpg&&&/figure&&p&图 《底特律:变人》中的皮肤渲染&/p&&p&&br&&/p&&p&当然,怎么都不能少了今年的热门 UE4的Siren:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b3c3ab8b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&529& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic3.zhimg.com/v2-b3c3ab8b_r.jpg&&&/figure&&p&图 数字人Siren的皮肤渲染 @UE4&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1cfe24ec51b878c93d86b064f44f3869_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1600& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1600& data-original=&https://pic2.zhimg.com/v2-1cfe24ec51b878c93d86b064f44f3869_r.jpg&&&/figure&&p&图 数字人Siren的皮肤渲染 @UE4&/p&&p&&br&&/p&&p&&br&&/p&&h2&&b&三、皮肤渲染基础理论&/b&&/h2&&p&&br&&/p&&p&皮肤的渲染一直是渲染领域的难点之一:皮肤具有许多微妙的视觉特征,而观察者对皮肤的外观,特别是脸部的外观会非常敏感。皮肤的真实感渲染模型须包括皱纹,毛孔,雀斑,毛囊,疤痕等细节的模拟,而真实还原人体皮肤上的这些细节则是一个较大的挑战。&/p&&p&皮肤作为一种属性复杂的材质,其物理结构由多层结构组成,其表面油脂层主要贡献了皮肤光照的反射部分,而油脂层下面的表皮层和真皮层则主要贡献了的次表面散射部分。实验测试表明,光线接触到皮肤时,有大约94%被皮肤各层散射,只有大约6%被反射。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-016bf9ddb7c7e6d3e8ef980a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&349& data-rawheight=&268& class=&content_image& width=&349&&&/figure&&p&图 多层皮肤结构&/p&&p&对于皮肤而言,图形学研究学者们已经制作了使用多达五个独立层[Krishnaswamy and Baranoski 2004]的非常细致的模型,用于描述皮肤中的光学散射现象,而真正的皮肤则更加复杂。在医学上,仅皮肤表皮(epidermis)即被认为包含五个不同的层[Poirer 2004]。在这种复杂性下对散射进行模拟可能是过度和没有必要的,但是真实的渲染需要在油质层下面建模至少两个不同的层,因为至少有一个层要用于镜面反射(specular)项。Donner和Jensen[Donner and Jensen 2005]在2005年证明了单层模型不足以对真实感皮肤进行渲染,并展示了使用三层建模的改进方案。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-19dcd9f74e5f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&168& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-19dcd9f74e5f_r.jpg&&&/figure&&p&图 多层皮肤模型&/p&&p&因为其具有半透明属性光线会在皮肤的表层进行多次散射,散射根据其通过的路径衰减,简单来说就是光线会扩散到周围,这对于表现皮肤的质感起到很大作用。&/p&&p&一般的材质采用BRDF(bidirectional reflectance distribution function)可以很好的表达,但皮肤往往需要更加复杂的建模,如BSSDF。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e7446fa842e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&300& data-rawheight=&184& class=&content_image& width=&300&&&/figure&&p&图 多层皮肤对光的散射和吸收&/p&&p&经验表明,皮肤渲染的渲染过程可由两个分量组成:&/p&&ul&&li& 镜面反射(specular reflection)&br&&/li&&li& 次表面散射(subsurface scattering)&br&&/li&&/ul&&p&下文将对上述两个分量分别进行说明。&/p&&p&&br&&/p&&h2&&b&3.1 镜面反射(specular reflection)&/b&&/h2&&p&&br&&/p&&p&镜面反射项(specular reflection)相对而言很简单,Gems 3中推荐Kelemen and Szirmay-Kalos specular BRDF用于皮肤镜面反射项的计算。因为Kelemen and Szirmay-Kalos specular BRDF在实现和Torrance-Sparrow模型一样的渲染效果时,计算量要小得多。而现阶段基于物理的一些其他高光模型或改进方案也应该会得到不错的效果。&/p&&p&&br&&/p&&h2&&b&3.2 次表面散射(Subsurface Scattering)&/b&&/h2&&p&&br&&/p&&h2&3.2.1 半透明材质与次表面散射(Translucent and Subsurface Scattering)&/h2&&p&&br&&/p&&p&首先,半透明材质在生活中无处不在:树叶、纸、蜡烛、牛奶、布料、生物的皮肤、贝壳、玛瑙等。事实上,几乎所有非金属物体都存在一定程度的次表面光传输(Subsurface Light Transport,SSLT)现象[Pharr 2010],皮肤犹是如此。&/p&&p&上文提到,皮肤是一个多层结构,其表面油脂层主要贡献了皮肤光照的反射部分(约占入射光中的6%),而油脂层下面的表皮层和真皮层则主要贡献了次表面散射部分(约占入射光中的94%)。任何没有直接从皮肤表面反射出去的光,都会直接进入次表面层。这种占主要主导因素的次表面散射属性,决定了皮肤半透明的特征以及柔软的视觉外观。&/p&&p&入射光与皮肤进行交互的过程中,被部分吸收(获取颜色)并经过多次散射,返回并从进入点周围的3D邻域处表面离开。而有时光线会完全穿过像耳朵这样的薄薄区域,形成透射(Transmittance)。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-092abae9bff787c0be6e50_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&300& data-rawheight=&184& class=&content_image& width=&300&&&/figure&&p&图 多层皮肤对光的散射和吸收&/p&&p&对于次表面散射而言,Jensen在2001年的论文《A Practical Model for Subsurface Light Transport》是次表面材质建模最重要的一篇论文,推导了许多重要的物理公式,计算模型,渲染时的参数转换,以及测量了许多生活中常见材质的散射系数等等。大部分后来的论文都是在基于这篇文章中的理论的一些提升。&/p&&h2&&b&3.2.2 BRDF与BSSRDF&/b&&/h2&&p&模拟半透明物体的方法有很多,例如Volumetric Path Tracing,Volumetric Photon Mapping和BSSRDF。&/p&&p&其中,BSSRDF(Bidirectional Surface Scattering Reflectance Distribution Function,双向表面散射反射分布函数)是目前的主流技术。&/p&&p&简单来说,传统的 BRDF 模型是 BSSRDF的一种简化。BSSRDF和BRDF的不同之处在于,BSSRDF可以指定不同的光线入射位置和出射的位置。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3d97cf598c2bbb90fd1f13e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&539& data-rawheight=&291& class=&origin_image zh-lightbox-thumb& width=&539& data-original=&https://pic4.zhimg.com/v2-3d97cf598c2bbb90fd1f13e_r.jpg&&&/figure&&p&图: BRDF和BSSRDF与皮肤交互,光散射的对比&/p&&p&对于BRDF模型来说,一次反射光照的计算是在光线交点的法线半球上的球面积分。而对于BSSRDF来说,每一次反射在物体表面上每一个位置都要做一次半球面积分,是一个嵌套积分。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-48bce39efd52da9cc848fd0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&402& data-rawheight=&43& class=&content_image& width=&402&&&/figure&&p&其中BSSRDF的定义是:&/p&&figure&&img src=&https://pic1.zhimg.com/v2-63fbc0b599bc496eae5d45_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&365& data-rawheight=&35& class=&content_image& width=&365&&&/figure&&p&&br&&/p&&p&&img src=&https://www.zhihu.com/equation?tex=R_d& alt=&R_d& eeimg=&1&& 只接受一个标量参数,这个参数的意义是光线入射位置和初设位置的曼哈顿距离。直观的理解就是,BSSRDF尝试将光线在物体表面内部中数千次的散射后所剩余的能量用一个基于入射点和出射点之间距离的函数去近似只接受一个标量参数,这个参数的意义是光线入射位置和初设位置的距离。也就是说,BSSRDF尝试将光线在物体表面内部中数千次的散射后所剩余的能量用一个基于入射点和出射点之间距离的函数去近似。这个近似则是基于几个假设:&/p&&p&1.
次表面散射的物体是一个曲率为零的平面&/p&&p&2.
这个平面的厚度,大小都是无限&/p&&p&3.
平面内部的介质参数是均匀的&/p&&p&4.
光线永远是从垂直的方向入射表面。&/p&&p&正因为有这些假设,所以很容易把出射光的强度与出射点和入射点之间的距离用一个函数去近似。而真实的模型往往比理想中要复杂的多,光线也有可能从各个角度入射,因此通过BSSRDF渲染的结果会有一定误差。&/p&&p&&img src=&https://www.zhihu.com/equation?tex=R_d& alt=&R_d& eeimg=&1&& 的求解非常复杂,通过近似可以得到:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-601b52ae28bd227b7e3b187cee254caa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&144& data-rawheight=&56& class=&content_image& width=&144&&&/figure&&p&,有了 &img src=&https://www.zhihu.com/equation?tex=%5Cphi+%28x%29& alt=&\phi (x)& eeimg=&1&& 可以得到 &img src=&https://www.zhihu.com/equation?tex=R_d%28x%29& alt=&R_d(x)& eeimg=&1&&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b8b926a3f4ed_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&161& data-rawheight=&45& class=&content_image& width=&161&&&/figure&&p&其中 &img src=&https://www.zhihu.com/equation?tex=r%3D%7C%7Cx_s-x_i%7C%7C& alt=&r=||x_s-x_i||& eeimg=&1&& ,可以看出和自然指数相互联系。&/p&&p&&br&&/p&&h2&&b&3.2.3 BTDF与透射(Transmittance)&/b&&/h2&&p&有时光线会完全穿过像耳朵这样的薄薄区域。这是因为,光线经过一部分次表面后,最终没有在入射侧进行出射,而是从入射侧另一侧透出来,形成透射(Transmittance)。透过光的手会产生桔红色视觉外观同理。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a600e1812796efcf8a860_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&290& data-rawheight=&219& class=&content_image& width=&290&&&/figure&&p&图 透射(Transmittance)的图示&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-dfa95af2a9b0c7b84f13e430_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&739& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&739& data-original=&https://pic2.zhimg.com/v2-dfa95af2a9b0c7b84f13e430_r.jpg&&&/figure&&p&图 透过光的手会产生桔红色视觉外观&/p&&p&透射一般可以通过BTDF(双向透射分布函数, Bidirectional Transmittance Distribution Function)来描述。&/p&&p&这里先对几种分布函数的全称进行列举:&/p&&ul&&li& BRDF(双向反射分布函数,Bidirectional Reflectance Distribution Function)&br&&/li&&li& BSSRDF(双向表面散射反射分布函数, Bidirectional Surface Scattering
Reflectance Distribution Function)&br&&/li&&li& BTDF(双向透射分布函数, Bidirectional Transmittance Distribution Function)&br&&/li&&li& BSDF(双向散射分布函数,Bidirectional Scattering Distribution Function)&br&&/li&&/ul&&p&作为讲解内容,之前有一篇文章(&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&&span class=&invisible&&https://&/span&&span class=&visible&&zhuanlan.zhihu.com/p/27&/span&&span class=&invisible&&014447&/span&&span class=&ellipsis&&&/span&&/a&)关于BRDF、BTDF、BSDF的描述非常精炼,这边直接引用到本文中来。&/p&&p&当光线从一种介质射向另外一种介质时,根据其行进路线,可以被分为两个部分:&/p&&ul&&li& 一部分光线在介质交界处发生了反射, 并未进入另外一种介质。&br&&/li&&li& 另外一部分光线则进入了另一种介质。&br&&/li&&/ul&&p&其中:&/p&&ul&&li& BRDF:反射部分的光照的辐射亮度(radiance)和入射光照的辐射照度(irradiance)的比例是一个和入射角度、出射角度相关的函数,这个函数就被称之为双向反射分布函数(BRDF)。&br&&/li&&li& BTDF:相应的,穿越介质的那部分光照的辐射亮度和辐射照度的比例就被称之为双向透射分布函数(BTDF)。&br&&/li&&li& BSDF:上述两部分出射光的辐射亮度总和和入射光的辐射照度的比例就被叫做双向散射分布函数(BSDF),即BSDF = BRDF + BTDF。&br&&/li&&/ul&&figure&&img src=&https://pic1.zhimg.com/v2-288de047aed0aa7b2ff7d6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&535& data-rawheight=&599& class=&origin_image zh-lightbox-thumb& width=&535& data-original=&https://pic1.zhimg.com/v2-288de047aed0aa7b2ff7d6_r.jpg&&&/figure&&p&图 BSDF = BRDF + BTDF&/p&&p&透射的实现思路比较直观,可以分为三步:&/p&&p&(1)计算光照在进入半透明介质时的强度&/p&&p&(2)计算光线在介质中经过的路径长度&/p&&p&(3)根据路径长度和BTDF来计算出射光照的强度,这里BTDF可以简化为一个只和光线路径长度相关的函数&/p&&p&另外,《GPU Gems 3》中,有提到通过改进半透明阴影贴图(Translucent Shadow Maps,TSMs)来实现皮肤渲染中透射效果的模拟,下文中也有一些更详细的简略说明。&/p&&p&&br&&/p&&h2&&b&3.2.4 关于BRDF、BSSRDF、BTDF、BSDF的关系&/b&&/h2&&p&另外,下面的这张PPT,能很好地解释BRDF、BSSRDF、BTDF、BSDF的关系。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-715d6ac94cd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&720& data-rawheight=&439& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&https://pic1.zhimg.com/v2-715d6ac94cd_r.jpg&&&/figure&&p&图 BRDF、BSSRDF、BTDF、BSDF的关系&/p&&p&&br&&/p&&p&下面用一些补充说明,理清几者的关系。&/p&&p&如上图,光线从一种介质射向另外一种介质时,有反射,次表面散射、透射三种交互形态:&/p&&ul&&li& 其普通反射的行为用BRDF描述&br&&/li&&li& 其次表现散射的行为用 BSSRDF描述&br&&/li&&li& 其透射的行为用BTDF描述&br&&/li&&/ul&&p&四者的联系:&/p&&ul&&li& 总体来说,BRDF 为 BSSRDF 的一种简化&br&&/li&&li& BSDF可分为反射和透射分量两部分,即BSDF = BRDF + BTDF&br&&/li&&/ul&&p&&br&&/p&&p&&br&&/p&&h2&&b&四、扩散剖面(Diffusion Profile)&/b&&/h2&&p&&br&&/p&&p&扩散剖面(Diffusion Profile),是早年间渲染次表面散射比较热门的大方向。&/p&&p&首先,需要说明一下关于Diffusion Profiles这个词翻译相关的问题。按Diffusion Profiles其含义,可被译作扩散剖面,也可以被译作漫散射剖面、漫射剖面。(Diffusion Profiles目前还没有比较公认和共识的翻译,大多数文章中都直接使用英文原词组,上述翻译仅供参考。文章后文尽量会统一使用“扩散剖面”作为Diffusion Profiles的翻译)另外,有些文献中会将Diffusion 写作Diffuse Scattering,他们都是表示漫散射,或一种光线在材质内部扩散的现象。&/p&&p&简而言之,扩散剖面(diffusion profile)是描述光线如何在半透明物体中进行扩散和分布的函数。&/p&&p&扩散剖面(diffusion profile),相当于一个记录次表面散射细节的“地图”。你可以将其理解为一个LUT,一个记录了答案的索引,或者一张标记高度的“高度图”,他会告诉你什么地方的像素,应该进行什么程度的模糊。&/p&&p&也有文章指出,可以简单理解扩散剖面为一张权重查找表,不同的皮肤渲染方法,通常就是对扩散剖面的不同近似。&/p&&p&需要说明的是,与扩散剖面(diffusion profile)的概念往往一起出现的偶极子(Dipole)方法,多级子(Multipole)方法,高斯和(Sum-of-Gaussians)方法,都是更好地描述出扩散剖面(Diffusion Profiles)的一些策略。&/p&&p&对于一个平面来说当激光垂直照射它时会发现光扩散到周围,形成以照射点为中心的光晕,如果物体的材质各项均匀其散射行为和角度无关,我们就可以用一个一维函数来描述,对于不同的材质RGB根据距离衰减的行为是不一样的。扩散剖面(diffusion profile)就是用来描述光在物体内部的扩散(散射)行为。&/p&&p&具体来说,扩散剖面(diffusion profile)提供了光在高度散射的半透明材质表面下散射方式的近似。具体而言,它描述了以下简单实验的结果。&/p&&p&在暗室中使用非常薄的白色激光束照亮一个平坦的表面。我们将看到激光束照射到表面的中心点周围的光晕,因为一些光线在表面下方并在附近返回,如下(a)所示。&/p&&p&扩散剖面(diffusion profile)告诉我们有多少光作为角度和激光中心距离的函数出现。 如果我们只考虑均匀材质,则散射在所有方向上都是相同的,即散射行为和角度无关。&/p&&p&而每种颜色都有自己的剖面,我们可以将其绘制成一维曲线,如下图(b)所示。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c17c86d58c9e825a7aefe356c32676ab_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&231& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-c17c86d58c9e825a7aefe356c32676ab_r.jpg&&&/figure&&p&图 可视化扩散剖面(diffusion profile)&/p&&p&另外值得注意的是,RGB扩散的范围是不一样的,即扩散剖面具有很强的颜色相关性:红光比绿色和蓝色散射得更远。而正因为红色扩散得更远一些,所以耳朵和鼻子的部位通常会更有红彤彤的感觉。&/p&&p&时间方面,在2001年,Jensen 等人提出的散射模型[Jensen et al.2001]基于几种材质属性引入了扩散剖面,奠定了此流派的基础。并提出了使用偶极子(dipole)方程计算出扩散剖面的思想。&/p&&p&该方法简单地使用表面上两点之间的空间距离r来评估扩散剖面。其决定了任何两个位置之间的漫散射的描述问题,且无论两者之间的几何形状如何,如下图所示。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-92bda77a36da86fa0ebce5a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&450& data-rawheight=&349& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&https://pic1.zhimg.com/v2-92bda77a36da86fa0ebce5a_r.jpg&&&/figure&&p&图 用r进行曲面中漫散射(diffusion)的有效估算&/p&&p&给定几种属性,可以使用偶极子(dipole)方程计算出扩散剖面。而偶极子(dipole)也是较为常见的评估扩散剖面的方法。而有些文献中提到的偶极子剖面(Dipole Profiles),即是用偶极子(dipole)来表示的扩散剖面(diffusion profile)。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-764dfcfeabad1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&904& data-rawheight=&591& class=&origin_image zh-lightbox-thumb& width=&904& data-original=&https://pic3.zhimg.com/v2-764dfcfeabad1_r.jpg&&&/figure&&p&图 将入射光线转换为偶极子源以进行漫散射的近似[Jensen 2001]&/p&&p&我们可以将扩散剖面用R(r)表示。一般而言,所有材质都存在次表面散射现象,区别只在于其密度分布函数R(r)的集中程度,可分为两种情况:&/p&&p&(1)如果该函数的绝大部分能量都集中在入射点附近(r=0),就表示附近像素对当前像素的光照贡献不明显,次表面散射现象不明显,可以忽略,则在渲染时我们就用漫反射代替。&/p&&p&(2)如果该函数分布比较均匀,附近像素对当前像素的光照贡献明显,次表面散射现象明显,则需要单独计算次表面散射。&/p&&p&据此次表面散射的计算可以分为两个部分:&/p&&p&(1)对每个像素进行一般的漫反射计算。&/p&&p&(2)根据扩散剖面(diffusion profile)和(1)中的漫反射结果,加权计算周围若干个像素对当前像素的次表面散射贡献。&/p&&p&&br&&/p&&h2&&b&4.1 多级子(Multipole)方法&/b&&/h2&&p&&br&&/p&&p&上文提到,与扩散剖面(diffusion profile)概念往往一起出现的偶极子(Dipole),多级子(Multipole),高斯和(Sum-of-Gaussians),都是更好地描述出扩散剖面(Diffusion Profiles)的一些方案。&/p&&p&2005年,Donner and Jensen通过论文《Light Diffusion in Multi-Layered Translucent Materials》[Donner and Jensen 2005]将多极子(multipole)引入扩散剖面(diffusion profiles),来解决多层半透明材质中的次表面散射的渲染问题。&/p&&p&需要知道的是,多极子是偶极子概念的推广。在物理学中,对于含有2\^n个大小相等的点电荷,其中正负各半数,排列成有规律的点阵。n=0时,称为点电荷;n=1,称为偶极子(Dipole);n=2,称为四极子;n≥2,统称为多极子(Multipole)。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b5efe2be3abae935b19ae55e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1099& data-rawheight=&678& class=&origin_image zh-lightbox-thumb& width=&1099& data-original=&https://pic3.zhimg.com/v2-b5efe2be3abae935b19ae55e_r.jpg&&&/figure&&p&图 半无限几何图形的偶极子配置(左)和薄材质的多极子配置(右)[Donner 2005]&/p&&p&关于多极子拟合扩散剖面(diffusion profile)的具体方法,可见论文《Light Diffusion in Multi-Layered Translucent Materials》。&a href=&https://link.zhihu.com/?target=http%3A//jbit.net/%7Esparky/layered.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&jbit.net/~sparky/layere&/span&&span class=&invisible&&d.pdf&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&&br&&/p&&h2&&b&4.2 高斯和的扩散剖面(Sum-of-Gaussians Diffusion Profile)&/b&&/h2&&p&&br&&/p&&p&不难发现,对扩散剖面绘制的轮廓线类似于众所周知的高斯函数e^-r2,如下图。虽然单个高斯分布不能精确地拟合任何扩散分布,但实践表明多个高斯分布在一起可以对扩散剖面提供极好的近似。因此我们可以通过高斯函数来拟合扩散剖面(diffusion profile)。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c17c86d58c9e825a7aefe356c32676ab_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&231& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-c17c86d58c9e825a7aefe356c32676ab_r.jpg&&&/figure&&p&图 可视化扩散剖面(diffusion profile)&/p&&p&高斯函数表达式具有一些很好的特性,在当我们将扩散剖面表示为高斯和时,可以让我们非常有效地求解次表面散射。高斯函数是独特的,因为它们同时是可分离的和径向对称的,并且它们可以相互卷积来产生新的高斯函数。&/p&&p&这需要从偶极子或基于多极子的扩散剖面映射到高斯和。&/p&&p&对于每个扩散分布R(r),我们找到具有权重w i和方差v i的k个高斯函数:&/p&&figure&&img src=&https://pic4.zhimg.com/v2-72ccfceae5063c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&246& data-rawheight=&65& class=&content_image& width=&246&&&/figure&&p&我们为高斯函数的方差v选择以下定义:&/p&&figure&&img src=&https://pic4.zhimg.com/v2-5e8cbfe07ad773ba25ad98_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&226& data-rawheight=&48& class=&content_image& width=&226&&&/figure&&p&选择常数1/(2v)使得G(v,r)在用于径向2D模糊时不会使输入图像变暗或变亮(其具有单位脉冲响应(unit impulse response))。&/p&&p&下图显示了扩散剖面(diffusion profile)(用于大理石中绿光的散射)和使用两级和四级高斯和的近似剖面。&/p&&p&我们使用[Jensen et al. 2001]中提出的散射参数:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-564cfb60c1d9a9f8782a9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&281& data-rawheight=&104& class=&content_image& width=&281&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-d6fc84df40f2a005b8f83c4e7f3bf367_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&315& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic2.zhimg.com/v2-d6fc84df40f2a005b8f83c4e7f3bf367_r.jpg&&&/figure&&p&图 用多个高斯和拟合偶极子剖面(Dipole Profile)&/p&&p&从上图可以看出2个高斯函数和的Profile的误差较大,而4个高斯和已可以可以很好的逼近Profile。上述的四级高斯和为:&/p&&p&&img src=&https://www.zhihu.com/equation?tex=R%28r%29+%3D+0.070G%280.036%2C+r%29+%2B+0.18G%280.14%2C+r%29+%2B+0.21G%280.91%2C+r%29+%2B+0.29G%287.0%2C+r%29& alt=&R(r) = 0.070G(0.036, r) + 0.18G(0.14, r) + 0.21G(0.91, r) + 0.29G(7.0, r)& eeimg=&1&&&/p&&p&&br&&/p&&p&那么,如何确定这几个高斯函数的权重和方差?&/p&&p&这是一个很经典的问题,即给定一条曲线,如何用多项式或者三角函数去拟合。&/p&&p&自己求解是十分费事的事情,对于经典的问题往往有现成的工具可以直接运用,不用重复造轮子。文章(&a href=&https://link.zhihu.com/?target=http%3A//gad.qq.com/article/detail/33372& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&gad.qq.com/article/deta&/span&&span class=&invisible&&il/33372&/span&&span class=&ellipsis&&&/span&&/a&)提到,Matlab有一个曲线拟合功能即可满足我们的要求,详见&a href=&https://link.zhihu.com/?target=https%3A//cn.mathworks.com/help/curvefit/gaussian.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&cn.mathworks.com/help/c&/span&&span class=&invisible&&urvefit/gaussian.html&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&Matlab通过高斯函数拟合最多可以支持8个高斯函数下图1,而下图2和图3是用2个高斯函数进行拟合的例子。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-eea37284d9dbeb17b8b2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&930& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&930& data-original=&https://pic1.zhimg.com/v2-eea37284d9dbeb17b8b2_r.jpg&&&/figure&&p&图 Matlab中多个高斯拟合&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-0e766ab875fcfc0810626c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&736& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&736& data-original=&https://pic4.zhimg.com/v2-0e766ab875fcfc0810626c_r.jpg&&&/figure&&p&图 Matlab中多个高斯拟合&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-753bf6d47ff070a7109bc9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&560& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&560& data-original=&https://pic4.zhimg.com/v2-753bf6d47ff070a7109bc9_r.jpg&&&/figure&&p&图 通过2个高斯函数拟合曲线的例子&/p&&p&&br&&/p&&h2&&b&4.3 对皮肤的扩散剖面高斯和拟合(A Sum-of-Gaussians Fit for Skin)&/b&&/h2&&p&&br&&/p&&p&上一节讲到了高斯和的扩散剖面(Sum-of-Gaussians Diffusion Profile),并没有将其运用于皮肤渲染。本节将讲到适于皮肤的高斯和扩散剖面拟合。&/p&&p&对于大部分透明物体像牛奶,大理石一个偶极子剖面(Dipole Profile)足以,但是对于皮肤的这样多层结构的材质,用一个偶极子剖面(Dipole Profile)不能达到理想的效果。以一层材质配置一个偶极子(Dipole)的思路,通过3个偶极子(Dipole)即可模拟三层皮肤材质。实践表明,3个偶极子(Dipole)确实可以接近Jensen论文中的根据测量得出的皮肤Profile数据。&/p&&p&而3个偶极子剖面(Dipole Profile)通过前面描述的,对应于单个剖面的4个高斯函数不能得到很好的逼近结果。实践表明,通过6个高斯函数可以得到很不错的结果。&/p&&p&同样地,可以用前面提到的Matlab的拟合功能求解。下图是通过6个高斯拟合皮肤3层Dipole Profile的RGB对应的衰减,可以看出在红色比绿色和蓝色扩散的远得多。而得到的扩散曲线如下图所示。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-68f871f2407cfecc0420e2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&400& data-rawheight=&255& class=&content_image& width=&400&&&/figure&&p&图 三层皮肤模型的高斯和参数&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f2af14afacb6fd46bac0117_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&350& data-rawheight=&232& class=&content_image& width=&350&&&/figure&&p&图 适用于三层皮肤模型的高斯和拟合&/p&&p&这里需要注意的是,对于每个剖面,高斯项的权重和为1.0。这是由于我们是用一个漫反射颜色贴图来定义皮肤的颜色,而不是用一个与之相符的漫反射剖面。通过对这些剖面进行归一化来得到白色的漫反射颜色,确保在散射入射光之后,平均结果能保持白色。然后,将此结果乘以基于图像的颜色贴图以获得肤色的色调即可。&/p&&p&&br&&/p&&h2&&b&五、常规基于模糊的次表面散射方法&/b&&/h2&&p&&br&&/p&&p&上文提到,扩散剖面(diffusion profile)是描述光线如何在半透明物体中进行扩散和分布的函数。&/p&&p&得到扩散剖面(diffusion profile),即光线是如何在半透明物体中进行扩散和分布之后,接下来就可以对附近的像素进行加权求和,以模拟次表面散射的效果。&/p&&p&这个求和的过程其实是根据扩散剖面(diffusion profile)的指导,对周围像素进行模糊操作。按操作空间划分,比较常规的思路有两种:&/p&&p&&br&&/p&&ul&&li& 纹理空间模糊(Texture Space Blur)&/li&&li& 屏幕空间模糊(Screen Space Blur)&br&&/li&&/ul&&p&下面分别对其进行说明。&/p&&p&&br&&/p&&h2&&b&5.1 纹理空间模糊(Texture Space Blur)&/b&&/h2&&p&&br&&/p&&p&纹理空间漫散射(Texture-Space Diffusion),也常被称作Texture Space Blur(纹理空间模糊)方法,由[Borshukov and Lewis 2003]提出,首次用于进行《黑客帝国》续集中的面部渲染技术,可用于精确模拟次表面散射(subsurface scattering)。&/p&&p&其言简意赅的思路是利用皮肤中散射的局部特性,通过使用纹理坐标作为渲染坐标展开3D网格,在2D纹理中有效地对其进行模拟。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6417ddc7ae300a37e44ea9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&352& data-rawheight=&550& class=&content_image& width=&352&&&/figure&&p&图 用于进行《黑客帝国》续集中的纹理空间模糊(Texture Space Blur)面部渲染方法&/p&&p&&br&&/p&&p&GDC 2007有一场来自NVIDIA的talk “Advanced Skin Rendering”(&a href=&https://link.zhihu.com/?target=http%3A//developer.download.nvidia.com/presentations/2007/gdc/Advanced_Skin.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&developer.download.nvidia.com&/span&&span class=&invisible&&/presentations/2007/gdc/Advanced_Skin.pdf&/span&&span class=&ellipsis&&&/span&&/a&.)中,其采用Texture Space Blur的技术即为Gems 3中所描述的方案。&/p&&p&该技术在纹理空间做了6次高斯模糊,每一次高斯模糊即为偶极子(Dipole)近似所采用的高斯模糊的参数,如下图。Texture Space Blur有一个很严重的问题,需要较高的纹理分辨率,这导致每做一次高斯模糊都是很费的操作,更不要说6次高斯模糊。虽然当年这个技术取得的效果很不错,但是因为计算量等原因,很少有人实际去采用。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d18cbe00b07bf2bffe5ce5ca_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&414& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/v2-d18cbe00b07bf2bffe5ce5ca_r.jpg&&&/figure&&p&图 《GPU Gems 3》中改进的纹理空间模糊(Texture Space Blur)算法综述&/p&&p&纹理空间模糊(Texture Space Blur)进行Combining blurs操作的相关shader源码如下:&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&float3 diffuseLight= nonBlur* E1 * pow( diffuseCol, 0.5 );
float3 blur2tap = f3tex2D( blur2Tex, v2f.c_texCoord.xy );
float3 blur4tap = f3tex2D( blur4Tex, v2f.c_texCoord.xy );
float3 blur8tap = f3tex2D( blur8Tex, v2f.c_texCoord.xy );
float3 blur16tap = f3tex2D( blur16Tex, v2f.c_texCoord.xy );
float3 blur32tap = f3tex2D( blur32Tex, v2f.c_texCoord.xy );
diffuseLight+= blur2 * blur2tap.
diffuseLight+= blur4 * blur4tap.
diffuseLight+= blur8 * blur8tap.
diffuseLight+= blur16 * blur16tap.
diffuseLight+= blur32 * blur32tap.
// renormalize weights so they sum to 1.0
float3 norm2 = nonBlur+ blur2 + blur4 + blur8 + blur16 + blur32;
diffuseLight/= norm2;
diffuseLight*= pow( diffuseCol, 0.5 );
&/code&&/pre&&/div&&p&&br&&/p&&h2&&b&5.2 屏幕空间模糊(Screen Space Blur)[2009]&/b&&/h2&&p&&br&&/p&&p&屏幕空间模糊(Screen Space Blur) [Jimenez et al.2009]也常被称作屏幕空间次表面散射(Screen Space SubSurfaceScattering)或SSSSS。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-f3aeca97b60_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&748& data-rawheight=&276& class=&origin_image zh-lightbox-thumb& width=&748& data-original=&https://pic3.zhimg.com/v2-f3aeca97b60_r.jpg&&&/figure&&p&图 基于屏幕空间模糊(Screen Space Blur)的渲染图&/p&&p&和纹理空间模糊(Texture Space Blur)不同的是,屏幕空间模糊(Screen Space Blur)[Jimenez et al.2009]只需要处理被Stencil标记过的Skin的像素,极大地降低了Blur的像素数目,可以很大程度的提升性能。&/p&&p&该算法计算过程中会对Stencil标记出的皮肤材质进行若干次卷积操作,卷积核的权重由扩散剖面(Diffusion Profile)确定,而卷积核的大小则需要根据当前像素的深度(d(x,y))及其导数(dFdx(d(x,y))和dFdy(d(x,y)))来确定。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bf25c2a200a061a9c51c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1159& data-rawheight=&841& class=&origin_image zh-lightbox-thumb& width=&1159& data-original=&https://pic2.zhimg.com/v2-bf25c2a200a061a9c51c_r.jpg&&&/figure&&p&图 屏幕空间模糊(Screen Space Blur)思路概览&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-8b07c0956730dca3dd0c8c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1340& data-rawheight=&274& class=&origin_image zh-lightbox-thumb& width=&1340& data-original=&https://pic2.zhimg.com/v2-8b07c0956730dca3dd0c8c_r.jpg&&&/figure&&p&图 屏幕空间模糊(Screen Space Blur)算法流程图&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c219e83f7d2bedb0b12e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&748& data-rawheight=&626& class=&origin_image zh-lightbox-thumb& width=&748& data-original=&https://pic3.zhimg.com/v2-c219e83f7d2bedb0b12e_r.jpg&&&/figure&&p&图 屏幕空间模糊(Screen Space Blur)&/p&&p&&br&&/p&&p&从原理上来说,图像空间的方法和屏幕空间的方法很大程度上都是通过周边像素对当前像素的光照贡献来实现次表面散射的效果,区别不大,方法之间的区别通常只是在于如何去近似扩散剖面(Diffusion Profile),在性能和效果上有一个较好平衡。&/p&&p&&br&&/p&&h2&&b&六、其他皮肤渲染技术&/b&&/h2&&p&&br&&/p&&h2&&b&6.1 半透明阴影贴图(Translucent Shadow Maps,TSMs)&/b&&/h2&&p&&br&&/p&&p&《GPU Gems 3》中,通过改进半透明阴影贴图(Translucent Shadow Maps,TSMs)来实现皮肤渲染中透射效果的模拟。&/p&&p&考虑到纹理空间漫散射(Texture-Space Diffusion)不会很好地模拟在三维空间中非常接近的表面光通过透光区域的完全透射效果(如耳朵和鼻孔处桔红色的视觉外观)。《GPU Gems 3》改进了半透明阴影贴图(Translucent Shadow Maps,TSMs)(Dachsbacher and Stamminger 2004)方法,通过重用卷积过的辐照度纹理,能非常有效地估计通过较薄区域的漫散射。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c558cd076ff4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&314& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-c558cd076ff4_r.jpg&&&/figure&&p&图 《GPU Gems 3》中改进的Translucent Shadow Maps思路图示&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-9dd9acea79cd3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&450& data-rawheight=&425& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&https://pic4.zhimg.com/v2-9dd9acea79cd3_r.jpg&&&/figure&&p&图 在阴影区域计算透射光&/p&&p&另外,ShaderX7中的“Real-Time Subsurface Scattering using Shadow Maps”也介绍了类似的使用阴影贴图(Shadow Maps)来进行次表面散射模拟的方法。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-145ff7c80af1ac1b144bb7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1606& data-rawheight=&905& class=&origin_image zh-lightbox-thumb& width=&1606& data-original=&https://pic3.zhimg.com/v2-145ff7c80af1ac1b144bb7_r.jpg&&&/figure&&p&图 Rendering AAA-QualityCharacters of Project ‘A1’ @ NDC 2016 Programming Session&/p&&p&&br&&/p&&h2&&b&6.2 预积分的皮肤渲染(Pre-Integrated Skin Rendering)&/b&&/h2&&p&&br&&/p&&p&预积分的皮肤着色(Pre-Integrated Skin Shading)在《GPU Pro 2》的” Pre-Integrated Skin Shading”一文中正式进入大家的视野。&/p&&p&预积分的皮肤着色(Pre-Integrated Skin Shading),其实是一个从结果反推实现的方案,具体思路是把次表面散射的效果预计算成一张二维查找表,查找表的参数分别是dot(N,L)和曲率,因为这两者结合就能够反映出光照随着曲率的变化。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-9d45c1f79fe8dca9461f7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&877& data-rawheight=&710& class=&origin_image zh-lightbox-thumb& width=&877& data-original=&https://pic1.zhimg.com/v2-9d45c1f79fe8dca9461f7_r.jpg&&&/figure&&p&图 预积分的皮肤着色(Pre-Integrated Skin Shading)思路。&/p&&p&【左上:如何使用两个导数同时绘制曲率的图示。|右上:通过曲率(球面半径)和N·L索引的漫反射BRDF查找(The diffuse BRDF lookup)|下:使用该方法新的BRDF查找不同r大小,渲染渲染出的多个球体】&/p&&p&通过下图可以发现,预积分方法和纹理空间漫散射(Texture-Space Diffusion)的渲染效果在肉眼观察下看不出太多差别,但预积分的方法计算量却要小很多。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-396bd53b2a4a5d326edf9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1164& data-rawheight=&793& class=&origin_image zh-lightbox-thumb& width=&1164& data-original=&https://pic4.zhimg.com/v2-396bd53b2a4a5d326edf9_r.jpg&&&/figure&&p&图 预积分方法对比纹理空间漫散射(Texture-Space Diffusion)方法&/p&&p&另外,最终幻想15中的人物皮肤渲染,大量用到了预积分的皮肤渲染,如下图中的希德妮的渲染效果:&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d642a791df55bdac2c61_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&840& data-rawheight=&582& class=&origin_image zh-lightbox-thumb& width=&840& data-original=&https://pic3.zhimg.com/v2-d642a791df55bdac2c61_r.jpg&&&/figure&&p&图 基于 Pre-Integrated Skin Shading的《最终幻想15》希德妮渲染图【(左图:离线渲染,右图:游戏实时渲染】&/p&&p&关于预积分的皮肤渲染(Pre-Integrated Skin Rendering)的更多细节,可见《GPU Pro 2》中的” Pre-Integrated Skin Shading”一文。&/p&&p&&br&&/p&&h2&&b&6.3 SSSS,可分离的次表面散射(Separable Subsurface Scattering)&/b&&/h2&&p&&br&&/p&&p&次表面散射(Subsurface Scattering)被称作SSS,或3S,而可分离的次表面散射(Separable Subsurface Scattering)常被人称为SSSS,4S, Separable Subsurface Scattering,是Jimenez等人在2015年提出的新的渲染算法[Jimenez J 2015]。&/p&&p&上文提到,虽然屏幕空间模糊(Screen Space Blur)性能比纹理空间模糊(Texture Space Blur)好很多,但做6个高斯模糊需要12个pass(一个高斯模糊对应一个水平和垂直模糊)。&/p&&p&暴雪的Jorge等人,在GDC 2013,的talk“Next-Generation Character Rendering”(&a href=&https://link.zhihu.com/?target=http%3A//www.iryoku.com/images/posts/next-generation-life/Next-Generation-Character-Rendering-Teaser.pptx& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&iryoku.com/images/posts&/span&&span class=&invisible&&/next-generation-life/Next-Generation-Character-Rendering-Teaser.pptx&/span&&span class=&ellipsis&&&/span&&/a&)中首次展示了SSSS的渲染图,并在2015年通过论文正式提出了SSSS(可分离的次表面散射,Separable Subsurface Scattering)(&a href=&https://link.zhihu.com/?target=http%3A//iryoku.com/separable-sss& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&iryoku.com/separable-ss&/span&&span class=&invisible&&s&/span&&span class=&ellipsis&&&/span&&/a&)其通过水平和垂直卷积2个Pass来近似,效率更进一步提升,这是目前游戏里采用的主流技术,Unreal也对其进行了集成。&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-16cabe74b70a14ef467b8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&480& data-rawheight=&270& class=&origin_image zh-lightbox-thumb& width=&480& data-original=&https://pic3.zhimg.com/v2-16cabe74b70a14ef467b8_r.jpg&&&/figure&&p&图 可分离卷积(Separable Convolution)&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7a1aaa9899bce6ff554f8e9a3a902e19_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&960& data-rawheight=&540& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic1.zhimg.com/v2-7a1aaa9899bce6ff554f8e9a3a902e19_r.jpg&&&/figure&&p&图 基于SSSS的皮肤渲染 @GDC 2013 by Activision-Blizzard&/p&&figure&&img src=&https://pic4.zhimg.com/v2-fae2fad57ffef872aa30db_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1268& data-rawheight=&714& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic4.zhimg.com/v2-fae2fad57ffef872aa30db_r.jpg&&&/figure&&p&图 基于SSSS的皮肤渲染 @GDC 2013 by Activision-Blizzard&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1ca822fa96c6dddcbe9dea_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&857& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic3.zhimg.com/v2-1ca822fa96c6dddcbe9dea_r.jpg&&&/figure&&p&图《Separable Subsurface Scattering》论文中的SSSS渲染图 @ COMPUTER GRAPHICS forum 2015 by Jorge Jimenez @ Activision-Blizzard&/p&&p&&br&&/p&&h2&&b&6.4 路径追踪次表面散射(Path-Traced Subsurface Scattering)与光线步进(Ray Marching)&/b&&/h2&&p&&br&&/p&&p&路径追踪次表面散射(Path-Traced Subsurface Scattering)也有时被称作蒙特卡洛次表面散射(Monte-Carlo Subsurface Scattering),区别于传统的光栅图形学,是光线追踪流派下模拟次表面散射的技术,主要是基于Ray Marching的实现方案。&/p&&p&在SIGGRAPH 2017 Course: Physically Based Shading in Theory and Practice课程系列“Volumetric Skin and Fabric Shading at Framestore”(&a href=&https://link.zhihu.com/?target=http%3A//blog.selfshadow.com/publications/s2017-shading-course/walster/s2017_pbs_volumetric_notes.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&blog.selfshadow.com/pub&/span&&span class=&invisible&&lications/s2017-shading-course/walster/s2017_pbs_volumetric_notes.pdf&/span&&span class=&ellipsis&&&/span&&/a&)中有一些介绍,不过需要注意,此Course有些血腥,配图中一些是异形类生物的皮肤渲染。&/p&&p&同样,NDC 2016 Programming Session中的Rendering AAA-QualityCharacters of Project‘A1’也有一些介绍,相关PPT页面如下:&/p&&figure&&img src=&https://pic2.zhimg.com/v2-0dd0e3a64d10bda3cef3869eea01f4c7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1617& data-rawheight=&903& class=&origin_image zh-lightbox-thumb& width=&1617& data-original=&https://pic2.zhimg.com/v2-0dd0e3a64d10bda3cef3869eea01f4c7_r.jpg&&&/figure&&p&图 Rendering AAA-QualityCharacters of Project ‘A1’ @ NDC 2016 Programming Session&/p&&p&另外一些参考资料也包括:&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//www.cs.rpi.edu/%7Ecutler/classes/advancedgraphics/S11/final_projects/white.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&cs.rpi.edu/~cutler/clas&/span&&span class=&invisible&&ses/advancedgraphics/S11/final_projects/white.pdf&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&&br&&/p&&h2&&b&6.5 Deferred Single Scattering&/b&&/h2&&p&&br&&/p&&p&另外也有结合延迟渲染的方法,具体思路可见如下PPT:&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-014dda21af388f9a7421a5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1616& data-rawheight=&895& class=&origin_image zh-lightbox-thumb& width=&1616& data-original=&https://pic3.zhimg.com/v2-014dda21af388f9a7421a5_r.jpg&&&/figure&&p&图 Rendering AAA-QualityCharacters of Project ‘A1’ @ NDC 2016 Programming Session&/p&&p&&br&&/p&&h2&&b&七、本文内容总结&/b&&/h2&&p&&br&&/p&&p&以下是本文内容总结,即对当前业界真实感皮肤渲染技术的总结:&/p&&h2&1. 皮肤渲染建模&/h2&&p&皮肤渲染过程可由两个分量组成:&/p&&ul&&li& 镜面反射(specular reflection)&/li&&li& 次表面散射(subsurface scattering)&br&&/li&&/ul&&p&其中,次表面散射的真实感模拟,是主要难点。&/p&&h2&2. 镜面反射部分&/h2&&p&镜面反射(specular reflection)部分的光照模型可用:&/p&&ul&&li& Torrance-Sparrow&/li&&li& Kelemen and Szirmay-Kalos specular BRDF&/li&&li& 基于物理其他高光模型&/li&&/ul&&p&其中,Kelemen and Szirmay-Kalos specular BRDF在实现和Torrance-Sparrow模型一样的渲染效果时,计算量要小得多。&/p&&h2&&b&3. 次表面散射部分&/b&&/h2&&h2&3.1 扩散剖面(Diffusion Profile)&/h2&&p&扩散剖面(diffusion profile)是描述光线如何在半透明物体中进行扩散和分布的函数。&/p&&p&与扩散剖面常一起出现的三种方法:&/p&&ul&&li& 偶极子(Dipole)方法&/li&&li& 多级子(Multipole)方法&/li&&li& 高斯和(Sum-of-Gaussians)方法&/li&&/ul&&p&它们都是更好地描述出扩散剖面(Diffusion Profiles)的一些策略。得到扩散剖面(diffusion profile),即光线是如何在半透明物体中进行扩散和分布之后,接下来就可以对附近的像素进行加权求和,以模拟次表面散射的效果。这个求和的过程其实是根据扩散剖面(diffusion profile)的指导,对周围像素进行模糊操作。&/p&&p&按操作空间划分,常规的思路有两种:&/p&&ul&&li& 纹理空间模糊(Texture Space Blur)&/li&&li& 屏幕空间模糊(Screen Space Blur),也称屏幕空间次表面散射(Screen Space
SubSurfaceScattering)或SSSSS。&/li&&/ul&&h2&3.2 其他皮肤渲染技术&/h2&&ul&&li& 半透明阴影贴图(Translucent Shadow Maps,TSMs)&/li&&li& 预积分的皮肤渲染(Pre-Integrated Skin Rendering)&/li&&li& 可分离的次表面散射(SSSS , Separable Subsurface Scattering)&/li&&li& 路径追踪次表面散射(Path-Traced Subsurface Scattering)与光线步进(Ray Marching)&/li&&li&Deferred Single Scattering&/li&&/ul&&h2&4. 皮肤渲染技术发展史&/h2&&ul&&li& 次表面光照传输模型(Subsurface Light Transport, SSLT)[2001]&/li&&li& 扩散剖面(Diffusion Profile) [2001]&/li&&li& 偶极子(dipole) [2001]&/li&&li& 纹理空间模糊(Texture Space Blur)[2003]&/li&&li& 多极子(multipole) [2005]&/li&&li& 屏幕空间模糊(Screen Space Blur)或屏幕空间次表面散射(SSSSS,Screen Space SubSurface Scattering)[2009]&/li&&li& 路径追踪次表面散射(Path-Traced Subsurface Scattering)与光线步进(Ray Marching)[2009]&/li&&li& 预积分的皮肤着色(Pre-Integrated Skin Shading)[2010]&/li&&li& 可分离的次表面散射(SSSS,Separable Subsurface Scattering)[2015]&/li&&li& 等&/li&&/ul&&h2&&b&八、本文的GitHub版&/b&&br&&/h2&&p&不少朋友们喜欢看GitHub版本的文章,我也很喜欢。&/p&&p&首先,MarkDown可以很方便地插入快捷导航目录,能进行瞬间跳转到指定子章节。其次,GitHub版本的文章中没有单篇文章的字数限制,少了很多篇幅方面的桎梏。而且因为Git的便利性,版本管理的优势,最新的勘误和修订,以及新文章的更新,第一时间会在GitHub的Repo中进行。&/p&&p&&b&【本文的GitHub版本传送门】:&/b&&/p&&a href=&https://link.zhihu.com/?target=https%3A//github.com/QianMo/Game-Programmer-Study-Notes/blob/master/Content/%25E3%AGPU%2520Gems%%E5%%25E4%25B9%25A6%25E6%258F%%2582%25BC%25E6%2580%25BB%25E7%25BB%2593/Part1/README.md& data-draft-node=&block& data-draft-type=&link-card& data-image=&https://pic2.zhimg.com/v2-5e14b339cd_ipico.jpg& data-image-width=&200& data-image-height=&200& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&QianMo/Game-Programmer-Study-Notes&/a&&p&&br&&/p&&h2&&b&九、参考文献&/b&&/h2&&p&&br&&/p&&p&[1] Eugene d'Eon, David Luebke. GPU Gems 3, Chapter 14. Advanced Techniques for Realistic Real-Time Skin Rendering,2007.(&a href=&https://link.zhihu.com/?target=https%3A//developer.nvidia.com/gpugems/GPUGems3/gpugems3_ch14.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&developer.nvidia.com/gp&/span&&span class=&invisible&&ugems/GPUGems3/gpugems3_ch14.html&/span&&span class=&ellipsis&&&/span&&/a&)&/p&&p&[2] Volumetric Skin and Fabric Shading at Framestore , SIGGRAPH 2017 Course: Physically Based Shading in Theory and Practice(&a href=&https://link.zhihu.com/?target=http%3A//blog.selfshadow.com/publications/s2017-shading-course/walster/s2017_pbs_volumetric_notes.pdf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&blog.selfshadow.com/pub&/span&&span class=&invisible&&lications/s2017-shading-course/walster/s2017_pbs_volumetric_notes.pdf&/span&&span class=&ellipsis&&&/span&&/a&)&/p&&p&[3] Rendering AAA-QualityCharacters of Project ‘A1’, NDC 2016 Programming Session&/p&&p&[4] &a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&&span class=&invisible&&https://&/span&&span class=&visible&&zhuanlan.zhihu.com/p/27&/span&&span class=&invisible&&014447&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&[5] &a href=&https://link.zhihu.com/?target=http%3A//gad.qq.com/article/detail/33372& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&gad.qq.com/article/deta&/span&&span class=&invisible&&il/33372&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&[6] &a href=&https://link.zhihu.com/?target=http%3A//gad.qq.com/article/detail/33373& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&gad.qq.com/article/deta&/span&&span class=&invisible&&il/33373&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&[7] &a href=&https://link.zhihu.com/?target=http%3A//www.iryoku.com/next-generation-life& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&iryoku.com/next-generat&/span&&span class=&invisible&&ion-life&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&[8] &a href=&https://link.zhihu.com/?target=https%3A//gamingbolt.com/final-fantasy-15s-in-game-characters-are-as-impressive-as-the-pre-rendered-ones& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&gamingbolt.com/final-fa&/span&&span class=&invisible&&ntasy-15s-in-game-characters-are-as-impressive-as-the-pre-rendered-ones&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&[9] Next-Generation-Character-Rendering ,GDC 2013 &a href=&https://link.zhihu.com/?target=http%3A//www.iryoku.com/images/posts/next-generation-life/Next-Generation-Character-Rendering-Teaser.pptx& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&iryoku.com/images/posts&/span&&span class=&invisible&&/next-generation-life/Next-Gene}