Windows11の教科書

ウィンドウズ11やスマホで困ったことを調べたブログ

JavaScript

【JavaScript】ハンドトラッキングライブラリ「Handtrack.js」のダウンロード、デモ

「Handtrack.js」は手を認識するJSライブラリです。 「Handtrack.js」とは? ダウンロード デモ 「Handtrack.js」とは? 手を認識できるJSです。 認識の速度や精度はいいように思います。 ダウンロード GitHub - victordibia/handtrack.js: A library for pr…

【JavaScript】ハンドトラッキングライブラリ「js-handtracking」のダウンロード、デモ

「js-handtracking」はハンドトラッキングが使えるライブラリです。 「js-handtracking」とは? ダウンロード デモ 「js-handtracking」とは? ハンドトラッキングに便利なJSライブラリです。 ダウンロード ライブラリはこちら。 https://github.com/jcmella…

【JavaScript】顔認識ライブラリ「Shape Detection API」のダウンロード、デモ

「Shape Detection API」は顔認識ライブラリです。 「Shape Detection API」とは? ダウンロード デモ 「Shape Detection API」とは? JavaScriptから使える顔認識ライブラリです。 ダウンロード デモ コードサンプルはこちら。 JSで3分でできる「 顔認識 」…

【JavaScript】顔認識ライブラリ「Pico.js」のダウンロード、デモ

「Pico.js」は顔認識ライブラリです。 「Pico.js」とは? ダウンロード デモ 「Pico.js」とは? 顔認識用のJSライブラリ。 他にもライブラリはありますが、Picoは複数人判定も可能です。 ダウンロード ライブラリはこちら。 GitHub - shimabox/face_recognit…

【JavaScript】顔認識ライブラリ「Face Detection」のダウンロード、デモ

「Face Detection」は顔認識用ライブラリです。 「Face Detection」とは? ダウンロード デモ 「Face Detection」とは? jQueryプラグインとしての顔識別ライブラリです。 jQuery/Zepto Face Detection Plugin (jaysalvat.com) ダウンロード ライブラリはこ…

【JavaScript】顔認識ライブラリ「Kittydar」のダウンロード、デモ

「Kittydar」はライブラリです。 「Kittydar」とは? ダウンロード デモ 「Kittydar」とは? 猫の顔を識別。 ダウンロード ライブラリはこちら。 https://github.com/harthur/kittydar デモ デモはこちら。 http://harthur.github.io/kittydar/ 猫写真をドラ…

【JavaScript】顔認識ライブラリ「js-objectdetect」のダウンロード、デモ

「js-objectdetect」は顔認識で使えるJSライブラリです。 「js-objectdetect」とは? ダウンロード デモ 「js-objectdetect」とは? 顔認識ライブラリです。 ダウンロード ライブラリはこちら。 https://github.com/mtschirs/js-objectdetect/ デモ デモはこ…

【JavaScript】顔認識ライブラリ「face-api.js」のダウンロード、デモ

「face-api.js」はライブラリです。 「face-api.js」とは? ダウンロード デモ 「face-api.js」とは? tensorflow.jsを活用したライブラリ。 表情識別や顔パーツ識別にも対応。 ダウンロード ライブラリはこちら。 GitHub - justadudewhohacks/face-api.js: …

【JavaScript】顔認識ライブラリ「clmtrackr.js」のダウンロード、デモ

「clmtrackr.js」は顔認識用ライブラリです。 「clmtrackr.js」とは? ダウンロード デモ 「clmtrackr.js」とは? ブラウザ上で顔認識でよく使われているライブラリです。 精度もまずまずですが、ひとりまでのようです。 ダウンロード コードはこちら。 GitH…

【JavaScript】物理ライブラリ「Planck.js」のダウンロード、デモ

「Planck.js」は物理シミュレーションライブラリです。 「Planck.js」とは? ダウンロード デモ 「Planck.js」とは? 物理シミュレーションで図形を動かせるJavascriptライブラリです。 Planck.js2D JavaScript Physics Engine (piqnt.com) ダウンロード Git…

【JavaScript】ライブラリ「Granim.js」のダウンロード、デモ

