Skip to content
No description, website, or topics provided.
HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
README.md
index.html

README.md

cremea-maker

プログラム

Description

世界観の作り方で一躍有名になったクレメアさんのアイコンを星の形や色を変更できるよう、クレメアメーカーとして作成。
オリジナルのクレメアアイコンを作成できます。
JavaScriptとBootstrapを使用しています。
クレメアマークはcanvasで描画し、星の数や色変更時に再描画して表示させています。
PCでは右クリックなどで保存はできますが、ボタンで画像を保存できるようにしています。

tool

以下のcdnを使用。

Bootstrap

プログラムやデザイン作成の際に参考にしたサイト
https://qiita.com/noraworld/items/10926dfa6c88f3afdbb3

https://saruwakakun.com/html-css/reference/twitter-card

https://blog.capilano-fw.com/?p=247

https://javascript.programmer-reference.com/js-canvas-clearrect/

http://shanabrian.com/web/javascript/canvas-style.php

http://tmlife.net/programming/javascript/html5-canvas-star-polygon-draw.html

http://www.html5.jp/canvas/how.html

Demo

https://mac-like.com/cremea-maker/

Author

ShakaSeYuki

You can’t perform that action at this time.