UPDATE:2024.7.12
- CATEGORY
CSSでドット絵を簡単に描く!「DotGen.css」ジェネレータの紹介
Contents
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/07/DotGen-css.jpg)
DotGen.css
「DotGen.css」はcssでドット絵を表現できるcssジェネレータです。![](https://apricot-design.com/wp2023/wp-content/uploads/2024/07/DotGen_1.jpg)
使い方
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/07/DotGen_3.jpg)
あとは「Control」で「paint」をチェックし、「color」で色を決めたら左側のペイントエリアにドット絵を打っていくだけです。
間違えたら「Control」の「eraser」で削除することもできます。
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/07/DotGen_1.jpg)
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/07/DotGen_2.jpg)
最後に
普通に作成したらとても難しいCSSでのドット絵ですが、このジェネレータを使えばとても簡単に作成できます。ぜひ機会があれば使ってみたいジェネレータでした!