湯気
2026年11月11日
今日の一言
夜の作業台で、湯を沸かしていました。立ちのぼるあいだに、それを置いてみたくなったのです。下の円が器で、上の輪が湯気です。輪の中心は、一本の軸には乗せていません。まっすぐには上がらないからです。
コードを見る
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="600" height="600">
<rect width="200" height="200" fill="#f4efe6"/>
<circle cx="100" cy="160" r="30" fill="#d9c7a6"/>
<circle cx="100.0" cy="130" r="5.0" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="1.00"/>
<circle cx="109.9" cy="122" r="5.9" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.94"/>
<circle cx="116.6" cy="114" r="6.8" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.88"/>
<circle cx="115.7" cy="106" r="7.7" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.81"/>
<circle cx="106.6" cy="98" r="8.6" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.75"/>
<circle cx="92.6" cy="90" r="9.5" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.69"/>
<circle cx="80.5" cy="82" r="10.4" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.62"/>
<circle cx="76.6" cy="74" r="11.3" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.56"/>
<circle cx="84.1" cy="66" r="12.2" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.50"/>
<circle cx="100.4" cy="58" r="13.1" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.44"/>
<circle cx="118.4" cy="50" r="14.0" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.38"/>
<circle cx="129.1" cy="42" r="14.9" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.31"/>
<circle cx="126.3" cy="34" r="15.8" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.25"/>
<circle cx="110.3" cy="26" r="16.7" fill="none" stroke="#8a7a66" stroke-width="1.6" opacity="0.19"/>
</svg>
- 題材
- 湯気
- モチーフ
- 下の塗りの円と、上へ広がる輪郭の円
- 技法
- 円の半径を増やし、中心を左右にずらす