ตัวเลือกข้ามเบราว์เซอร์ / ระบบที่เข้ากันได้มากที่สุดสำหรับกราฟิก 3 มิติบนหน้าเว็บคืออะไร


10

ฉันต้องการที่จะพัฒนาฟังก์ชั่นเล็กน้อยสำหรับเว็บไซต์ที่เกี่ยวข้องกับบิตของสามมิติ - ผู้ใช้สามารถย้ายไปรอบ ๆ วัตถุหมุนพวกเขาและพื้นผิวพวกเขา

จนถึงตอนนี้ฉันได้ดู:

  • WebGL (โดยเฉพาะอย่างยิ่ง three.js) และมันดูดี แต่ไม่รองรับใน IE หรือ IOS

  • IOS รองรับ<canvas>แท็ก แต่เพียง 2d ดูเหมือนว่า three.js มีแฮ็คที่ไม่รองรับเพื่อสร้างสิ่ง 3 มิติใช้ผืนผ้าใบ 2d แทนโดยไม่มีพื้นผิว แต่ดูเหมือนแฮ็ค

  • ฉันยังถือว่าหันไปใช้ Flash ซึ่งใช้งานได้กับเบราว์เซอร์ส่วนใหญ่ แต่ก็ไม่สามารถใช้กับ IOS ได้

ตัวเลือกที่ดีที่สุดของฉันสำหรับการทำเว็บกราฟิก 3 มิติบนเบราว์เซอร์และอินเทอร์เฟซมากมายมีอะไรบ้าง

ในขณะนี้ฉันกำลังคิด WebGL สำหรับเว็บ (และขอให้ผู้คนใช้ chrome หรือ firefox และใช้ hit บน IE) จากนั้นอาจเขียนแอปเนทีฟสำหรับ IOS แต่ฉันไม่แน่ใจว่ามีทางเลือกที่ดีกว่าหรือไม่ ไม่รู้


ฉันต้องการทราบว่าทำไมคำถามนี้จึงได้รับการโหวตและฉันจะแก้ไขได้อย่างไรฉันคิดว่ามันเป็นคำถามที่มีประโยชน์มากและเหมาะกับคำถามและรูปแบบ
Rocklan

4
ฉันไม่ได้ถามว่าเทคโนโลยีไหนดีกว่า .. ฉันกำลังถามว่าอะไรจะใช้กับกรณีส่วนใหญ่สำหรับเรื่อง 3 มิติ
Rocklan

3
การลงคะแนนเพื่อเปิดใหม่ LachlanB คำว่า 'ดีที่สุด' ไม่ใช้คำเช่น 'ดีที่สุด' ในคำถาม แต่อย่างอื่นฉันคิดว่ามันเป็นคำถามที่ตอบได้อย่างสมเหตุสมผล คุณอาจตั้งรหัสใหม่เป็น 'เทคโนโลยีใดที่จะสามารถใช้งานได้บนเบราว์เซอร์ส่วนใหญ่'
GrandmasterB

1
@ LachlanB ฉันได้ทำการแก้ไขคำถามของคุณเพื่อพยายามชี้แจงว่าคุณไม่ได้ขอให้ใช้เทคโนโลยี "ดีที่สุด" แต่เป็นเทคโนโลยีข้ามที่เข้ากันได้มากที่สุดสำหรับกราฟิก 3 มิติบนหน้าเว็บ ฉันลงคะแนนให้เปิดคำถามอีกครั้ง แต่ยังต้องการคะแนนชุมชนอื่นอีก 3 คะแนนเพื่อเปิดใหม่ หากไม่ได้รับความสนใจต้องเปิดใหม่ในอีกสองสามวันคุณสามารถลองตั้งค่าสถานะเพื่อเป็นผู้ดำเนินการและขอให้พวกเขาเปิดคำถามอีกครั้ง ขอให้โชคดี :)
Rachel

3
ไม่มีคำตอบที่ถูก มันควรจะปิด เครื่องมืออาจเหมาะสำหรับโครงการหนึ่งและไม่ใช่อีกโครงการ นี่ไม่ใช่วิธีที่คุณถามคำถามนี้ ไปตรวจสอบห้องสมุดต่าง ๆ จากนั้นกลับมาและถามคำถามเฉพาะ หากคุณถามว่าคุณลักษณะ XXX ได้รับการสนับสนุนในเบราว์เซอร์ทั้งหมดหรือไม่แสดงว่ามีคำตอบที่ถูกต้อง
ซ้ำ

