Compare commits
5 Commits
f0e5d695ba
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
5db2404d28
|
|||
|
2763cb196f
|
|||
|
c71dab6fc4
|
|||
|
9c134bc731
|
|||
|
ef595cb5ac
|
BIN
static/card/0.png
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
static/card/0.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
static/card/1.png
Normal file
|
After Width: | Height: | Size: 544 KiB |
BIN
static/card/1.webp
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
static/card/10.png
Normal file
|
After Width: | Height: | Size: 933 KiB |
BIN
static/card/10.webp
Normal file
|
After Width: | Height: | Size: 160 KiB |
BIN
static/card/11.png
Normal file
|
After Width: | Height: | Size: 688 KiB |
BIN
static/card/11.webp
Normal file
|
After Width: | Height: | Size: 136 KiB |
BIN
static/card/12.png
Normal file
|
After Width: | Height: | Size: 516 KiB |
BIN
static/card/12.webp
Normal file
|
After Width: | Height: | Size: 60 KiB |
BIN
static/card/13.png
Normal file
|
After Width: | Height: | Size: 416 KiB |
BIN
static/card/13.webp
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
static/card/14.png
Normal file
|
After Width: | Height: | Size: 462 KiB |
BIN
static/card/14.webp
Normal file
|
After Width: | Height: | Size: 109 KiB |
BIN
static/card/15.png
Normal file
|
After Width: | Height: | Size: 642 KiB |
BIN
static/card/15.webp
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
static/card/2.png
Normal file
|
After Width: | Height: | Size: 361 KiB |
BIN
static/card/2.webp
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
static/card/3.png
Normal file
|
After Width: | Height: | Size: 683 KiB |
BIN
static/card/3.webp
Normal file
|
After Width: | Height: | Size: 94 KiB |
BIN
static/card/4.png
Normal file
|
After Width: | Height: | Size: 805 KiB |
BIN
static/card/4.webp
Normal file
|
After Width: | Height: | Size: 94 KiB |
BIN
static/card/5.png
Normal file
|
After Width: | Height: | Size: 402 KiB |
BIN
static/card/5.webp
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
static/card/6.png
Normal file
|
After Width: | Height: | Size: 476 KiB |
BIN
static/card/6.webp
Normal file
|
After Width: | Height: | Size: 104 KiB |
BIN
static/card/7.png
Normal file
|
After Width: | Height: | Size: 713 KiB |
BIN
static/card/7.webp
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
static/card/8.png
Normal file
|
After Width: | Height: | Size: 330 KiB |
BIN
static/card/8.webp
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
static/card/9.png
Normal file
|
After Width: | Height: | Size: 680 KiB |
BIN
static/card/9.webp
Normal file
|
After Width: | Height: | Size: 103 KiB |
@ -1,29 +1,61 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Sketchfab Viewer API example</title>
|
||||
<script type="text/javascript" src="https://static.sketchfab.com/api/sketchfab-viewer-1.12.1.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="sketchfab-embed-wrapper"> <iframe title="Need some space?" width="100%" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%;" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/d6521362b37b48e3a82bce4911409303/embed?autostart=1&ui_animations=0&ui_infos=0&ui_stop=0&ui_inspector=0&ui_watermark_link=0&ui_watermark=0&ui_hint=0&ui_ar=0&ui_help=0&ui_settings=0&ui_vr=0&ui_fullscreen=0&ui_annotations=0&ui_theme=dark"> </iframe> </div>
|
||||
</head>
|
||||
<body>
|
||||
<iframe id="api-frame" class="w-full" width="100%" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%;" allow="xr-spatial-tracking; autoplay; fullscreen; xr-spatial-tracking; accelerometer" xr-spatial-tracking web-share frameborder="no" scrolling="no" ></iframe>
|
||||
<script type="text/javascript">
|
||||
var iframe = document.getElementById( 'api-frame' );
|
||||
var uid = '7w7pAfrCfjovwykkEeRFLGw5SXS';
|
||||
var uid = 'd6521362b37b48e3a82bce4911409303';
|
||||
var client = new Sketchfab( iframe );
|
||||
var api;
|
||||
client.init( uid, {
|
||||
success: function onSuccess( api ){
|
||||
api.start();
|
||||
api.start({ preload:1 });
|
||||
api.addEventListener( 'viewerready', function() {
|
||||
console.log( 'Viewer is ready' );
|
||||
api.getCameraLookAt((err, camera) => {
|
||||
if (err) return console.error('カメラ取得失敗');
|
||||
const direction = [
|
||||
camera.position[0] - camera.target[0],
|
||||
camera.position[1] - camera.target[1],
|
||||
camera.position[2] - camera.target[2]
|
||||
];
|
||||
const zoomFactor = 0.01;
|
||||
const newPosition = [
|
||||
camera.target[0] + direction[0] * zoomFactor,
|
||||
camera.target[1] + direction[1] * zoomFactor,
|
||||
camera.target[2] + direction[2] * zoomFactor
|
||||
];
|
||||
api.setCameraLookAt(newPosition, camera.target, 10, (err) => {
|
||||
if (!err) console.log('ズームアウト成功');
|
||||
});
|
||||
});
|
||||
} );
|
||||
},
|
||||
error: function onError() {
|
||||
console.log( 'Viewer error' );
|
||||
}
|
||||
},
|
||||
camera:1,
|
||||
autospin: 0,
|
||||
preload: 0,
|
||||
ui_controls: 0,
|
||||
ui_infos: 0,
|
||||
ui_inspector: 0,
|
||||
ui_stop: 0,
|
||||
ui_watermark: 0,
|
||||
ui_watermark_link: 0,
|
||||
ui_annotations: 0,
|
||||
ui_hint: 0,
|
||||
ui_ar:0,ui_help:0,
|
||||
ui_settings:0,
|
||||
ui_vr:0,
|
||||
ui_fullscreen:0,
|
||||
ui_loading: 0,
|
||||
} );
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||