ヒント：このヒントを見たとき、現在の記事は元のemlogブログシステムからここに移転されたものであり、記事の公開日時がかなり前であるため、編成や内容が完全でない可能性がありますので、ご了承ください。
あなたのブログに Live2D 看板娘を追加しましょう
日付：2017-12-24 阿珏 コードをいじる 視聴：10584 回 コメント：43 件
先日、多くの人のブログでこのLive2D看板娘を見かけ、非常に興味を持ちました！それで、関連するチュートリアルを調べて、自分のブログにも追加しました。
前書き #
本記事で使用されているモデルは 薬水制作師 のモバイルゲームから解凍されたものです。著作権は公式に帰属します。（そうです、私もこのゲームを推薦しに来ました）live2d は先進的な技術ではなく、その効果は基本的な平行移動、回転、透明度、曲面変形などの操作によって実現されています。最終的な効果はテクスチャに大きく依存し、各アクションは制作師の精密な調整が必要です。これは大量の時間と労力を消費するプロセスであり、質の高いモデルは多くありません。質の高いものは一般的にゲーム内で、著作権が保護されていますので、 無断使用はできません 。
準備作業 #
以下のコードは私が 正々堂々と 後宮学長 から盗んできた魚を調理したものです。
まずは私の Github から再整理したlive 2Dのコードをダウンロードしてください（ 二人のアクションと初期の三セットのテクスチャを含む ）ので、やはり煮た方が美味しいです~
ダウンロード後、コードをあなたのブログのルートディレクトリに解凍してください。（ディレクトリの位置はカスタマイズ可能です）
その後、解凍したフォルダーの名前を「live2d」に変更してください。（名前は何でも構いません、見た目が最も重要です）
(少女の盲目的な分析中)
食べ方 #
それでは、皆さんに食べ方を教えましょう、ああ、実際に食べてしまいました
あなたのブログプログラムのヘッダーファイル（header.php）にインターフェーススタイルを導入し、headタグ内に以下のコードを挿入してください：
あなたのブログプログラムのフッターファイル（footer.php）にスクリプトを導入し、bodyタグの終了前に以下のコードを挿入してください：
上記のコードを使用する際は、絶対パスに注意してください：
私のブログ www.52ecy.cn と 52ecy.cn はどちらもアクセス可能ですが、引用時にwwwを使用した場合、www.52ecy.cnにアクセスする際には問題ありませんが、52ecy.cnに直接アクセスすると、クロスドメインの問題（サブドメインが異なることもクロスドメインに該当します）によりjsonが読み込まれず、あなたの看板娘が表示されなくなります。
以下のコードに変更できます（キャラクターの切り替えも対応するフォルダー名に変更すれば大丈夫です）
適切なページ位置にLive2D看板娘の要素を挿入できます。下部に配置することができます：
マウスをページの特定の要素に置いたときに、Live2D看板娘にヒントを表示させたい場合は、message.jsonファイルを修正してください。
それでは、あなたのブログページをリフレッシュして、効果を見てみましょう！
パスを間違えないように注意してください ~
テーマ関数を使用してパスを取得するのは非常に良い方法です。
絶対パスを使用して引用することをお勧めします。相対パスのように引用しないでください。
完成品の効果を楽しむ #
Tia
なんてこった、悪名高いウォーターマークよ、どこへ行った！
具体的な効果は、このブログの左下にいるPioをいじってみてください（そうです、彼女の方が可愛いと思います）
結論 #
どのように衣装を変更するかについては、原作者（ 猫とひまわり ）のこの記事《 ブログに動く看板娘（Live2D）を追加する - モデルに関するあれこれ 》本文に登場する 「薬水制作師」、「Potion Maker」の表記およびアプリ内に含まれるテキスト、モデル、画像、アクションデータなどの所有権はすべて 「薬水制作師」の作者 Sinsiroadに帰属し、研究学習のためのものであり、商業目的での使用は禁じられています。
読者のコメント：
路人甲 7 ヶ月前 (2020-09-03)
本当に優秀です
6666666 9 ヶ月前 (2020-07-24)
管理者の既存の看板娘を使いたいのですが、パッケージを共有してもいいですか [# 得意]
锟斤拷锟斤拷. 1 年前 (2020-01-23)
本当に戻るのは負の二負の一に分かれます
阿珏 1 年前 (2020-01-24)
@锟斤拷锟斤拷.：相手はあなたの言いたいことをあまり理解していないので、帽子を送ってくれました [#aru_136]
ICON 1 年前 (2019-11-23)
最初の紫色のアイコンの中の v は何のソフトウェアですか [#aru_21]
@ICON：モデルを確認するには、LIVE2D 公式提供の Live2D Viewer を使用しています。
龗尧 2 年前 (2019-04-18)
追跡質問
IP アドレスを残した後、
看板娘が表示されません
これはなぜですか？
@龗尧：理解できません
龗尧 2 年前 (2019-04-21)
@阿珏：ああ... こんにちは、これは私のブログです：http://www.zhangyyao.com/
具体的に言うと、確かに表現が難しいです
あなたは入って見てみることができます
お手数をおかけします（顔を覆う）
長期的に連絡を取り続けることはできますか？（私は質問し続けるのが怖いです）
@龗尧：非常に普通です、見なくても大丈夫です、長期的に連絡を取り続けたい場合は、グループに参加できます。グループ番号は自分で探してください [#wb_doge]
「適切なページ位置に Live2D 要素を挿入する」この行のコードは footer.php に入れるのですか？
ついでに看板娘の衣装変更を求めます（星の目で切実に）
@龗尧：どちらでも大丈夫です、衣装変更は私の友達のリンクにある FGHRSH ブログで新しいバージョンを探してください。
苏哲 2 年前 (2019-02-15)
知更鳥テーマと衝突しているのでしょうか、追加した後、ウェブサイトの記事の画像が表示されなくなりました
@苏哲：それはおそらくいくつかの場所で衝突があるのでしょう、具体的にどこかは難しいです。
QQ アカウントエラー 2 年前 (2019-01-06)
スキンをください
[email protected] ありがとう
wa 2 年前 (2018-11-11)
大佬、これに基づいて、広樹 typecho プラグインと imjad.cn の大佬の血小板を統合しました
https://github.com/samondlee/typecho_Live2dHistoire1/tree/master/Live2dHistoire
しかし、あなたのようにスクリーンショットや衣装変更ができず、猫とひまわりの大佬の血小板のように跳ね回ることもできません。なぜでしょうか、うううう
アニメーションはすでに読み込まれています。
@wa：跳ね回れないのはアクションファイルに問題があるかもしれません。スクリーンショットや衣装変更ができないのは、js ファイルに問題があるのでしょう。具体的には私もよくわかりませんが、既存のものを使うのが一番良いです。ハハ
失うことで大切にする 2 年前 (2018-11-07)
## このコメントはプライベートコメントです ##
@失うことで大切にする：17 素材網で検索できます。
Į 2 年前 (2018-09-01)
普通のウェブページに看板娘を追加できますか [#aru_1]
@Į：そして、私のこのテキストは表示されましたが、アニメーションモデルがずっと表示されません。
@Į：理論的には可能ですが、衝突がない限り。
晨熙 2 年前 (2018-08-24)
告白壁にこれを置けますか？？
@晨熙：理論的には可能です。
交際猫 2 年前 (2018-07-20)
コードがコピーできない 233 [#aru_113]
牧羊 2 年前 (2018-07-14)
あのコードをコピーできません、貴サイトの衣装変更を求めます、ありがとう。
易小独 2 年前 (2018-07-09)
そのフレームコードを得るために、開発者を出した結果、コンピュータが半時間死にました [#aru_15]
@易小独：本当に申し訳ありませんが、あなたのために探すことができます。
@阿珏：私は欲しいです。
刘德华 2 年前 (2018-07-19)
@易小独：chrome でブレークポイントを無効にすれば大丈夫です～[#(ハハ)]
@刘德华：言わないで、シー～
杨小杰ブログ 2 年前 (2018-05-10)
この娘は 6 です
@杨小杰ブログ：あなたが好きならそれでいいです。
henry 2 年前 (2018-05-10)
## このコメントはプライベートコメントです ##
[#aru_42] 他のウェブサイトプログラムにも追加できますか。例えば私のこれ。
@henry：理論的にはすべて可能です。
冷梦丶 2 年前 (2018-04-08)
[#aru_18] この看板娘の分は共有しないのですか～[#aru_91]
星星 2 年前 (2018-03-30)
スキンを求めます、ありがとう [#aru_1]
スキンを求めます、ありがとう [#aru_1]
inpm 3 年前 (2018-03-13)
+1 スキンを求めます
[email protected]
pony 4 年前 (2018-01-28)
= =、貴サイトのリフレッシュ衣装変更方法が欲しいです。
@pony：URL や qq を残したくないのですが、どうやってあなたに渡せばいいですか？
′千玄 4 年前 (2018-02-22)
@阿珏：衣装変更のこの詳細には気づいていませんでした、すごいですね～