もう3年前になるけど、html5のcanvas要素を使って、画像ファイルを極力使わずにWebサイトをリッチな見た目にする方法を考えていた。当時、スマホやタブレット、ノートPCなどのモバイル端末は、日を追うごとに画面が解像度化、演算能力は向上していった。このまま進むと「ボトルネックとなるのはマシンの演算能力よりもデータ通信速度じゃないか？」って思うようになった。
端末の画面の高解像度化に伴って、より高解像度に耐えうるWebサイトが必要とされ、サイトに掲載される画像の容量は増え、ストレージを圧迫し、ダウンロードにも時間がかかる。そう考えると、大容量の画像ファイルを通信回線に載せるよりも、描画アルゴリズムだけを通信すれば良いんじゃないかって。CGで言うところのプロシージャルテクスチャのような手法を使えば、クライアント側のマシンパワーでリッチな背景を生成できるんじゃないかと。
html5のcanvasを使えば、CGを描画するのと同じように、ブラウザ上に自由にグラフィックを描画できる。当時、すでにこういうものが登場していた↓
canvasでキラキラした背景を作る方法
背景を画像ではなく乱数を使ってcanvasに円を描画する、広義のプロシージャル手法ってこと。
当時はjavascriptも知らなかったのでこれで全体像を勉強した。↓
さらに最近ではWebGL環境も整ってきて、ブラウザ上で手軽にCGが描画できるライブラリも出てきた。
jsdo.itのページ
ということで、こういう考えでWordPressテーマを自作したいのであった。
関連記事
UnityのTransformクラスについて調べてみた
Pylearn2：ディープラーニングに対応したPythonの...
HD画質の無駄遣い
Unityで学ぶC#
WordPressのサーバ引っ越し方法を考える
iOSで使えるJetpac社の物体認識SDK『DeepBel...
C++始めようと思うんだ
OpenMVSのサンプルを動かしてみる
C++ 標準テンプレートライブラリ (STL)
線画を遠近法で描く
OpenCVで顔のモーフィングを実装する
konashiのサンプルコードを動かしてみた
アクセス元IPアドレスから企業名が分かるアクセス解析『Use...
タマムシっぽい質感
オープンソースの物理ベースGIレンダラ『appleseed』
網元AMIで作ったWordpressサイトのインスタンスをt...
Raspberry PiのGPIOを操作するPythonライ...
チャットツール用bot開発フレームワーク『Hubot』
フォトンの放射から格納までを可視化した動画
ディープラーニング
Raspberry Pi 2のGPIOピン配置
adskShaderSDK
Math Inspector：科学計算向けビジュアルプログラ...
PyTorch3D：3Dコンピュータービジョンライブラリ
HTML5・WebGLベースのグラフィックスエンジン『Goo...
WordPress on Google App Engine...
iOSデバイスと接続して連携するガジェットの開発方法
Model View Controller
今年もSSII
iOSデバイスのためのフィジカル・コンピューティングツールキ...
Russian3DScannerのトポロジー転送ツール『Wr...
続・ディープラーニングの資料
オープンソースのロボットアプリケーションフレームワーク『RO...
ブログがダウンしてました
動的なメモリの扱い
UnityでOpenCVを使うには？
Caffe：読みやすくて高速なディープラーニングのフレームワ...
Rerun：マルチモーダルデータの可視化アプリとSDK
Quartus II
Google App Engine上のWordPressでA...
OpenMesh：オープンソースの３Dメッシュデータライブラ...
組み込み向けのWindows OS 『Windows Emb...
コメント