คำถามติดแท็ก html5

HTML 5 หมายถึงเทคโนโลยีเว็บใหม่เช่นเอนจิ้น JavaScript ประสิทธิภาพสูง, Canvas 2D และ WebGL, วิดีโอและแท็กเสียง

1
รูปร่าง (สี่เหลี่ยม) ทำงานในต้นไม้สี่ทิศได้อย่างไร
ฉันถูกบอกว่าต้นไม้รูปสี่เหลี่ยมเป็นโครงสร้างข้อมูลที่เหมาะสำหรับเกมของฉัน แต่ฉันมีปัญหาในการทำความเข้าใจว่ารูปร่างทำงานอย่างไรภายในต้นไม้รูปสี่เหลี่ยม ฉันทำสิ่งนี้ใน JavaScript แต่ฉันคิดว่าคำถามเหล่านี้สามารถใช้ได้กับต้นไม้สี่ต้นในภาษาใด ๆ ผมคิดว่าผมเข้าใจส่วนใหญ่วิธีการขั้นพื้นฐาน (x, y) จุดและแทรกจุดงานในต้นไม้รูปสี่เหลี่ยมและที่ฉันสามารถทำมันบนกระดาษ นี่คือJSfiddleของการทดสอบของฉันกับจุด นอกเหนือจากกรณีหนึ่งการทดสอบของฉันกับคะแนนทำงานตามที่คาดไว้ แต่ความสับสนของฉันเริ่มต้นเมื่อรูปร่างเช่นสี่เหลี่ยมมีส่วนร่วม เมื่อคุณดึงข้อมูลจากต้นไม้รูปสี่เหลี่ยมด้วยรูปร่างมันจะตรวจสอบแต่ละจุดของรูปร่างและโหนดใดที่มันตกลงไป และการแทรกรูปร่างยังทำงานได้อย่างไรเมื่อมันยอมรับพารามิเตอร์ (x, y, width, height) สำหรับแต่ละรูปร่าง มันใช้ความกว้าง / ความสูงจากจุดเริ่มต้นในการคำนวณจุดมุมอื่น ๆ ซึ่งจะถูกแจกจ่ายไปยังโหนดที่เหมาะสม? หากรูปร่างที่แทรกเข้าไปมีสี่โหนดข้อมูลของรูปร่างนั้นจะถูกบันทึกลงในทั้งสี่โหนดหรือไม่ และเมื่อวิธีการดึงข้อมูลยอมรับรูปร่างเป็นพารามิเตอร์ (x, y, ความกว้างความสูง) สิ่งที่เกิดขึ้นจริง? มันเป็นครั้งแรกหรือไม่ที่จะเห็นว่ารูปร่างของโหนดนั้นจะขยายไปถึงถ้ามันถูกแทรกเข้าไปแล้วดึงวัตถุทั้งหมดของโหนดเหล่านั้นหรือไม่? ฉันมีJSfiddle ทำงานกับรูปร่างแต่ฉันสับสนอย่างมากกับผลลัพธ์ของการทดสอบของฉัน ฉันได้รับวัตถุที่ซ้ำกันที่ถูกส่งคืน! ตัวอย่างเช่นสี่เหลี่ยมจัตุรัสสีแดงนั้นเทียบเท่ากับพารามิเตอร์ที่ฉันกำลังเข้าสู่วิธีการดึงของฉัน ฉันคิดว่าเนื่องจากสี่เหลี่ยมสีแดงนี้ครอบคลุมทั้งสี่โหนดมันควรส่งคืนวัตถุทุกชิ้นในต้นไม้รูปสี่เหลี่ยม! แต่มันไม่ได้และฉันมีปัญหาในการหาเหตุผลเข้าข้างตนเองว่ามันจะกลับมา ฉันมีการทดสอบอื่น ๆ อีกจำนวนมากที่แสดงความคิดเห็นอยู่ในขณะนี้ แต่คุณสามารถยกเลิกการแสดงความคิดเห็นและเรียกใช้พวกเขาเพื่อดูผลลัพธ์ที่สับสนมากขึ้น! ถ้าฉันต้องการส่งคืนคะแนนทั้งหมดในต้นไม้รูปสี่เหลี่ยมฉันจะทำอย่างไร วิธีการดึงข้อมูลโดยใช้รูปร่างขนาดทั้งหมดของขอบเขต? ตัวอย่างเช่นดึง (0, 0, canvas.width, canvas.height)? ห้องสมุด …

