JavaScript
「Handtrack.js」は手を認識するJSライブラリです。 「Handtrack.js」とは？ ダウンロード デモ 「Handtrack.js」とは？ 手を認識できるJSです。 認識の速度や精度はいいように思います。 ダウンロード GitHub - victordibia/handtrack.js: A library for pr…
「js-handtracking」はハンドトラッキングが使えるライブラリです。 「js-handtracking」とは？ ダウンロード デモ 「js-handtracking」とは？ ハンドトラッキングに便利なJSライブラリです。 ダウンロード ライブラリはこちら。 https://github.com/jcmella…
「Shape Detection API」は顔認識ライブラリです。 「Shape Detection API」とは？ ダウンロード デモ 「Shape Detection API」とは？ JavaScriptから使える顔認識ライブラリです。 ダウンロード デモ コードサンプルはこちら。 JSで3分でできる「 顔認識 」…
「Pico.js」は顔認識ライブラリです。 「Pico.js」とは？ ダウンロード デモ 「Pico.js」とは？ 顔認識用のJSライブラリ。 他にもライブラリはありますが、Picoは複数人判定も可能です。 ダウンロード ライブラリはこちら。 GitHub - shimabox/face_recognit…
「Face Detection」は顔認識用ライブラリです。 「Face Detection」とは？ ダウンロード デモ 「Face Detection」とは？ jQueryプラグインとしての顔識別ライブラリです。 jQuery/Zepto Face Detection Plugin (jaysalvat.com) ダウンロード ライブラリはこ…
「Kittydar」はライブラリです。 「Kittydar」とは？ ダウンロード デモ 「Kittydar」とは？ 猫の顔を識別。 ダウンロード ライブラリはこちら。 https://github.com/harthur/kittydar デモ デモはこちら。 http://harthur.github.io/kittydar/ 猫写真をドラ…
「js-objectdetect」は顔認識で使えるJSライブラリです。 「js-objectdetect」とは？ ダウンロード デモ 「js-objectdetect」とは？ 顔認識ライブラリです。 ダウンロード ライブラリはこちら。 https://github.com/mtschirs/js-objectdetect/ デモ デモはこ…
「face-api.js」はライブラリです。 「face-api.js」とは？ ダウンロード デモ 「face-api.js」とは？ tensorflow.jsを活用したライブラリ。 表情識別や顔パーツ識別にも対応。 ダウンロード ライブラリはこちら。 GitHub - justadudewhohacks/face-api.js: …
「clmtrackr.js」は顔認識用ライブラリです。 「clmtrackr.js」とは？ ダウンロード デモ 「clmtrackr.js」とは？ ブラウザ上で顔認識でよく使われているライブラリです。 精度もまずまずですが、ひとりまでのようです。 ダウンロード コードはこちら。 GitH…
「Planck.js」は物理シミュレーションライブラリです。 「Planck.js」とは？ ダウンロード デモ 「Planck.js」とは？ 物理シミュレーションで図形を動かせるJavascriptライブラリです。 Planck.js2D JavaScript Physics Engine (piqnt.com) ダウンロード Git…
「Granim.js」はグラデーションに特化したJSライブラリです。 「Granim.js」とは？ ダウンロード デモ 「Granim.js」とは？ いろんなグラデーションを簡単に作るJavascriptライブラリ。 ダウンロード Releases · sarcadass/granim.js · GitHub デモ Examples…
「Chart.js」はいろんなチャート表示に役立つJSライブラリです。 「Chart.js」とは？ ダウンロード デモ 「Chart.js」とは？ チャートをよりビジュアルに、簡単に表現するためのライブラリです。 ダウンロード GitHub - chartjs/Chart.js: Simple HTML5 Char…
「Bideo.js」は動画再生用のJSライブラリです。 「Bideo.js」とは？ ダウンロード デモ 「Bideo.js」とは？ Bideo.jsは動画をフル画面再生するときに便利なJavascriptライブラリです。 ダウンロード GitHub - rishabhp/bideo.js: Fullscreen HTML5 Backgroun…
「Animate On Scroll (AOS) 」は画面スクロール時に威力を発揮するライブラリです。 「Animate On Scroll (AOS) 」とは？ ダウンロード デモ 「Animate On Scroll (AOS) 」とは？ Animate On Scroll (AOS) は画面をスクロールしたときに様々なアニメ演出でデ…
「Anime.js」はアニメ用のJSライブラリです。 「Anime.js」とは？ ダウンロード デモ 「Anime.js」とは？ その名のとおりアニメーションに便利なライブラリです。 ダウンロード GitHub - juliangarnier/anime: JavaScript animation engine デモ サイト自体…
「imagefx.js」はWebGLを簡略化することでパフォーマンスをアップする描画ライブラリです。 「imagefx.js」とは？ ダウンロード デモ 「imagefx.js」とは？ 画像にエフェクトをかけるのに便利なJSライブラリです。 canvasを指定して image_fxpreset_cinemasc…
WebGazer.jsはカメラから視線を取得します。 WebGazer.jsとは？ ダウンロード デモ WebGazer.jsとは？ ウェブカメラの画像を使ってアイトラッキングするライブラリです。 www.youtube.com ダウンロード WebGazer.js: Democratizing Webcam Eye Tracking on t…
「Handsfree.js」はハンドトラッキングなどが使えるライブラリです。 Handsfree.jsとは？ ダウンロード デモ Handsfree.jsとは？ ハンドトラッキング、顔認識などに対応したJSライブラリ。 Handsfree.js ダウンロード https://handsfree.js.org/#installing …
物理エンジンとして有名な「Box2D」のJS版。 「Box2D.js」とは？ ダウンロード 「Box2D.js」とは？ 重力で落下、壁に当たるととまる...など物理属性を付けたアクションを可能とするライブラリです。 Box2DJS - Physics Engine for JavaScript (sourceforge.n…
「Babylon.js」は３D描画のJavascriptライブラリです。 「Babylon.js」とは？ ダウンロード デモ 「Babylon.js」とは？ Babylon.jsは、３D表示をするためのパワフルなライブラリです。 トレイラーはこちら。 www.youtube.com 公式サイト。 Babylon.js: Power…
「Twgl」はWebGLを簡略化したライブラリです。 「Twgl」とは？ ダウンロード デモ 「Twgl」とは？ WebGLを簡略化したライブラリです。 Three.jsよりは低レベルで操作したいがWebGLほどではない．．．という場合にいいようです。 TWGL.js, a tiny WebGL helpe…
「canvas-sketch」はグラフィックを簡単に作れる便利なライブラリです。 「canvas-sketch」とは？ ダウンロード デモ 「canvas-sketch」とは？ グラフィック表現を便利してくれるJavaScriptライブラリ。 ダウンロード GitHub - mattdesl/canvas-sketch: [bet…
「Three.js」は3D表示のためのライブラリです。 「Three.js」とは？ ダウンロード デモ 「Three.js」とは？ ３Dをウェブサイト上で描画するためのライブラリです。 ダウンロード GitHub - mrdoob/three.js: JavaScript 3D Library. デモ Three.js – JavaScri…
PixiJSはグラフィックまわりを便利にしてくれるライブラリです。 PixiJSとは？ ダウンロード デモ PixiJSとは？ PixiJS ダウンロード Releases · pixijs/pixijs · GitHub デモ 画像合成 BlendModes - PixiJS Examples 爆破のスプライト Animated Sprite - Ex…
Magentaは、TensorFlow.jsを使った音楽作成ライブラリ。 Magentaとは？ デモ Magentaとは？ Magentaは、TensorFlow.jsを使った音楽作成ライブラリです。 Magenta (tensorflow.org) デモ Demos — Web (tensorflow.org) DrumBot お勧めの神JavaScriptライブラ…
JavaScriptにはいろんなライブラリがあってほとんどは無料で利用可能。ここではジャンル別にどんなものがあるか紹介します。 機能別おすすめ紹介 グラフィック系 p5.js canvas-sketch imagefx.js Granim.js Resemble.js アニメーション Anime.js PixiJS 3D系…
「Regl」はWebGLを簡略化することでパフォーマンスをアップする描画ライブラリです。 「Regl」とは？ ダウンロード デモ 「Regl」とは？ WebGLを簡素化させたライブラリ。 ダウンロード GitHub - regl-project/regl: Functional WebGL デモ Infinite Wirefr…
liquidfunは、たくさんの粒子を物理属性で動かせるライブラリです。 liquidfunとは？ ダウンロード デモ liquidfunとは？ Box2Dをベースにした粒子の物理シミュレーション用ライブラリです。 ダウンロード Releases · google/liquidfun · GitHub デモ Liquid…
Movement.jsはジェスチャー識別用ライブラリです。 Movement.jsとは？ ダウンロード Movement.jsとは？ ジェスチャーを識別します。 現在対応しているのは STANDLEFT_ARM_UPRIGHT_ARM_UPARMS_UPSQUAT_LEFT_ARM_UPSQUAT_RIGHT_ARM_UPLEFT_LEG_UPSQUATEMPTYRIG…
p5.jsは、ビジュアル表現にすぐれたjavascriptライブラリです。 p5.jsとは？ ダウンロード デモ p5.jsとは？ アーチストやデザイナー向けの多彩なビジュアル表現に便利なライブラリです。 ダウンロード download | p5.js (p5js.org) デモ でもページはこちら…