ARTICLE

gifjsとjsgifの違い

初めに gifjsとjsgifともにgifを生成できるライブラリになっています。 ではどのように違うのか?調査してみました。 どう違うのか? jsgifもgifjsも核となっているjsは同じです。 ・LZWEncoder.js ・NeuQuant.js ・GIFEncoder.js この3つのjsが基本的に使われるjsです。 jsg

#javascript 2020.06.03
VIEW

Google for jobsに求人情報を掲載する

Google for jobsとは Google for jobsとは、Googleにて求人に関するキーワードを検索した際に、求人という項目で検索結果の特定の位置に表示される機能のことです。 Google for jobsに掲載されることで、検索広告に次いでページ上部の項目に表示されるため、検索結果からの流入増加などのメリットが期待できます。 掲載の仕組み Google

#Google for jobs#SEO 2020.05.28
VIEW

Real Time 3D Surface Shader in WebGL

はじめに 身体と同化するテクノロジーをテーマにWEBGLのモックアップを作ってみました。 インスピレーション 今でこそ、プロジェクションマッピングや巨大ビジョンが商業的にも有名になっていますが、 そのルーツを探っていくと、彫刻、建築、インスタレーション、 さらには、ライトアートやルミナアートなどのジャンルに触れることができます。 さらにライトアートやルミナアートの世界を覗い

#glsl#p5js#webGL 2020.03.23
VIEW

WEBGLでスペキュラー:水面表現

はじめに 今回は、WEBGLで球体を並べてテクスチャーを動かす表現を作ってみました。 内容 10 x 10で100個の基本的な球体オブジェクトをならべ、 サイン関数・コサイン関数で制御することで、 浮遊感のある波のような表現をさせています。 また、手持ちカメラのようなカメラワークをwebGL で再現するのに 実験的に実装してみました。 ここは改善の余地がまだありそうです

#webGL#p5js 2020.03.17
VIEW

WEBGL with p5.jsで地形メッシュを作る

はじめに 表現系でよくある、プリミティブな地形を作ってみました。 アルゴリズム自体は、シンプルで頂点ごとに、Sin関数で変化させ、 メッシュでつないでいきます。 今回は、WEBGL系の機能を含めバージョンアップした「P5js」 +「 WEBGLでビジュアル」を作ってみました。 P5.jsの実装 以下p5.jsの実装です。 p5jsのWEBGLの安定性・高速化されたということで、

#p5js#glsl#webGL 2020.03.11
VIEW

iOSからWatchOSとのConnectivity with SwiftUI

はじめに 今回は、Swift UI をはじめ進化したXcode11を試していくということで、 iOSとWatchOSを連携させてみたいと思います。 Swift UIが発表されてしばらく立ちますが、まだまだ知見が少ないように感じているので共有していきます。 「Apple Watch Appで心拍データを取得する(With Swift UI)」 「SwiftUIで棒ゲージとリング

#WatchOS#iOS#Swift5#SwiftUI 2020.03.03
VIEW

ARKit3でObject Trackingする With Unity

はじめに 今回は、iOS向けのARのフレームワークであるARKitがバージョン3になって 機能が追加され、Unityからの開発方法が少し変わったみたいなので、色々試してみたいと思います。 前回ARKitとARCoreを比較した際にARKit特有の機能の一つであるObject Trackingというのが色々できそうだったので、試して行きたいと思います。 開発環境 以下の環境でテ

#ARkit3#AR#ARkit#Unity#機械学習#物体認識 2020.02.14
VIEW

AR Kit vs ARCoreのどっちを使おう?with Unity

はじめに ARことAugmented Realityは、筆者としても大注目の分野で、高性能化に加えて、技術的なハードルも下がりつつ、簡単に試せるようになってきています。 例えば、SparkARは、顔や画像検出をベースにしたARを簡単なGUI操作だけで作ることができ、オリジナルのInstargramフィルターを作ることができます。 もう少し本格的なARアプリ開発ツールとして、Appleが開

#AR#ARCore#ARkit3#Unity 2020.02.12
VIEW

SwiftUIで棒ゲージとリングゲージをつくる in Apple Watch

はじめに 今回はSwiftUIを使って、AppleWatchアプリのヘルスケアやワークアウトでよく見るリングゲージを作ってみたいと思います。 Apple Watchでよく見るバッチ?というか、円形のグラフ?というか、円状でリングを閉じていくあのグラフです。 Digital Crownでパラメータを取得して簡単な棒ゲージを作りつつ、リングゲージを動かせるデモを作っていきたいと思います。

#SwiftUI#UI#WatchApp#リングゲージ#棒ゲージ 2020.01.28
VIEW

Apple Watch Appで心拍データを取得する With Swift UI

はじめに タイトルの通りApple Watch アプリケーション開発を進めていきます。 今回はHealth Kitにアクセスして心拍の取得を行えるアプリケーションを作っていきます。 また、Xcode11から本格導入された、Swift UIを使って簡単なUIを作っていきます。 開発環境 OSX Catalonia 10.15.2 Xcode Version 11.3

#HealthKit#Swift5#SwiftUI#Watch 2020.01.22
VIEW