1
gluLookAt ทำงานอย่างไร
จากความเข้าใจของฉัน gluLookAt( eye_x, eye_y, eye_z, center_x, center_y, center_z, up_x, up_y, up_z ); เทียบเท่ากับ: glRotatef(B, 0.0, 0.0, 1.0); glRotatef(A, wx, wy, wz); glTranslatef(-eye_x, -eye_y, -eye_z); แต่เมื่อฉันพิมพ์ModelViewเมทริกซ์การเรียกเพื่อglTranslatef()ดูเหมือนจะทำงานไม่ถูกต้อง นี่คือข้อมูลโค้ด: #include <stdlib.h> #include <stdio.h> #include <GL/glut.h> #include <iomanip> #include <iostream> #include <string> using namespace std; static const int Rx = 0; static const int …

2
ฟรีการเคลื่อนไหวในเกมภาพวาดสามมิติแบบเรียงต่อกัน
มีวิธีง่ายๆในการใช้การเคลื่อนไหวฟรีในเกม isometric แบบอิงไทล์หรือไม่? หมายความว่าผู้เล่นจะไม่เพียงกระโดดจากไทล์หนึ่งไปอีกอันหนึ่งทันทีหรือไม่ใช่ "snapped" ไปยังกริด (ตัวอย่างเช่นหากการเคลื่อนไหวระหว่างไทล์เป็นภาพเคลื่อนไหว แต่คุณถูกล็อคไม่ให้ทำอะไรก่อนที่ภาพเคลื่อนไหวจะเสร็จสิ้น) ฉันเป็นมือใหม่จริงๆกับทุกอย่างที่เกี่ยวข้องกับการเขียนโปรแกรมเกม แต่ด้วยความช่วยเหลือของเว็บไซต์นี้และแหล่งข้อมูลอื่น ๆ มันค่อนข้างง่ายที่จะทำสิ่งพื้นฐาน แต่ฉันไม่สามารถหาแหล่งข้อมูลที่เป็นประโยชน์สำหรับปัญหานี้โดยเฉพาะ . ขณะนี้ฉันได้แก้ไขบางสิ่งที่ใกล้เคียงกับสิ่งนี้: http://jsfiddle.net/KwW5b/4/ (การเคลื่อนไหว WASD) แนวคิดสำหรับการเคลื่อนไหวคือการใช้แผนที่ของเมาส์เพื่อตรวจจับเมื่อผู้เล่นย้ายไปที่ไทล์อื่นแล้วพลิกออฟเซ็ตและส่วนใหญ่ทำงานอย่างถูกต้อง (แต่ละมุมทำให้ผู้เล่นย้ายไปยังตำแหน่งที่ไม่ถูกต้อง: ดูhttp: //www.youtube.com/watch?v=0xr15IaOhrIซึ่งอาจเป็นเพราะฉันไม่สามารถทำงานแผนที่เมาส์เต็มอย่างถูกต้อง) แต่ฉันไม่มีภาพลวงตาว่าอยู่ใกล้กับวิธีแก้ปัญหาที่ดี / มีสติ และอย่างไรก็ตามมันเป็นเพียงการแสดงให้เห็นถึงสิ่งที่ฉันต้องการนำไปใช้

