Yaju3D https://blog.hatena.ne.jp/Yaju3D/ デジタル・デザイン・ラボラトリーな日々 https://yaju3d.hatenablog.jp/ 射影変換 2D テクスチャマッピング 今回は、透明画像の対応について説明します。今回、使用する透明画像はこのボール(png形式)になります。 背景画像には、このかわいい猫ちゃんを使います。 前回のプログラムのままでは透明画像に対応していないため、ボールの周りが黒色になってしまいます。 これは、ImageDataをそのまま描画するputImageDataメソッドでは透過されない仕様のためです。 ※前回のプログラムでは、透明度を255(不透明)固定してセットしていますが、255以下にしても透過されません。 Javascript における imageData のアルファ（透明度）について - Yahoo!知恵袋 の回答によると imag… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyaju3d.hatenablog.jp%2Fentry%2F2013%2F10%2F20%2F042729" title="射影変換(ホモグラフィ)について理解してみる　その１０ - デジタル・デザイン・ラボラトリーな日々" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/Y/Yaju3D/20131020/20131020023846.png Hatena Blog https://hatena.blog 2013-10-20 04:27:29 rich https://yaju3d.hatenablog.jp/entry/2013/10/20/042729 1.0 100%