Apple Motion5を使っていると、ライブラリに「立方体」がないのを不便に感じます。 今までは平面を6つ作成してそれぞれを配置していたのですが、リプリケータを使うことでより綺麗な立方体を作成で...

Macを使っていて、しばらく放置していると自動的にスクリーンが切り替わりますよね。 ぽっぷっpあれはスクリーンセーバーと呼ばれているのですが、実はスクリーンセーバーに自分の好きな動画を指定することも...

MacのMotion5というアプリケーションを使って、テキストがバラバラに崩れ落ちるような映像を作成してみました。...

WEBでサイトを見ていると、記事を読み終わったタイミングや読み始めのタイミングで、ページ上部や目的の項目が書かれた箇所まで自動スクロールしたい時がありますよね。 そのような動作もjQueryを使えば...

Motion5で映像を作っていると、テキストの1文字だけ座標を変更したい場合があると思います。 Motion5であれば、作成したテキストを1文字ずつバラバラに編集することができるので、その方法を紹介...

Appleが提供している「Motion5」というアプリケーションを使うことで、ワンランク上の映像を作ることができます。 今回は、テキストを爆発させる方法を紹介します。...

HTMLのCanvasというコードを使うことによって、WEB上にお絵かきできるサイトを作成することができます。 Canvasの使い方が分かれば、直線や図形を描けるようになるのでチェックしてみてくださ...

javascriptやjQueryを使うことによって、様々なプログラムを組むことができます。 そこで今回は、jQueryを使って時間を計ることができるストップウォッチを作ってみようと思います。...

YouTubeに動画をアップする時に、サムネイルを設定すると思います。動画アップ画面で表示されるサムネイルを使っても良いのですが、どうせなら自分で作ったサムネイルを使いたいですよね。そこで、カスタムサ...

cssやhtmlをカスタマイズして、保存してから変更を確認する時に毎回ブラウザを更新しますよね。 そのような時に自動リロードできたら便利だと思いませんか。 今回紹介する「Browsersync」を使...

jQueryでは、cssをいじることによって要素の値を変更することができます。 そこで今回は、jQueryを使って「要素がクリックされたら、その要素を回転させ続ける」方法を紹介します。...

これまで、幾つかの記事に分けてCanvasの使い方を紹介してきましたが、今回は図形や文字に影をつける方法を紹介します。 文字や図形に影をつけることで、立体的に描画することができますので試してみてくだ...

先日、Canvasを使ってWeb上に星や直線、円などを描画する方法を紹介しました。 実はCanvasには「fillText」というメソッドを用いることで「文字」を書くこともできるので紹介します。...

前回、canvasを使って図形や円を描画する方法を紹介しました。 その中で直線を描画した時に線がぼやけて表示されてしまったと思います。 今回はそのような時の対処法について紹介します。...