顎を横にずらすしぐさについて元FBI対スパイ捜査官の記事を参考にどんな意味かを調べてみました。

今回は簡単に人工知能（ＡＩ）っぽいものが作れてしまう自律エージェントというシステム作りました。 小さな自律式ロボがちょろちょろ動き回るのは見ていて可愛いものがあります。 自律エージェントのベースとなる考え方も、私たちの何気ない意思決定行動の…

今回のモチーフは花火です！ 季節はまだ春にもならない2/21ですが... 前に、javascriptで花火を30分で作る方法みたいなのを見たことがあって作ってみたかったんですよね。季節外れではありますが、結構かわいい花火が作れるので、是非参考にしてみてください…

今回はNode.jsとSocket.ioを使ってサーバーとクライアントの双方向通信を可能にしたペイントを作ります。WindowsでNode.jsを始めてやったのですが右も左も分からない状況で、エラーが出ずに動くようになるまで大変でした。参考にした記事も載せておくのでWin…

p5.jsとprocessing.jsをつかったプログラミングに興味を持たれた方のために、p5/processingの始め方を紹介します。つまずいてしまうことが多いところなので、分からなかったら質問してください。 最も簡単な方法 OpenProcessingに直書き PC版：基本の始め方…

今回はWebカメラを使います！ カメラから受け取ったイメージを1200個のチェックボックスがチェックのオンとオフだけで表現するんです！ 使用したのはp5.jsの方です。プログラムの内容は簡単な方ですが、chromeだとローカルサーバー上で動かす必要があるので…

メタボールといえば3Dでよく聞く言葉ですよね。2つの球体が近づいていくにつれて徐々に結合していく感じが私は好きです。今回は3Dではなく2Dでメタボールを作りました。メタボールを実現させるためのベースとなるアイデアは同じなので、3D版メタボールを作る…

Puffinってブラウザ知ってる？ 「幻」というか単に自分が初耳のブラウザだっただけなんですが Puffin Web BrowserとはCloudMosa社が開発しているiOS・Android用ブラウザです。CloudMosa社はアメリカに2つのデータセンターを持っています。アジア開拓のため台…

今回は拡散律速凝集（かくさんりっそくぎょうしゅう：DLA）とよばれるものを作りました！ランダムに動く粒子が、核となるものに結合していった結果できる集合体（クラスタ）です。 制作物 拡散律速凝集：DLAについて 解説 今回の教材 まとめ 関連記事 なぜYo…

第二回 Processingの勉強 前回に引き続き、The Coding Trainの動画を見ながら作ってみました。今回は3Dを扱うためp5.jsではなく3D描写に有利なprocessing.jsを使ってます。 完成品 動画を見て少しアレンジしたものがこちらです。（重たくなって来たらボタン…

p5.jsは視覚的表現に特化したプログラムをjavascriptで簡単にかけるようにしたjsライブラリの一つです。web上でも簡単に動かすことができます。 今回動画を見ながら作ったものはフラクタルの木です。クリックすると木が分裂していくようになっています。 な…

料理が大好きな人向けのQuugle 最近話題となっているQuugleは質の良いレシピが検索できるようにしたGoogleカスタム検索を持ったWebサイトです。 このようなサイトを作った経緯が書かれた記事に『料理が好きであれば、検索エンジンの上位に来るように対策され…

Top 10 VR Trends for 2017 - Mobile Geeks この記事の翻訳・要約に加え、VR・ARについて調べてきたことを書こうと思います。 2017年のVRトレンド ライセンスフリー vSports（eSports VR） 独立型トラッキングデバイス 2017年、ARの方は... Googleの空間認識…

ポップアップ辞書のLookupperを導入してみた！ ポップアップ辞書とは マウスオーバーやマウスクリックをするだけで、英単語の意味を表示してくれる機能のことです。インストールする辞書によって英和、英英と表示したい辞書を選ぶこともできます。 いまから…