「Granim.js」はグラデーションに特化したJSライブラリです。 「Granim.js」とは? ダウンロード デモ 「Granim.js」とは? いろんなグラデーションを簡単に作るJavascriptライブラリ。 ダウンロード Releases · sarcadass/granim.js · GitHub デモ Examples…

【JavaScript】ライブラリ「Chart.js」のダウンロード、デモ

「Chart.js」はいろんなチャート表示に役立つJSライブラリです。 「Chart.js」とは? ダウンロード デモ 「Chart.js」とは? チャートをよりビジュアルに、簡単に表現するためのライブラリです。 ダウンロード GitHub - chartjs/Chart.js: Simple HTML5 Char…

【JavaScript】ライブラリ「Bideo.js」のダウンロード、デモ

「Bideo.js」は動画再生用のJSライブラリです。 「Bideo.js」とは? ダウンロード デモ 「Bideo.js」とは? Bideo.jsは動画をフル画面再生するときに便利なJavascriptライブラリです。 ダウンロード GitHub - rishabhp/bideo.js: Fullscreen HTML5 Backgroun…

【JavaScript】ライブラリ「Animate On Scroll (AOS) 」のダウンロード、デモ

「Animate On Scroll (AOS) 」は画面スクロール時に威力を発揮するライブラリです。 「Animate On Scroll (AOS) 」とは? ダウンロード デモ 「Animate On Scroll (AOS) 」とは? Animate On Scroll (AOS) は画面をスクロールしたときに様々なアニメ演出でデ…

【JavaScript】ライブラリ「Anime.js」のダウンロード、デモ

「Anime.js」はアニメ用のJSライブラリです。 「Anime.js」とは? ダウンロード デモ 「Anime.js」とは? その名のとおりアニメーションに便利なライブラリです。 ダウンロード GitHub - juliangarnier/anime: JavaScript animation engine デモ サイト自体…

【JavaScript】画像処理ライブラリ「imagefx.js」のダウンロード

「imagefx.js」はWebGLを簡略化することでパフォーマンスをアップする描画ライブラリです。 「imagefx.js」とは? ダウンロード デモ 「imagefx.js」とは? 画像にエフェクトをかけるのに便利なJSライブラリです。 canvasを指定して image_fxpreset_cinemasc…

【JavaScript】視線認識用ライブラリ「WebGazer.js」のダウンロード、デモ

WebGazer.jsはカメラから視線を取得します。 WebGazer.jsとは? ダウンロード デモ WebGazer.jsとは? ウェブカメラの画像を使ってアイトラッキングするライブラリです。 www.youtube.com ダウンロード WebGazer.js: Democratizing Webcam Eye Tracking on t…

【JavaScript】ハンドトラッキング用ライブラリ「Handsfree.js」のダウンロード、デモ

「Handsfree.js」はハンドトラッキングなどが使えるライブラリです。 Handsfree.jsとは? ダウンロード デモ Handsfree.jsとは? ハンドトラッキング、顔認識などに対応したJSライブラリ。 Handsfree.js ダウンロード https://handsfree.js.org/#installing …

【JavaScript】物理ライブラリ「Box2D.js」のダウンロード

