Kompakkt Standalone Viewerを試す機会がありましたので、備忘録です。
以下のように説明されています。
This repository hosts a JavaScript file which can be included on any website to use the Kompakkt Viewer without needing to use the Kompakkt Repository or the Kompakkt Server.
（機械翻訳）このリポジトリには、Kompakkt Viewerを使用するためのJavaScriptファイルが含まれており、このファイルをウェブサイトに組み込むだけで、Kompakkt RepositoryやKompakkt Serverを使用せずにビューアを利用することができます。
リポジトリ# 以下で公開されています。
https://github.com/Kompakkt/StandaloneViewer
またGitHub Pagesでビューアにアクセスすることができます。
https://kompakkt.github.io/StandaloneViewer/
表示例# 以下のように、3Dモデルとアノテーションを表示することができました。
https://kompakkt.github.io/StandaloneViewer/?state=eyJyZXNvdXJjZSI6Imh0dHBzOi8vc3VraWxhbS5hd3MubGRhcy5qcC9maWxlcy9vcmlnaW5hbC8yNTNlZmRmMzQ0Nzg0NTk5NTRhZTA0ZjZiM2JlZmE1ZjM4MjJlZDU5LmdsYiIsImFubm90YXRpb25zIjpbeyJfaWQiOiI2NzcwYTE1NDRjZTFmZDAyMzQ4OGVkODAiLCJib2R5Ijp7InR5cGUiOiJhbm5vdGF0aW9uIiwiY29udGVudCI6eyJ0eXBlIjoidGV4dCIsInRpdGxlIjoibXkgdGl0bGUiLCJkZXNjcmlwdGlvbiI6Im15IGRlc2NyaXB0aW9uIiwicmVsYXRlZFBlcnNwZWN0aXZlIjp7ImNhbWVyYVR5cGUiOiJhcmNSb3RhdGVDYW0iLCJwb3NpdGlvbiI6eyJ4IjoyLjI5NzE5OTgyNzA3MzIxLCJ5IjoxLjA0NjMzMzI0ODg4Njk0LCJ6IjoxLjYzNjAwODMyNDk5NDF9LCJ0YXJnZXQiOnsieCI6MS4wMTMxMDUwMzQ4MjgxOSwieSI6MS4xNzkwMzM5OTQ2NzQ2OCwieiI6MS4wMTQ0NDIwMjY2MTUxNH0sInByZXZpZXciOiJwcmV2aWV3cy9hbm5vdGF0aW9uLzY3NzBhMTU0NGNlMWZkMDIzNDg4ZWQ4MC5wbmcifX19LCJjcmVhdGVkIjoiMjAyNC0xMi0yOVQwMTowOTo0MC4yODZaIiwiY3JlYXRvciI6eyJ0eXBlIjoicGVyc29uIiwibmFtZSI6IlNhdG9ydSBOYWthbXVyYSIsIl9pZCI6IjY3NWE5Y2U0N2QxZmIyNDUzZjBmYjNjMSJ9LCJnZW5lcmF0ZWQiOiIyMDI0LTEyLTI5VDAxOjA5OjQyLjk3NFoiLCJnZW5lcmF0b3IiOnsidHlwZSI6InNvZnR3YXJlIiwibmFtZSI6IktvbXBha2t0IiwiX2lkIjoiNjc1YTljZTQ3ZDFmYjI0NTNmMGZiM2MxIiwiaG9tZXBhZ2UiOiJodHRwczovL2dpdGh1Yi5jb20vS29tcGFra3QvS29tcGFra3QifSwiaWRlbnRpZmllciI6IjY3NzBhMTU0NGNlMWZkMDIzNDg4ZWQ4MCIsImxhc3RNb2RpZmljYXRpb25EYXRlIjoiMjAyNC0xMi0yOVQwMToxMToyNC4zNjBaIiwibGFzdE1vZGlmaWVkQnkiOnsiX2lkIjoiNjc1YTljZTQ3ZDFmYjI0NTNmMGZiM2MxIiwibmFtZSI6IlNhdG9ydSBOYWthbXVyYSIsInR5cGUiOiJwZXJzb24ifSwibW90aXZhdGlvbiI6ImRlZmF1bHRNb3RpdmF0aW9uIiwicmFua2luZyI6MSwidGFyZ2V0Ijp7InNvdXJjZSI6eyJyZWxhdGVkRW50aXR5IjoiNjc3MDllODYwY2I4ZDA2NGZhMDc1NWI3IiwicmVsYXRlZENvbXBpbGF0aW9uIjoiIn0sInNlbGVjdG9yIjp7InJlZmVyZW5jZVBvaW50Ijp7Il9pc0RpcnR5Ijp0cnVlLCJfeCI6MC40MzI0MjIyMjQwNDc5MDksIl95IjoxLjY3NDQzMTE3MTYxNjA1LCJfeiI6MS42NTQ2MTgxODc1NDE1OH0sInJlZmVyZW5jZU5vcm1hbCI6bnVsbH19LCJ2YWxpZGF0ZWQiOnRydWV9XX0%253D
ただし、アノテーションに日本語が含まれているとエラーが発生してしまいました。
また、アノテーションが3Dモデル上に表示されないなど、使用方法に誤りが含まれるようでした。
入力するアノテーションのフォーマットとして、Kompakktで付与したアノテーションをエクスポートしたものが利用できるようでした。
例えば、以下です。
[ ] { } " " } " " } " " } " " " } " " " } " _ b , c c , g g , i l l , m r t , v i o " " } r r " " " e e " " " " d a a " " " o a a " } " } a d d t c e e t n _ n n t n _ h e s s _ n t t n r s , s l " y y o " " " " } a a y a i e e y a i o n t t i a y i k g o " " e " } " i : " p n t t d r t t p m d r r p m d m t M M d m p v i e u r r l r , r d : e t y i e e " " } " } " e o e e " a a e e " e i o o " e e a n t r e e e e " " " " e a " " e p t s l c p , t , p d r " " : t t " " : p f d d : " " t g " c l l c f _ _ _ _ f t 6 { : n e l c a a o " " " a " " " r " " : : e o : : a i i i : : i " : e a a t e i x y z e e 7 t " e r t m s x y z r x y z e : : " d r " g e f f " o : " t t o r s " " " r d 7 " " : " i e e i " " " g " " " v " " 6 " " " " 6 e r i i 6 " " n { : e e r e D : : : e " 0 a : : p d r t : : : e : : : i " { p S 7 : : s K 7 " " c e 7 S p " 1 d d " n i n : a n " t P a i t e 2 e a 5 o o 5 : : a d 5 a e : , { E C : c r 0 1 1 c 1 n { t " i e T o 2 1 1 " 1 1 1 w 0 r t a " { f m a t B a t r n o e t . . . e t 5 o e a o r y n . . . : . . . " 2 s o 9 2 t p 9 " " i y 9 o s " t m { P y 4 6 6 N r 4 t x a n s p " 2 0 6 0 1 0 : 4 o r c 0 w a c h 6 o " c r o d i p o " 3 7 5 o u 4 a t a " p e : 9 4 3 { 1 7 1 - n u e 2 a k e t 7 n : e u n e t i i : 2 4 4 r e c t " " : e " 7 6 6 3 9 4 " 1 " 4 4 r k 4 t 7 D 4 " f y l n 4 4 6 m e i , , c : { 1 3 0 1 0 4 p 2 , N 7 - e t 7 p 0 a { 7 N a " a t t 2 3 1 a 1 o " t 9 3 0 0 3 4 r - a d 1 " " d s a t d a u : t " r 2 1 8 l f n b i " 9 3 8 5 3 2 e 2 k 1 2 , , 1 : 1 e 1 k l i : u 2 1 1 " d " b v a 8 2 3 0 9 0 v 9 a f - f / 5 " f a t " o e 2 7 8 : 0 , b e r 2 4 2 3 9 2 i T m b 2 b / 4 : b m M 6 n { , 4 1 7 2 " " c 7 8 4 4 4 6 e 0 u 2 9 2 g 4 2 u o 7 " 0 6 5 n 3 , : R 0 8 9 8 6 6 w 1 r 4 T 4 i c " 4 r t 7 : 4 1 4 u 4 o 7 8 9 2 7 1 s : a 5 0 5 t e 2 5 a i 0 7 6 1 l 8 { t 3 6 4 8 4 5 / 0 " 3 1 3 h 1 0 3 " v 9 " 9 0 5 l 8 a 2 9 1 1 6 1 a 9 , f : f u f 2 f , a e " 0 5 8 e t 1 4 9 8 4 n : 0 0 0 b d 5 0 t 8 9 , d e , , , , n 4 f 9 f . 0 - f i 6 , 8 C o 0 b : b c 2 0 b o 0 0 a t . 3 4 3 o 3 1 3 n c " m a 2 c 2 c m 4 - c " b , " t 8 1 . 1 / 8 0 1 , 8 , i 6 " 9 " K 8 4 " d o Z 7 , o e T , 0 n " 4 m d 2 6 / , Z p 8 2 4 6 " a 0 : f 7 , k " 4 a 7 k , 7 0 0 t : 7 a / 4 5 1 K 4 5 5 o . b 4 m 9 7 4 p 4 " c a 9 , e k Z 1 k " f t , d " 0 2 3 4 8 8 e d 8 0 . p n g "
ただし、Kompakktでも3Dモデル上にアノテーションが表示されず、使用方法のどこかに誤りがありそうです。
まとめ# 3Dモデルの表示はできましたが、アノテーションはうまく表示させることができませんでした。
引き続き調査を行いたいと思いますが、本記事が参考になりましたら幸いです。
