[threejs] CanvasTextureでグラデーションテクスチャを貼る(2)
(1)の応用です。テクスチャとして使用したcanvasのグラデーションを更新します。ソースを見ると分かりますがグラデーションの色の更新はthreejsとは特に関係ありません。 [crayon-600ad6b2d1a607 […]
[threejs] CanvasTextureでグラデーションテクスチャを貼る(1)
three.js（r79）でCanvasをテクスチャとして利用する方法です。 まずはthreejs関係なくjsでグラデーションを描画します。
|
1 2 3 4 5 6 7 8 9 10 11 |
canvas = document.createElement('canvas') canvas.width = 100 canvas.height = 100 context = canvas.getContext('2d') context.beginPath() grad = context.createLinearGradient(0,0,0,100) grad.addColorStop(0,'rgba(255,255,255,0)') grad.addColorStop(1,'rgba(255,255,255,1)') context.fillStyle = grad context.rect(0,0,100,100) context.fill() |
Canvas […]
[threejs] 扇形を描画する
three.js（r79）で扇形を描画する方法。 CircleGeometryの第3、4引数を利用します。 第3引数に開始角度、第4引数に終了角度を代入します。（共にラジアン角） DEMO 以下デモのソース（Coffee […]
町田リス園
今年初エントリ。 昨年12月からほぼ土日も仕事しててようやく写真撮りにいけました。
たわし #3
no title
忘年会帰り、電車の窓から見えた二子玉の朝日が綺麗で、思わず電車を降りて撮影。 イルミネーション
生田緑地
6D GR
こどもの国 - GR
