logo

#JavaScriptの検索結果

241件
image

p5.js でマウスを使ったインタラクション:イージングを適用した動きをする円を誘導する

p5.js を使った実装で、マウスカーソルを動かすと、その位置に向かって円が集まる(動きにはイージン…

開発中 visibility 27 thumb_up_alt 0 comment 0
image

MediaPipe「手のジェスチャー認識」と p5.js での引力が働くオブジェクトの描画の組合せ

MediaPipe「手のジェスチャー認識」と p5.js での描画を組み合わせました。描画の内容は、相互に引力…

開発中 visibility 26 thumb_up_alt 0 comment 0
image

Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の組み合わせ v2

Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。ジェ…

開発中 visibility 34 thumb_up_alt 0 comment 0
image

Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の描画と組み合わせ

Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。p5.j…

開発中 visibility 51 thumb_up_alt 0 comment 0
image

p5.js で SVGフィルターを使わない溶ける見た目のエフェクト(Goony Effect)

よく事例を見かける SVGフィルターを使って溶ける見た目のエフェクト(Goony Effect)を実現するので…

開発中 visibility 34 thumb_up_alt 0 comment 0
image

p5.js で数万個のパーティクルの描画を高速化(PIXI.ParticleContainer で)

p5.js で数万個のパーティクルの描画を高速化するために、PixiJS の PIXI.ParticleContainer を組み…

開発中 visibility 37 thumb_up_alt 0 comment 0
image

シフト聞いちゃうちゃん

「Shift-Key」が開発したアプリ「シフト調整聞いちゃうちゃん」は、AIを使って看護師のシフト調整を…

開発中 visibility 985 thumb_up_alt 2 comment 0
image

Dr. DOGくん

お医者さんの診察をイヌ語に翻訳し、元気でやさしいイッヌがあなたに伝えます。 患者さんに対して診…

完成 visibility 223 thumb_up_alt 1 comment 0
image

リハビリコミュニケーション

本作品はメディカルハッカソン(https://moicen-forest.studio.site/2)にて作成された、患者さんと…

開発中 visibility 158 thumb_up_alt 0 comment 0
image

病院受診記録Bot

病院を受診して診断を受けたり薬をもらったりしますが、時間が経つといつ受診したかどんな薬をもらっ…

開発中 visibility 54 thumb_up_alt 0 comment 0
image

鍋振りアカデミー:炒飯達人への道

konashi5と矢印キーで中華鍋を操り、最高の炒飯を目指せ!挑戦者求む!

完成 visibility 91 thumb_up_alt 0 comment 0
image

甘噛みハムハムタイムアタック

10秒間でどれだけハムれるかを競う痛快ミニゲーム!konashi5を左右に傾けてオンライン上のハムハムを…

完成 visibility 142 thumb_up_alt 0 comment 0
image

汝はGPTなりや?

ChatGPT+ChatGPTのふりをした狂人+一般市民×2でお題に対してコメントをする。 一般市民はChatGPT…

開発中 visibility 90 thumb_up_alt 2 comment 0
image

トマトのお医者さん Great Plant-doctor Tsubasa

Chat GPTのAPIを活用し、家庭菜園においてトマトに発生する病害診断に特化したLINE Botを開発しまし…

開発中 visibility 168 thumb_up_alt 4 comment 0
image

p5.js を使った色が変化しつつ波打つ曲線のアニメーション描画

p5.js を使った線の描画で、色が変化しつつ波打つような曲線のアニメーションを描画してみたものです

開発中 visibility 41 thumb_up_alt 0 comment 0
image

AI シソーラス

「他の言語であのワードなんて言うんだっけ?」「あのワードとあのワードの違いは何?語感がわからな…

開発中 visibility 130 thumb_up_alt 1 comment 0
image

ChatGPT格ゲープロジェクト

ChatGPTとGameControllerizerを使って格闘ゲームするプロジェクト。雑なテキストや音声による指示で…

開発中 visibility 956 thumb_up_alt 5 comment 2
image

p5.js の WEBGLモードで 3D空間内を跳ね回る球体のパーティクル

以前作っていた、2D平面上で円のパーティクルが跳びはねて消える(重力方向に力を受けつつ跳ね回る)…

開発中 visibility 28 thumb_up_alt 0 comment 0
image

p5.js で描画した回転しつつ動く同心円を WEBGLモード上で歪めて表示させてみる

p5.js で描画した回転しつつ動く同心円(元は 2D描画だったもの)を、WEBGLモード上で三次元的に歪め…

開発中 visibility 57 thumb_up_alt 0 comment 0
image

p5.js の WEBGLモードの sphere() と三角関数を使った描画:生成過程を視点を変えて

p5.js の WEBGLモードの sphere() と三角関数を使った描画をやっていて、生成過程をアニメーションで…

開発中 visibility 45 thumb_up_alt 0 comment 0
image

p5.js の WEBGL モードで Box がたくさん並んだ中を走るアニメーションを 2視点で見る

p5.js の WEBGL モードで、Box がたくさん並んだ中を走る見た目のアニメーションを、走る物体の後ろ…

開発中 visibility 46 thumb_up_alt 0 comment 0
image

p5.js で WebAR(ARマーカーに紐付く 3つの描画領域を立体的に配置してみるテスト)

p5.js・AR.js・A-Frame を組み合わせた WebAR の試作で、ARマーカーを認識したら立体的な位置関係の …

開発中 visibility 72 thumb_up_alt 0 comment 0
image

p5.js用ライブラリ p5.simpleAR を使って過去に作った同心円などを使った作品で AR

p5.js で作った作品を簡単に ARマーカー上に出せるライブラリ「p5.simpleAR」を使って、過去に作った…

開発中 visibility 99 thumb_up_alt 0 comment 0
image

p5.js用ライブラリ p5.simpleAR で過去に作ったパーティクル作品をマーカー上に呼び出す

p5.js で作った作品を簡単に ARマーカー上に出せるライブラリ「p5.simpleAR」を使って、過去に作った…

開発中 visibility 84 thumb_up_alt 0 comment 0
image

Te de Totte

LeapMotionとおもちゃのクレーンゲームを組み合わせてみたやつ

完成 visibility 93 thumb_up_alt 2 comment 0
image

あなたの冷蔵庫でシェフGPTは何作る!?

「今日晩ご飯何にしよう」「冷蔵庫に何あったっけ」「げ、お肉賞味期限切れそう」・・・そんなこと日…

完成 visibility 271 thumb_up_alt 4 comment 0
image

ChatGPTとA-FrameでWebでの3Dシーン生成

ChatGPTにお願いすると3Dのオブジェクトを生成してブラウザに表示してくれるWebコンテンツです。 PC…

完成 visibility 94 thumb_up_alt 0 comment 0
image

p5.js で blendMode()・tint() などを組み合わせたグラデーションのランダム描画

p5.js で blendMode()・tint()・translate()・rotate()・ellipse() 等を使ったグラデーションの描画…

開発中 visibility 74 thumb_up_alt 0 comment 0
image

p5.js で norm()・dist()・三角関数などを使った描画

Twitter で見かけた Processing の作品の処理を理解するために、p5.js に書きかえてから、内容に手を…

開発中 visibility 50 thumb_up_alt 0 comment 0
image

ChatGPT API のサーバー送信イベント経由のデータを p5.js で画面上に随時表示させる

ChatGPT API(gpt-3.5-turbo)で「stream: true」にした際の、Server-Sent Events のデータを、p5.js…

開発中 visibility 157 thumb_up_alt 0 comment 0