คำตอบ:


2

ไม่มีและไม่น่าจะเป็นวิธีการใด ๆ ที่ข้ามเบราว์เซอร์และระบบไขว้เมื่อพิจารณาระบบปฏิบัติการมือถือ (ขนาดโทรศัพท์และขนาดแท็บเล็ต) หลายระบบและเบราว์เซอร์สำหรับระบบเดสก์ท็อป

ในขอบเขตนั้นไม่มีคำตอบที่สามารถให้ได้ซึ่งจะเป็นคำตอบที่ถูกต้อง - มีข้อดีและข้อเสียสำหรับแต่ละวิธี

เมตริกที่ดีที่สุด / มากที่สุดคือการที่ไม่ได้รับการกำหนด มันเป็นหน้าเว็บดิบตามประเภทเบราว์เซอร์ ? มีเบราว์เซอร์จำนวนมากใช่หรือไม่ หรือคำนึงถึงพฤติกรรมการท่องเว็บของผู้คนในระบบที่แตกต่างกันหรือไม่? พื้นที่ทางภูมิศาสตร์บางแห่งมีระดับความสำคัญสูงกว่าพื้นที่อื่นหรือไม่?

คุณพูดถึง WebGL - แต่นั่นก็ไม่ได้รับการสนับสนุนบน Android เช่นกัน - นี่หมายความว่าควรพิจารณารุ่นของ Android ด้วยหรือไม่ Flash เป็นกรอบการทำงานที่ 'น่าสนใจ' เช่นเดียวกันเมื่อมองไปที่อุปกรณ์พกพา

วิธีการทั่วไปที่ดำเนินการโดยธุรกิจคือทำสเปรดชีต - ทำรายการเกณฑ์และน้ำหนักแต่ละเกณฑ์ หากหมายเลขการค้นหาเป็นกุญแจสำคัญน้ำหนักนั้น หากใช้งานง่ายของเฟรมเวิร์กเป็นกุญแจสำคัญให้ลองทำเช่นนั้นถ้ามีเบราว์เซอร์ที่หลากหลายในปัจจุบัน ฯลฯ

เมื่อคุณระบุเฟรมเวิร์กและตุ้มน้ำหนักแล้วให้วิจัยแต่ละอันและโยนตัวเลข (0 - 10) ในแต่ละเซลล์สำหรับเฟรมเวิร์กนั้นและดูว่าเฟรมใดที่ออกมาดีที่สุด

นอกเหนือจากนั้นการตัดสินใจทางธุรกิจจะทำโดยผู้รับผิดชอบและรับความเสี่ยง การขอคนสุ่มบนอินเทอร์เน็ตเพื่อทำให้พวกเขามีปัญหา - เราไม่ได้ตระหนักถึงปัจจัยทั้งหมดที่กำลังพิจารณาสำหรับชุดคำตอบเฉพาะ (เวลาทรัพยากร)


0

ฉันเคยโชคดีมาก่อนในการใช้สิ่งนี้: https://code.google.com/p/jsc3d/มันทำงานได้กับทุกสิ่งที่ฉันลองฉันแค่ต้องเปลี่ยนจาวาสคริปต์เพื่อให้สามารถโต้ตอบกับอุปกรณ์มือถือ แต่ฉัน คิดว่าตอนนี้พวกเขาทำการเปลี่ยนแปลงของฉันและมันควรจะทำงานสำหรับเหตุการณ์ที่สัมผัส

ที่แสดงผลด้วย Chrome, Safari, Firefox, IE <9, IE> = 9, โทรศัพท์ Android, แท็บเล็ต Android, iPad, iPhone

อย่างไรก็ตามประสิทธิภาพไม่ดี แต่มันเจ๋งมากฉันสร้างแบบจำลองใน google sketchup, ส่งออกไฟล์ obj จากนั้นก็แสดงมันแบบหลายแพลตฟอร์มพร้อมพื้นผิว


คำถามที่แนะนำเกี่ยวกับเครื่องมืออยู่นอกหัวข้อที่ Programmers.SE การตอบคำถามในหัวข้อแม้มีข้อมูลที่ถูกต้องจะให้สิ่งจูงใจแก่ผู้โพสต์คำถามเพื่อถามคำถามในหัวข้อ
Adam Zuckerman

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.