Tweet
Tweet

Slide 1

Slide 1 text

UISFFKTͷ1#3 5FDI'FFE&YQFSUT/JHIU খࢁాߊߒ

Slide 2

Slide 2 text

גࣜձࣾϐΫηϧάϦου খࢁాߊߒ @yomotsu

Slide 3

Slide 3 text

w 1IZTJDBM#BTFE3FOEFSJOH 
 ෺ཧϕʔεϨϯμϦϯά w ʮܦݧଇʯͰ͸ͳ͘ɺ 
 ʮΤωϧΪʔอଘଇʯʹجͮ͘ 
 .VTUBEIFSFUPUIFFOFSHZDPOTFSWBUJPOQSJODJQMF w ͟Β͟Βɺۚଐ࣭ɺͳͲͷύϥϝʔλ 
 "EKVTUXJUITNPPUIOFTT NFUBMMOFTTFUD 
 1#3

Slide 4

Slide 4 text

൓ࣹޫͷ૯ྔ͸ೖࣹޫΛ௒͑ͳ͍ 
 0VUHPJOHMJHIUOFWFSCSJHIUFSUIBOJODPNJOH

Slide 5

Slide 5 text

൓ࣹޫͷ૯ྔ͸ೖࣹޫΛ௒͑ͳ͍ 
 0VUHPJOHMJHIUOFWFSCSJHIUFSUIBOJODPNJOH

Slide 6

Slide 6 text

൓ࣹޫͷ૯ྔ͸ೖࣹޫΛ௒͑ͳ͍ 
 0VUHPJOHMJHIUOFWFSCSJHIUFSUIBOJODPNJOH

Slide 7

Slide 7 text

ޫ୔͕΄͍͠ʜ 
 1IPOH୯ʹεϖΩϡϥΛ૿΍͢ 
 1#3πϧπϧʹ֦ͯ͠ࢄΛݮΒ͢ 1IPOH.PEFM

Slide 8

Slide 8 text

1JYBSͷలࣔʹߦ͘ͱ1#3 %JTOFZ1SJODJQMFE#3%' Λֶ΂·͢ 
 :PVDBOMFBSO1#3BU1JYBSTFYIJCJUJPO#58

Slide 9

Slide 9 text

1JYBSͷలࣔʹߦ͘ͱ1#3 %JTOFZ1SJODJQMFE#3%' Λֶ΂·͢ 
 :PVDBOMFBSO1#3BU1JYBSTFYIJCJUJPO#58

Slide 10

Slide 10 text

w S Ͱ.FTI4UBOEBSE.BUFSJBM௥Ճ w S Ͱ.FTI1IZTJDBM.BUFSJBM௥Ճ w .FTI1IZTJDBM/PEF.BUFSJBMͱ.FTI4UBOEBSE/PEF.BUFSJBM w ͍·΋ɺHM5'ͷ֦ுʹ൐ͬͯ 
 .FTI1IZTJDBM.BUFSJBM͸֦ு͞Εଓ͚Δ 
 ʢUSBOTNJTTJPOɺTIFFOɺJSJEFTDFODFͳͲʣ UISFFKTͰͷ1#3

Slide 11

Slide 11 text

All demos were rendered in three.js

Slide 12

Slide 12 text

new THREE.MeshPhysicalMaterial( { color: new THREE.Color( 0xffffff ), emissive: new THREE.Color( 0x000000 ), roughness: 0.2, metalness: 0, normalMap: null, attenuationColor: new THREE.Color( 0xffffff ), iridescence: 0, clearcoat: 0.3, clearcoatRoughness: 0.25, transmission: 0, ior: 1.5, thickness: 10.0, sheen: 0, sheenColor: new THREE.Color( 0xffffff ), ior: 1.2, } )

Slide 13

Slide 13 text

https://yomotsu.github.io/examples/2022-10-05-techfeed-experts-night-5/1/ ͥͻɺ͓खݩͰ͓ࢼ͍ͩ͘͠͞ʂ 5SZUIJTZPVSTFMG

Slide 14

Slide 14 text

https://yomotsu.github.io/examples/2022-10-05-techfeed-experts-night-5/2/

Slide 15

Slide 15 text

w HM5'ͷ࢓༷ʹ଍Γͳ͍ػೳ͸֦ு͍͍ͯ͠ 
 HM5'GPSNBUDBOCFFYUFOEFE w HM5'ͷओͳ֦ு͸ɺUISFFKT΋αϙʔτ͢Δ 
 ʢ#BCZMPOKT΍1MBZ$BOWBT΋ಉ༷ʣ 
 UISFFKTBOEPUIFSMJCTTVQQPSUUIFFYUFOTJPOT HM5'༝དྷͷ֦ு

Slide 16

Slide 16 text

base color metalness roughness normal occlusion emissive ...

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_ior HM5'֦ுͷࡦఆʹ͸ 
 &ίϚʔεͷձࣾ΋ଟ਺ࢀՃ 
 ʢ"NB[POɺ4IPQJGZɺXBZGBJSɺ5BSHFUɺ*,&"ͳͲʣ 
 .BOZ&$PNNFSDFDPNQBOJFTBSFBUUFOEJOH

Slide 19

Slide 19 text

https://help.shopify.com/ja/partners/resources/creating-media/3d-models/creating-3d-models/

Slide 20

Slide 20 text

https://webgi.pixotronics.com/

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

w ϦΞϧλΠϜ%͸ɺ1#3Ͱ͚ͬ͜͏ϦΞϧ 
 3FBMUJNF8FC%JTBDUVBMMZ RVJUFSFBMXJUI1#3 w ʮήʔϜʯʮ঎඼ʯͳͲ͍Ζ͍Ζ࢖͑Δ 
 $BOCFVTFEHBNFT QSPEVDUTBOEPUIFST w HM5'ͷ֦ு͸ɺ1#3ͷਐԽ 
 1#3JTFWPMWJOHXJUIHM5'FYUFOTJPOT w ֤ϥΠϒϥϦͷ1#3ਐԽ͍ͯ͠Δ 
 8FC%MJCTBSFBMTPFWPMWJOH $PODMVTJPOT

Slide 23

Slide 23 text

w ͨͩ͠1#3͸͢͜͠ॏ͍ʜ 
 ಛʹUSBOTNJTTJPO 
 BDUVBMMZ TMJHIUMZIFBWZ w .FTI4UBOEBSE.BUFSJBM΍ 
 .FTI(PVSBVE.BUFSJBM΋ݕ౼͠Α͏ 
 ʢ.FTI(PVSBVE.BUFSJBM͸QFSWFSUFYͷ-BNCFSUϞσϧʣ 
 NBZDPOTJEFSVTJOHPUIFST $PODMVTJPOT

Slide 24

Slide 24 text

͓ΘΓ !ZPNPUTV