LilPacy.info

快楽な不幸を捨て苦痛まみれの幸福を求める男の物語

未分類

p5.js/レスポンシブデザイン

投稿日:

お気づきだろうか。当サイトホーム画面のヘッダーがぬるぬる動いている。

極めてユーザー思いじゃないのは重々承知なのだが、あえてこの様な気儘な振る舞いをすることを謝りたい。

Processingをjsに移植したp5.jsを使い、javascriptでCanvas要素としてリアルタイムレンダリングしている。

僕の低スペックなkindle fireからだと、果たせるかな、若干重かった。

需要があれば実装方法やコードなど詳しく解説してみたい。

-未分類

執筆者:


comment

関連記事

iTerm2/zsh/vim スクロールでカーソル移動

シェルにおけるマウス/トラックパッドのスクロールでのカーソル移動。 ターミナルだとデフォルトだが、iTerm2だと設定が必要、非常にわかりにくい。 まずcommand+,で設定画面を開き タブの右端に …

p5.jsで球体を3行で描画

p5.jsを使うと、こんな球体がjavascript3行で書けてしまう。 以下、完成したこーど。 function setup() { createCanvas(300,300,WEBGL); sph …

no image

Mac/シェル/容量の大きなファイルを洗い出すコマンド

Macのターミナルから5GB以上のフォルダを洗い出すコマンド $ sudo du -g -x -d 5 / | awk ‘$1 >= 5{print}’ 参考 http://kayakuguri …

no image

python range 浮動小数使えない問題

pythonのrange関数だと0.5刻みでリストを作りたいなど使えない問題がある。 それを解決してくれるのがNumpyのlinspace関数なのだ。 例えば、range(0,11,0.5)みたいに、 …

no image

pdf/mobiをkindleに送信

概論 結論、メールにpdfを添付して端末に送るという流れになる。 詳細 以下のリンクよりコンテンツ、端末管理画面にいける。 kindleコンテンツ、端末の管理画面 まず3つあるタブのうち右端の設定タブ …