<ハ-ドル低めカスタムエレメントの始め方 />

<ハ-ドル低めカスタムエレメントの始め方 />

1a679952cdf455ecd6a15cbde7ae80d5?s=128

Tomohiko Himura

March 03, 2017
Tweet

Transcript

  1. 6.
  2. 9.
  3. 15.

    my-app { display: block; background-color: #eee; width: 300px; } my-contact

    { display: block; margin: 10px 10px 0 10px; background-color: white; } my-contact > my-user { padding: 4px; font-size: 10px; } my-contact > my-header { font-size: 10px; }
  4. 17.
  5. 25.

    <a-scene> <a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-s <a-box position="-1 0.5

    1" rotation="0 45 0" width="1" height="1" <a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="# <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4">< <a-sky color="#ECECEC"></a-sky> <a-entity position="0 0 3.8"> <a-camera></a-camera> </a-entity> </a-scene>
  6. 31.

    v1 apiの対応ブラウザ • Safari 10.1 以降 (未リリース?) • Google Chrome

    54 以降 • Google for Android 55 以降 • Opera 41 以降 IUUQTIUNMTQFDXIBUXHPSHNVMUJQBHFTDSJQUJOHIUNMDVTUPNFMFNFOUT
  7. 32.
  8. 34.