
こんにちはです。あっちのそららです。
今回は、HTMLとCSS(ウェブ制作などで使う言語)で、クリームソーダを描画してみました。
「Result」で確認できます。
泡はJavaScriptとcanvasで表現しました。サイズ、位置、透明度などは乱数にし、毎回ランダムに描画されます。
バランスを考慮し、泡の数は40個に設定。味気無さとしつこさの中間という絶妙なラインを見定めるのが難しい。
全体的に正円を組み合わせた構造になっています。グラスの脚が一筋縄ではいかなかった。
canvasはあまり触ったことがなく難易度が高かったですが、夏らしいさわやかな作品ができました。
CSSがごちゃついてしまった。