エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Live2D作りたい Live2Dすごいですよね。 さらに「Live2D Euclid」で360度動けるなんてもう意味がわかり... Live2D作りたい Live2Dすごいですよね。 さらに「Live2D Euclid」で360度動けるなんてもう意味がわかりません(褒め言葉) あんなものを自分で作って見たいですよね。 そこで技術力皆無の僕がjavascriptでLive2Dっぽいものを作りたかった話をします。 脳筋プログラミング その1 思考力がないので脳筋で実装。 DOMでキャラのパーツごとの要素をそれぞれ誤差を与えながら動かす。 ※比がおかしくてすみません。 ああ、なんか怖い。 あとDOMでtopやleftを動かしているのでガタガタと揺れちゃってる。 さて、どうしよう... canvasで同じようなとこをやってみよう! 脳筋プログラミング その2 パーツごとの画像を 上記のような感じで一旦読み込んだ後、 canvasコンテキストのctx.drawImage()で各パーツごとに誤差を与えながら描画する。 使う画像は事