物理エンジンとして有名な「Box2D」のJS版。 「Box2D.js」とは? ダウンロード 「Box2D.js」とは? 重力で落下、壁に当たるととまる...など物理属性を付けたアクションを可能とするライブラリです。 Box2DJS - Physics Engine for JavaScript (sourceforge.n…

【JavaScript】3Dライブラリ「Babylon.js」のダウンロード、デモ

「Babylon.js」は3D描画のJavascriptライブラリです。 「Babylon.js」とは? ダウンロード デモ 「Babylon.js」とは? Babylon.jsは、3D表示をするためのパワフルなライブラリです。 トレイラーはこちら。 www.youtube.com 公式サイト。 Babylon.js: Power…

【JavaScript】WebGLライブラリ「Twgl.js」のダウンロード、デモ

「Twgl」はWebGLを簡略化したライブラリです。 「Twgl」とは? ダウンロード デモ 「Twgl」とは? WebGLを簡略化したライブラリです。 Three.jsよりは低レベルで操作したいがWebGLほどではない...という場合にいいようです。 TWGL.js, a tiny WebGL helpe…

【JavaScript】グラフィック用ライブラリ「canvas-sketch」のダウンロード、デモ

「canvas-sketch」はグラフィックを簡単に作れる便利なライブラリです。 「canvas-sketch」とは? ダウンロード デモ 「canvas-sketch」とは? グラフィック表現を便利してくれるJavaScriptライブラリ。 ダウンロード GitHub - mattdesl/canvas-sketch: [bet…

【JavaScript】3Dライブラリ「Three.js」のダウンロード、デモ

「Three.js」は3D表示のためのライブラリです。 「Three.js」とは? ダウンロード デモ 「Three.js」とは? 3Dをウェブサイト上で描画するためのライブラリです。 ダウンロード GitHub - mrdoob/three.js: JavaScript 3D Library. デモ Three.js – JavaScri…

【JavaScript】グラフィック用ライブラリ「PixiJS」のダウンロード、デモ

PixiJSはグラフィックまわりを便利にしてくれるライブラリです。 PixiJSとは? ダウンロード デモ PixiJSとは? PixiJS ダウンロード Releases · pixijs/pixijs · GitHub デモ 画像合成 BlendModes - PixiJS Examples 爆破のスプライト Animated Sprite - Ex…

【JavaScript】音楽作成ライブラリ「Magenta」のデモ

Magentaは、TensorFlow.jsを使った音楽作成ライブラリ。 Magentaとは? デモ Magentaとは? Magentaは、TensorFlow.jsを使った音楽作成ライブラリです。 Magenta (tensorflow.org) デモ Demos — Web (tensorflow.org) DrumBot お勧めの神JavaScriptライブラ…

【JavaScript】画像認識からアニメ・3Dまで、おすすめライブラリ31選!

JavaScriptにはいろんなライブラリがあってほとんどは無料で利用可能。ここではジャンル別にどんなものがあるか紹介します。 機能別おすすめ紹介 グラフィック系 p5.js canvas-sketch imagefx.js Granim.js Resemble.js アニメーション Anime.js PixiJS 3D系…

【JavaScript】WebGL高速化ライブラリ「Regl」のダウンロード、デモ

「Regl」はWebGLを簡略化することでパフォーマンスをアップする描画ライブラリです。 「Regl」とは? ダウンロード デモ 「Regl」とは? WebGLを簡素化させたライブラリ。 ダウンロード GitHub - regl-project/regl: Functional WebGL デモ Infinite Wirefr…

【JavaScript】粒子シミュレーション用ライブラリ「liquidfun」のダウンロード、デモ

liquidfunは、たくさんの粒子を物理属性で動かせるライブラリです。 liquidfunとは? ダウンロード デモ liquidfunとは? Box2Dをベースにした粒子の物理シミュレーション用ライブラリです。 ダウンロード Releases · google/liquidfun · GitHub デモ Liquid…

【JavaScript】ジェスチャー識別用ライブラリ「Movement.js」のダウンロード、デモ

Movement.jsはジェスチャー識別用ライブラリです。 Movement.jsとは? ダウンロード Movement.jsとは? ジェスチャーを識別します。 現在対応しているのは STANDLEFT_ARM_UPRIGHT_ARM_UPARMS_UPSQUAT_LEFT_ARM_UPSQUAT_RIGHT_ARM_UPLEFT_LEG_UPSQUATEMPTYRIG…

【JavaScript】グラフィック用ライブラリ「p5.js」のダウンロード、デモ

p5.jsは、ビジュアル表現にすぐれたjavascriptライブラリです。 p5.jsとは? ダウンロード デモ p5.jsとは? アーチストやデザイナー向けの多彩なビジュアル表現に便利なライブラリです。 ダウンロード download | p5.js (p5js.org) デモ でもページはこちら…

このブログは、ネットや書籍上の情報、個人の体験や感想を中心にまとめたものです。 正確性を期していはいますが、間違い・誤訳等あるかもしれません。 当サイトの情報によって生じたいかなる損失について一切の責任を負わないものとします. あらかじめご了承ください。

利用規約・プライバシーポリシー |〇問い合わせ