もう3年前になるけど、html5のcanvas要素を使って、画像ファイルを極力使わずにWebサイトをリッチな見た目にする方法を考えていた。当時、スマホやタブレット、ノートPCなどのモバイル端末は、日を追うごとに画面が解像度化、演算能力は向上していった。このまま進むと「ボトルネックとなるのはマシンの演算能力よりもデータ通信速度じゃないか？」って思うようになった。
端末の画面の高解像度化に伴って、より高解像度に耐えうるWebサイトが必要とされ、サイトに掲載される画像の容量は増え、ストレージを圧迫し、ダウンロードにも時間がかかる。そう考えると、大容量の画像ファイルを通信回線に載せるよりも、描画アルゴリズムだけを通信すれば良いんじゃないかって。CGで言うところのプロシージャルテクスチャのような手法を使えば、クライアント側のマシンパワーでリッチな背景を生成できるんじゃないかと。
html5のcanvasを使えば、CGを描画するのと同じように、ブラウザ上に自由にグラフィックを描画できる。当時、すでにこういうものが登場していた↓
canvasでキラキラした背景を作る方法
背景を画像ではなく乱数を使ってcanvasに円を描画する、広義のプロシージャル手法ってこと。
当時はjavascriptも知らなかったのでこれで全体像を勉強した。↓
さらに最近ではWebGL環境も整ってきて、ブラウザ上で手軽にCGが描画できるライブラリも出てきた。
jsdo.itのページ
ということで、こういう考えでWordPressテーマを自作したいのであった。
関連記事
OpenCVの三角測量関数『cv::triangulatep...
機械学習手法『Random Forest』
MPFB2：Blenderの人体モデリングアドオン
Google App EngineでWordPress
UnityでTweenアニメーションを実装できる3種類の無料...
Rerun：マルチモーダルデータの可視化アプリとSDK
フルCGのウルトラマン！？
PyTorch3D：3Dコンピュータービジョンライブラリ
adskShaderSDK
ブログの復旧が難航してた話
TensorSpace.js：ニューラルネットワークの構造を...
IronPythonを使ってUnity上でPythonのコー...
PyDataTokyo主催のDeep Learning勉強会
Polyscope：3Dデータ操作用GUIライブラリ
Swark：コードからアーキテクチャ図を作成できるVSCod...
WordPressプラグインの作り方
Unityからkonashiをコントロールする
書籍『ゼロから作るDeep Learning』で自分なりに学...
OpenCV3.3.0でsfmモジュールのビルドに成功！
大河原邦男オリジナルデザイン『iXine(イグザイン)』
MythTV：Linuxでテレビの視聴・録画ができるオープン...
OpenCVで動画の手ぶれ補正
Google XML Sitemap Generatorプラ...
Super Resolution：OpenCVの超解像処理モ...
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
WordPress on Windows Azure
今年もSSII
ZScript
Caffe：読みやすくて高速なディープラーニングのフレームワ...
仮想関数
オープンソースの人体モデリングツール『MakeHuman』の...
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
HerokuでMEAN stack
OpenGVのライブラリ構成
Unityの薄い本
書籍『仕事ではじめる機械学習』を読みました
BGSLibrary：OpenCVベースの背景差分ライブラリ
OpenCVの超解像(SuperResolution)モジュ...
GitHub Pagesで静的サイトを作る
Raspberry PiのGPIOを操作するPythonライ...
OpenCVでカメラ画像から自己位置認識 (Visual O...
R-CNN (Regions with CNN featur...
コメント