• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:javascriptのcanvasについて)

JavaScriptのcanvasについての勉強とカラーシミュレーションの作成方法

このQ&Aのポイント
  • JavaScriptのcanvasについて勉強を続けながら、2つ重ねたカラーシミュレーションを作りたい
  • 画像の入れ替えや色の変更はできるが、ボタンを押した際に色が元の状態に戻ってしまう
  • カラーシミュレーションにおいて、画像を入れ替えながら色を固定する方法が知りたい

質問者が選んだベストアンサー

  • ベストアンサー
  • byDesign
  • ベストアンサー率75% (45/60)
回答No.2

最初にも記載しましたが、選択色を覚えておいてhair関数内で対応する色の関数を呼べば良いのではないでしょうか? 具体的には以下でどうでしょう var currentColor = 0; // currentIndexの下についか ----- black関数内でcurrentColor = 0; brown関数内でcurrentColor = 1; red関数内でcurrentColor = 2; ----- image2関数のctx.drawImage(img, 0, 0);の次の行に switch(currentColor){ case 0: black(); case 1: brown(); case 2: red(); }

shitsumon10
質問者

お礼

byDesign様 ご回答有難うございます。 今回も具体的な方法まで教えて頂き本当にありがとうございます。 私の記入箇所などの間違いかもしれないのですが、教えて頂いたことを何度かやってみても、うまく出来ませんでした。 ただ教えて頂いたことの意味はわかりましたので、参考にさせて頂きもう少しやってみようと思います。 ありがとうございました。

shitsumon10
質問者

補足

byDesign様 お礼コメント記載後に希望しているものが出来ました。 教えて頂いたものを参考にしまして、 hair関数内のctx.drawImage(img, 0, 0);の次の行に、 switch(currentColor){ case 0: black(); break; case 1: brown(); break ; case 2: red(); break; default:black(); break; } と記述したところ希望の内容のものが出来ました。 byDesign様の助言があってたどり着くことが出来ました。 本当にありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • byDesign
  • ベストアンサー率75% (45/60)
回答No.1

何をしているのか良く分かりませんが、現在の選択色を覚えておいて、 hair関数内で対応する色の関数を呼べば良いのではないでしょうか?

shitsumon10
質問者

お礼

ありがとうございます。参考にさせて頂き方法を探してみます。

shitsumon10
質問者

補足

例えば、下記リンクのような場合に髪の色を赤や茶色に変化させたまま、髪型を変更するようなものを目指しています。 http://www.geocities.jp/kugayamanokoe/index.html

すると、全ての回答が全文表示されます。

専門家に質問してみよう