CSSのfilterを使って、背景色に合わせた文字色を自動的に設定する
背景色が動的に変わる状況で、文字色が見えなくならないように良い感じに設定したい時があります。JavaScriptで書いても良いのですが面倒なので、CSSのfilterを使って上手いことやってもらう方法をご紹介します。
ccv.jsを使ってWeb上でリアルタイムな笑い男をやってみた
HTML5のvideoタグとcanvasタグ、ccv.jsというライブラリを使用して、ブラウザだけでカメラ入力を解析、顔認識をさせて笑い男の画像を重ねるプログラムを書いてみました。
HTML5でマイクで拾った音を色々して何か作った。
HTML5のaudioタグとcanvasタグ、それからAnalyserNode APIを使って、録音やマイク入力をブラウザだけで解析・可視化してみました。色々と面白いことが出来そうです。
python/OpenCVで複数の画像から背景だけを取り出す
同じ場所で撮られた複数の画像を処理して、その場所の背景画像を生成するプログラムをPython/OpenCVで実装してみました。動体検出の仕組みを応用して自分で実装しています。
HTML5のcanvasの中身をコピー
HTML5のcanvasを使ってお絵描きした内容を、そのまままるごとコピーする方法です。結構簡単に出来るみたいです。
HTML5のcanvasでお絵描きしてみた。
HTML5のcanvasを使用して、簡単なお絵描きツールのようなものを作ってみました。結構色々遊べそうです。
iPadではcssのbackground-attachmentを使えないらしい
iPadではCSSの`background-attachment`が動かないようです。なので、別の方法で同じようなことを実現してみました。