คำตอบที่ได้รับเลือกจากเจ้าของกระทู้
ความคิดเห็นที่ 2
เค้าใช้ javascript code ของ KeyShot ที่นี่ครับ https://www.keyshot.com/vr/
อันนี้เป็นไฟล์ javascript ที่ใช้
http://www.tongruk.net/demo/police-1/files/KeyShotVR.js
รูปภาพแต่ละเฟรมอยู่ในโฟลเดอร์ police-1 ซึ่งชื่อรูปภาพสัมพันธุ์กับ uCount และ vCount (ดู html source)
http://www.tongruk.net/demo/police-1/
อันนี้เป็น html source ของหน้าเว็บ demo จาก http://www.tongruk.net/demo/police-1.html
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Tongruk - ศูนย์ฝึกอบรมตำรวจภูธรภาค 7 แบบที่ 1</title>
<style type="text/css">
body { -ms-touch-action: none; }
</style>
<script type="text/javascript" src="police-1/files/KeyShotVR.js"></script>
<script type="text/javascript">
var keyshotVR;
function initKeyShotVR() {
var nameOfDiv = "KeyShotVR"; //กำหนด name หรือ id ของ Div element
var folderName = "police-1"; //กำหนดโฟลเดอร์ที่เก็บรูปภาพ
var imageWidth = 600;
var imageHeight = 342;
var backgroundColor = "#FFFFFF";
var uCount = 20; //จำนวนรูปที่หมุนในแนวระนาบ
var vCount = 9; //จำนวนรูปที่หมุนในแนวตั้ง
var uWrap = true;
var vWrap = false;
var uMouseSensitivity = -0.055556;
var vMouseSensitivity = 0.050000;
var uStartIndex = 10;
var vStartIndex = 3;
var minZoom = 1.000000;
var maxZoom = 2.000000;
var rotationDamping = 1.000000;
var windowResizable = true;
var addResizableGUIButton = false;
var addPlayGUIButton = false;
var imageExtension = "jpg";
var showLoading = true;
var loadingIcon = "key-logo.png"; // Set to empty string for default icon.
var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.
keyshotVR = new keyshotVR(nameOfDiv,folderName,imageWidth,imageHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,windowResizable,addResizableGUIButton,addPlayGUIButton,imageExtension,showLoading,loadingIcon,allowFullscreen);
}
window.onload = initKeyShotVR;
</script>
</head>
<body oncontextmenu="return false;">
<div id="KeyShotVR"></div>
</body>
</html>
อันนี้เป็นไฟล์ javascript ที่ใช้
http://www.tongruk.net/demo/police-1/files/KeyShotVR.js
รูปภาพแต่ละเฟรมอยู่ในโฟลเดอร์ police-1 ซึ่งชื่อรูปภาพสัมพันธุ์กับ uCount และ vCount (ดู html source)
http://www.tongruk.net/demo/police-1/
อันนี้เป็น html source ของหน้าเว็บ demo จาก http://www.tongruk.net/demo/police-1.html
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Tongruk - ศูนย์ฝึกอบรมตำรวจภูธรภาค 7 แบบที่ 1</title>
<style type="text/css">
body { -ms-touch-action: none; }
</style>
<script type="text/javascript" src="police-1/files/KeyShotVR.js"></script>
<script type="text/javascript">
var keyshotVR;
function initKeyShotVR() {
var nameOfDiv = "KeyShotVR"; //กำหนด name หรือ id ของ Div element
var folderName = "police-1"; //กำหนดโฟลเดอร์ที่เก็บรูปภาพ
var imageWidth = 600;
var imageHeight = 342;
var backgroundColor = "#FFFFFF";
var uCount = 20; //จำนวนรูปที่หมุนในแนวระนาบ
var vCount = 9; //จำนวนรูปที่หมุนในแนวตั้ง
var uWrap = true;
var vWrap = false;
var uMouseSensitivity = -0.055556;
var vMouseSensitivity = 0.050000;
var uStartIndex = 10;
var vStartIndex = 3;
var minZoom = 1.000000;
var maxZoom = 2.000000;
var rotationDamping = 1.000000;
var windowResizable = true;
var addResizableGUIButton = false;
var addPlayGUIButton = false;
var imageExtension = "jpg";
var showLoading = true;
var loadingIcon = "key-logo.png"; // Set to empty string for default icon.
var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.
keyshotVR = new keyshotVR(nameOfDiv,folderName,imageWidth,imageHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,windowResizable,addResizableGUIButton,addPlayGUIButton,imageExtension,showLoading,loadingIcon,allowFullscreen);
}
window.onload = initKeyShotVR;
</script>
</head>
<body oncontextmenu="return false;">
<div id="KeyShotVR"></div>
</body>
</html>
▼ กำลังโหลดข้อมูล... ▼
แสดงความคิดเห็น
คุณสามารถแสดงความคิดเห็นกับกระทู้นี้ได้ด้วยการเข้าสู่ระบบ
อยากทราบเทคนิค...3D แบบ 360 องศา...บนเว็บไซต์ www.tongruk.net
มีการทำภาพ 3D แบบ 360 องศา น่าสนใจมาก
อยากรู้ว่าใช้อะไรในการทำ ใครพอทราบบ้าง
ขอผู้รู้ช่วยบอกหน่อยนะค่ะอยากศึกษา