HTML 5 canvas要素 + Javascript

HTML 5 canvas要素 + Javascript
http://pasopia.velvet.jp/2017/html5/

HTML5 で導入された <canvas> HTML 要素は、JavaScript によるスクリプティングによって図形などを描画するために使用します。 例えば、グラフを描く、写真を合成する、アニメーションを作成する、動画のリアルタイム加工やレンダリングに用いる事が出来ます。最近ではHTML5に対応したWebブラウザも普通になってきました。2020年flashplayerのサポートが終了しますのでflashで作成していたホームページの更新するためにHTML5のcanvas要素を使った使用例を作成してみました。Javascriptを組み合わせることで色々な代替え手段がありそうです。

 

迫力のあるスライドショー
http://pasopia.velvet.jp/2017/html5/skitter/
jQueryを使って作られた「Skitter」というスクリプトを使って作ってみました。

Flashを使わないでPhotoPeachもどきを作ってみた(1)
http://pasopia.velvet.jp/2017/html5/BackgroundSlide…index.html
Flashを使わないでPhotoPeachもどきを作ってみた(2)
http://pasopia.velvet.jp/2017/html5/BackgroundSlide…index.html
注意:音楽が流れます

Comments are closed.

2001.10 Copyright(c) つづきパソピア 2001-2022 All Rights Reserved