image

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

p5.js・AR.js・A-Frame を組み合わせた WebAR の試作で、ARマーカーを認識したら立体的な位置関係の 3つの描画領域が出現するものです(3つの描画領域は個別のキャンバスに基づく形)

開発中 visibility 299 thumb_up_alt 0 comment 0
image

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

ChatGPTにお願いすると3Dのオブジェクトを生成してブラウザに表示してくれるWebコンテンツです。 PCを前提に作っていますがスマホや Questでも体験可能です!

完成 visibility 215 thumb_up_alt 0 comment 0
image

えーるレター

「大切な人に温かい想いが届きますように」。LINEという誰でも持っている環境下でAR付きのお手紙が送れたり、受け取ったりできる作品です。LINEでカスタマイズ性の高い便箋のお手紙が送れるのが魅力です。

完成 visibility 16842 thumb_up_alt 26 comment 0
image

ベンガーデルZ

本屋に行かないと体験できない「青木まりこ現象」をVRで体験して便秘解消につなげるサービス

開発中 visibility 1050 thumb_up_alt 10 comment 2
image

p5.js で WebAR を試す(ARマーカー上への重畳描画、複数マーカーやマーカーの回転を利用)

p5.js で WebAR を試したもので、p5.js による描画を ARマーカー上に重畳させてみたり、複数のマーカーを使ってみたり、マーカーの回転と 3Dオブジェクトの向きを連動させてみたりしました

開発中 visibility 1325 thumb_up_alt 0 comment 0