ep.35 UIT 自由研究居残り編 - Live2Dを使ってCSSとSVGの限界を試してみた話 | UIT INSIDE - LINE UIT の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

LINE UIT の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/03/12 に公開 562 views

このエピソードについて

@spring_raining が Live2D をモデルを CSS で再現してみた実験結果について、 @potato4d が色々と聞いてみました。

Live2D in CSS
- SVG+CSS AnimationでLive2Dを動かす - はるさめスープ
  - https://spring-raining.hatenablog.com/entry/2020/01/25/223809
- CSSLive2d Live demo
  - https://spring-raining.github.io/CSSLive2D/out
- GitHub Source Code
  - https://github.com/spring-raining/CSSLive2D
About Live2D
- Live2D
  - https://www.live2d.com/
Technique
- Cubism SDK
  - https://www.live2d.com/download/cubism-sdk/
- About SVG clip-path
  - https://developer.mozilla.org/ja/docs/Web/SVG/Tutorial/Clipping_and_masking
  - CSS clip-path
    - https://developer.mozilla.org/ja/docs/Web/CSS/clip-path
- CSS matrix
  - https://developer.mozilla.org/ja/docs/Web/CSS/transform-function/matrix