記事

  • facebook
  • twitter
  • youtube

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/

よく読まれる記事

2018.10.05