cynack / figni-viewer Goto Github PK
View Code? Open in Web Editor NEWWebサイトに簡単に3D/ARを導入できるモジュール
Home Page: https://figni.io/
License: Apache License 2.0
Webサイトに簡単に3D/ARを導入できるモジュール
Home Page: https://figni.io/
License: Apache License 2.0
カメラの位置を戻すボタンは存在するが、関数で自由に呼び出す、あるいはHotspotなどから呼び出すこともできたらうれしい
model-viewerでも同様のバグ報告あり(AR doesn't workion chrome for iOS)
Chrome側の問題と断定済み
Android Chromeにて、Scene ViewerではなくWebXRが起動する理由を調べる。
条件が不明で、同じ端末でもコンテンツによってや日によってはWebXRが起動したりしなかったりする。
WebXRの方がコンテンツとして価値が高いものを提供できるので、この条件は明確にして起きたい。
ちなみに、起動優先度的にはwebxr scene-viewer quick-look
となっている。
アニメーションのブレンド操作ができれば複数のアニメーションを個別に再生できる。
ようするにループしないように再生する機能
現状は一回分の時間を指定させているが、動作環境次第では安定しない
playOnce
のようなメソッドがmodel-viewer側に実装されることを期待するしかない
属性reverse
みたいなものを追加する
属性normal
を明記しない場合、常に見え続けるHotspotとして扱うように変更する
figni-viewerの性質上scriptをdeferで読み込んでいるため、これは抜けない
要素へのスタイル適用のタイミングをconnectedCallBackではなく、constructorにして解決するならそれがよい
ARボタンを押してしばらくすると謎の文字の羅列が表示される
アニメーション再生中はキャプションを非表示にして、終了時に表示する。
ただし、ループ再生の場合はキャプションは表示したままにする。
そのままだとmodel-viewer感満載だからposter
とローディングバーなどを変更したい
dist以下はすべてpublishされているので、そこにファイルを置いて相対パスで参照できる。
esbuildのloader, assetNamesなどが使えるかもしれない。
黒くなったり、金属光沢がでたり、透明になったり...
指定方法
place="{variable}"
variable
一覧
left
: Hotspotより左right
: Hotspotより右center
: Hotspotの水平中心top
: Hotspotより上middle
: Hotspotの垂直中心bottom
: Hotspotより下A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.