コミュ障だから明日が僕らをよんだって返事もろくにしなかったスマートフォン用の表示で見るコミュ障だから明日が僕らをよんだって返事もろくにしなかった何かを創る人に憧れたからブログをはじめたんだと思うよホームアバウト活動日誌お問い合わせ2018-08-06月曜時計Processing.js聞いたことがある、それは月曜日にだけ見ることのできる時計......災厄の時代、かつて人々は救済を求めてとある教会へと走った。そこには大きな時計があったからだ......。苦しむ民が願うと、たちまち......。はい、おはようございます。冒頭謎創作ではじまるクソブログの時間です。いったわけで謎創作ついでに月曜恒例の意味わかんないやつつくった。まともにテストしてないから動くかどうかは分からんやつ。月曜日のときのみアナログ時計が表示されます。月曜以外で無理やり見たい場合はシステム時間をいじるなりしてやってください。Processing側でDOMと日付の制御をどうやるかわからなかったのでJavaScriptで書いてしまい、なんかアレなコードになってしまった。なんで作ったのかといえば、これの動作確認的に作ってみたやつです。Processing.jsProcessing.jsは画像、各種データ可視化、動的コンテンツなど描画用に設計されたプログラミング言語であるProcessingのJavaScript移植版である。FlashやJavaアプレットを用いることなくウェブブラウザ上で動画、ゲームなどが実装できる。Chromeなどでサポートしている)にレンダリングするためにJavaScriptを活用している。2008年にジョン・レシグ氏と大学生達により最初の移植版が公開され、後に12回の再公開、900以上のバグ修正、コミュニティ構築を経て、移植作業が完了した。動かせるようにしたものらしいです。なにさと言うとデジタルアートつくる言語です。教育用言語とかでも使われていたと思う。ブログ始めたころに書いていたやつだけど、あの頃から僕は全く成長していないですね......。inujini.hatenablog.comそんなやつがみんな大好きJSFiddle*1で利用できたので使ってみたのでした。使い方忘備録まじめにハウトゥー情報を見てないのでこれが正しいのかは不明だけど、日本語情報が全く見当たらないので残しておきます。1.Processing.jsを読み込みます。2.CanvasタグとProcessingスクリプトを用意します。id"を使って描画対象を設定する感じっぽいです...。あと、type属性をtype="text/processing"にすればProcessing形式のデータと認識してくれるそうです*2。3.setup()とdraw()にゴリゴリ肉付けして動かします。以上、3ステップでなんかいろいろ図形を描いたりできます。*1:今のところ僕以外使っている人を見たことがない*2:これで動かすとJavaScriptの書き方でも動くからtype属性とは一体とかなった......。先日、555記事達成しました。(2)ブログアメブロ[トップへ]はてなブログをはじめよう!andronさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。