- ホーム>
- 記事トップ>
- デザイン・コーディング>
- Webサイトを華やかに彩るParticle Developの活用方法
カテゴリ別にみる
Webサイトを華やかに彩るParticle Developの活用方法
CD松江です!(^^)/HTML5製デザインツール「Particle Develop」は、雪や炎、キラキラなどのパーティクル表現を作成でき、ベクターグラフィックスとなっているので、保存したSVGファイルをIllustratorで配置したり、再編集できるツールですが、活用されたことはございますか?
※Particle Develop
http://ics-web.jp/projects/particle-develop/
Webデザインの表現の一つとして、このParticle Developを活用するとしますと、まず思いつくのはキャンペーンサイトやLPなどの背景にパーティクル表現を使うことだと思います。
こちらのサイトに、HTMLにJSを埋め込んで使う方法が掲載されていますのでよろしければ参考にしてみてください!
https://ics.media/entry/11172
HTML5のcanvasを使って背景に設置する際は、CSSでZ-indexなどで配置するか、下記を参考にするといいかと思います~。
※canvasをサイトの背景に使う方法
http://honttoni.blog74.fc2.com/blog-entry-203.html
以上、表現メモでした!(^^)/
<制作・プロモーションのご依頼、ご相談はこちら>
TEL:03-3568-4420
URL: https://www.hiwell.co.jp/promotion/contact/
<サービス一覧>
FBプロモーションサービス:http://hiwell.jp/lp/fb/
Web・DTPデザイン:https://www.hiwell.co.jp/works#webdtp
プロジェクションマッピング:https://hiwell.jp/lp/projection-mapping/
- HTML5
- JavaScript
- Webサイト制作
- コーディング
- デザイン
よく読まれる記事
- instagram運用
- インスタグラム
2019.06.27
- instagram運用
- ブランディング
2018.10.05