1
ตั้งเทพดาหันไปทางทิศทางของเมาส์
ฉันกำลังสร้างเกม html5 canvas และฉันต้องการวิธีที่จะทำให้เทพดาของฉันเผชิญหน้ากับเคอร์เซอร์ของเมาส์ ฉันมีพิกัด X และ Y สำหรับ sprite และพิกัด X และ Y ของตัวชี้ ทั้งหมดที่ฉันติดอยู่คือคณิตศาสตร์ที่เกี่ยวข้องกับการทำให้ผีสางหน้าตัวชี้ มันคือทั้งหมดในโลก 2 มิติดังนั้นฉันไม่สามารถจินตนาการได้ว่ามันจะซับซ้อนเกินไป แต่ฉันมีประสบการณ์น้อยมากกับสิ่งนี้ นอกจากนี้ลิงก์ที่มีประโยชน์ใด ๆ ไปยังบทความ / บล็อกโพสต์เกี่ยวกับสิ่งต่าง ๆ เช่นนี้จะยอดเยี่ยมมาก ในการเพิ่มฉันควรทราบว่าฉันต้องการมุมเป็นองศาที่จะนำฉันไปยังเคอร์เซอร์โดยใช้ตำแหน่ง X และ Y ฉันจะรู้พิกัดของเคอร์เซอร์ได้อย่างไรและฉันจะวางสิ่งเหล่านี้ทั้งหมดได้ที่ไหน?
9 2d  html5  html-canvas 

2
เป็นไปได้หรือไม่ที่จะพัฒนาเกมแบบผู้เล่นหลายคนด้วย HTML5
ฉันรู้ว่า HTML5 นั้นยอดเยี่ยมสำหรับเกมบนเว็บ แต่ฉันไม่รู้จริงๆว่าเป็นไปได้หรือไม่ที่จะพัฒนาเกมออนไลน์ที่มีผู้ใช้หลายคน เป็นไปได้ที่จะทำเช่นนี้?

2
วิธีการจัดเก็บและแสดงแผนที่ย่อยบนเว็บได้อย่างมีประสิทธิภาพ
เกี่ยวกับ อันนี้เป็นคำถามสองข้อในข้อเดียว ก่อนอื่นฉันกำลังมองหาวิธีในการจัดเก็บข้อมูลจำนวนมากอย่างมีประสิทธิภาพ อีกแง่มุมหนึ่งเกี่ยวข้องกับการสอบถามชุดข้อมูลและการแสดงไทล์ ให้ฉันให้พื้นหลังบางอย่างก่อน เรากำลังสร้างเกมผู้ประกอบการหลายคนที่ใช้เบราว์เซอร์โดยใช้ห้องสมุด CraftyJS เพื่อแสดงผลเป็น Canvas ในพื้นหลังของ GUI เราใช้งาน Yii Framework บน PHP และทุกอย่างเชื่อมต่อกับเครื่องสร้างแผนที่แบบ Python และเครื่องมือสร้างเกม นี่คือลักษณะที่แสดงแผนที่คร่าวๆเป็นครั้งแรก: http://i.imgur.com/khAXtl.png กำลังจัดเก็บข้อมูลแผนที่ โลกของเกมจะถูกสร้างแบบสุ่มทุกครั้งที่เริ่มเกม ขนาดคือไพ่หกเหลี่ยม 100x100 สำหรับผู้เล่นแต่ละคน นั่นหมายความว่าสำหรับเกมผู้เล่นสามคนมีการสร้างไทล์ 90,000 แผ่น ขณะนี้ฉันเพิ่งสร้างอาร์เรย์ JavaScript ที่ฉันแสดงแผนที่ วิธีนี้ใช้งานได้ดีสำหรับการเรนเดอร์ แต่สำหรับการโต้ตอบใด ๆ กับแผนที่เราจำเป็นต้องเก็บผู้เล่นที่เป็นเจ้าของไทล์โครงสร้างประเภทใดที่สร้างอยู่ด้านบนสุดของมันราคาปัจจุบันและอื่น ๆ ในตอนแรกอย่างน้อยสำหรับต้นแบบเราต้องการใช้ MySQL แต่หลังจากการทดสอบบางอย่างมันไม่เร็วอย่างที่ฉันต้องการ บางทีที่เก็บวัตถุอย่าง MongoDB น่าจะเหมาะกว่าสำหรับเก็บข้อมูลไทล์แทนตาราง SQL หรืออาจเป็นอย่างอื่น? แสดงแผนที่ ปัญหาอื่นที่ฉันเห็นคือการเคลื่อนที่ไปรอบ ๆ แผนที่ ขณะนี้ฉันกำลังสร้างเอนทิตีที่มีฝีมือสำหรับแต่ละไทล์แม้ว่าจะไม่ได้อยู่ในวิวพอร์ต …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.