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

หากฉันตัดสินใจที่จะเขียนเกมง่ายๆทั้งข้อความและกราฟิก (2d) ฉันจะใช้ไลบรารีใด (สมมติว่าเรากำลังใช้เบราว์เซอร์ที่ใช้งานร่วมกับ HTML5 ได้) สิ่งสำคัญที่ฉันคิดได้ แสดงข้อความบนหน้าจอ สไปรต์เคลื่อนไหว (โดยใช้ images / css) อินพุต (จับปุ่มลูกศรและรับตำแหน่งเมาส์สัมพัทธ์) บางทีทรัพยากรที่โหลดไว้ล่วงหน้าหรือโหลดทรัพยากรแบบไดนามิกและเลือกคำสั่ง เสียง (แต่ฉันไม่แน่ใจว่าความสำคัญนี้จะเป็นอย่างไรสำหรับฉันในตอนแรก) บางทีด้วยการผสมและการผูกมัดเสียงหรือวนซ้ำตลอดไปจนกว่าจะหยุด ระบบเครือข่าย (ลำดับความสำคัญต่ำ) เพื่อเชื่อมต่อผู้ใช้กับผู้อื่นหรือรับข้อมูลอย่างต่อเนื่องโดยไม่มีการร้องขอหลายครั้ง (ฉันรู้ว่ามันมีอยู่ แต่ฉันไม่รู้ว่าการติดตั้งหรือใช้งานง่ายแค่ไหน แต่มันไม่สำคัญสำหรับฉัน คำถาม).

56 html5  javascript 

ดังนั้นฉันกำลังสร้าง HTML5 RPG เพื่อความสนุก แผนที่คือ<canvas>(ความกว้าง 512px สูง 352px | 16 แผ่นข้าม, 11 แผ่นจากบนลงล่าง) ฉันต้องการทราบว่ามีวิธีการทาสีที่มีประสิทธิภาพมากกว่า<canvas>นี้หรือไม่ นี่คือวิธีที่ฉันมีตอนนี้ วิธีการโหลดและวาดภาพบนแผนที่ แผนที่จะถูกวาดด้วยกระเบื้อง (32x32) โดยใช้Image()ชิ้นส่วน ไฟล์ภาพจะถูกโหลดผ่านง่ายforห่วงและใส่ลงในอาร์เรย์ที่เรียกว่าจะทาสีเกี่ยวกับการใช้tiles[]drawImage() ก่อนอื่นเราโหลดไพ่ ... และนี่คือวิธีที่จะทำ: // SET UP THE & DRAW THE MAP TILES tiles = []; var loadedImagesCount = 0; for (x = 0; x <= NUM_OF_TILES; x++) { var imageObj …

46 javascript  html5  html-canvas  image 

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

45 html5  javascript  client-server 

ตอนนี้ Flash ส่วนใหญ่ถูกแทนที่ด้วยองค์ประกอบ HTML5 (วิดีโอ, เสียง, แคนวาส, ฯลฯ ) มีตัวอย่างที่ดีของเกมบนเว็บที่สร้างขึ้นบนมาตรฐานแบบเปิดที่สมบูรณ์ (หมายถึง Javascript, HTML และ CSS) ฉันเห็นตัวอย่างมากมายของการใช้งาน HTML5 อย่างแท้จริงของสิ่งที่ครั้งหนึ่งเคยมีเฉพาะใน Flash (เช่นที่นี่: http://www.html5rocks.com/ ) แต่ไม่ใช่เกมจำนวนมากโดเมนที่ดูเหมือนจะยังคงครอบครองโดย Flash ฉันอยากรู้ว่าอะไรเป็นไปได้และข้อ จำกัด คืออะไร

37 flash  web  html5  javascript 

ฉันวางแผนที่จะทำตัวละครแอ็คชั่นผู้เล่นคนเดียวใน js / html5 และฉันต้องการป้องกันการโกง ฉันไม่ต้องการการป้องกัน 100% เนื่องจากมันไม่ได้เป็นเกมที่มีผู้เล่นหลายคน แต่ฉันต้องการการปกป้องในระดับหนึ่ง ดังนั้นกลยุทธ์ใดที่คุณแนะนำเกินกว่าจะย่อเล็กลงและทำให้งงงวย? ฉันไม่อยากทำให้การตรวจสอบฝั่งเซิร์ฟเวอร์ง่าย ๆ แต่ฉันไม่ต้องการไปตามเส้นทาง Diablo 3 ที่ทำให้สถานะเกมของฉันเปลี่ยนแปลงไปตลอดเวลาที่ฝั่งเซิร์ฟเวอร์ เนื่องจากมันจะเป็นสมมุติที่แปลกประหลาดฉันจึงคิดที่จะสร้างตัวตรวจสอบสถิติที่ตรวจสอบการเปลี่ยนแปลงอย่างฉับพลันในคุณค่าของพวกเขา แต่ฉันไม่แน่ใจว่ามันจะสอดคล้องและเชื่อถือได้อย่างไร สิ่งที่เกี่ยวกับตัวแปรและฟังก์ชั่นหลบหนี? การทำงานกับทางหนีไฟขนาดเล็กเมื่อใดก็ตามที่เป็นไปได้ปลอดภัยกว่า แต่ก็คุ้มค่ากับความพยายามใช่ไหม มีอยู่หรือไม่เพื่อให้จาวาสคริปต์ตรวจสอบข้อความด้วยตนเองเช่นเดียวกับในเช็คซัม? มีวิธีแก้ไขปัญหาเฉพาะเบราว์เซอร์หรือไม่ ฉันไม่สนใจที่จะ จำกัด เฉพาะ Chrome เท่านั้นในช่วงแรกของการสร้าง

35 javascript  html5  security 

ฉันกำลังสร้างเกมใน jQuery ที่ฉันใช้แผ่นประมาณ 10,000 32x32 แผ่น จนถึงตอนนี้ฉันใช้มันแยกกันหมด (ไม่มีแผ่นสไปรต์) แผนที่เฉลี่ยใช้ประมาณ 2,000 ไทล์ (บางครั้งใช้ PNG ใหม่ แต่แยก Divs ทั้งหมด) และประสิทธิภาพการทำงานมีตั้งแต่เสถียร (Chrome) ไปจนถึงความล่าช้าเล็กน้อย (Firefox) แต่ละ divs เหล่านี้อยู่ในตำแหน่งที่ใช้ CSS อย่างแน่นอน พวกเขาไม่จำเป็นต้องได้รับการอัพเดททุกเห็บเพียงแค่โหลดแผนที่ใหม่ มันจะดีกว่าหรือที่ประสิทธิภาพจะใช้วิธี spritesheet สำหรับ div โดยใช้การวางตำแหน่งพื้นหลัง CSS เหมือน gameQuery ขอบคุณล่วงหน้า!

33 javascript  sprites  tiles  spritesheet 

หลังจากถามคำถามสองข้อเกี่ยวกับระบบเอนทิตี ( 1 , 2 ) และอ่านบทความเกี่ยวกับพวกเขาฉันคิดว่าฉันเข้าใจพวกเขาดีขึ้นกว่า แต่ก่อน ฉันยังมีความไม่แน่นอนอยู่บ้างส่วนใหญ่เกี่ยวกับการสร้างตัวส่งอนุภาคระบบอินพุตและกล้อง เห็นได้ชัดว่าฉันยังคงมีปัญหาในการทำความเข้าใจกับระบบเอนทิตีและพวกเขาอาจนำไปใช้กับวัตถุช่วงอื่น ๆ ทั้งหมด แต่ฉันเลือกสามข้อนี้เพราะมันเป็นแนวคิดที่แตกต่างกันมาก จัดการปัญหาเช่นนี้ด้วยตัวเองเมื่อพวกเขามา ฉันกำลังสร้างเอ็นจิ้นใน JavaScript และฉันได้นำคุณสมบัติหลักมาใช้ซึ่งรวมถึง: การจัดการอินพุต, ระบบภาพเคลื่อนไหวที่ยืดหยุ่น, ตัวส่งอนุภาค, คลาสคณิตศาสตร์และฟังก์ชั่น, การจัดการฉาก, กล้องและเรนเดอร์ ของสิ่งอื่น ๆ ที่เครื่องยนต์มักจะสนับสนุน ฉันอ่านคำตอบของ Byte56 ซึ่งทำให้ฉันสนใจที่จะทำให้เครื่องยนต์กลายเป็นระบบเอนทิตี มันจะยังคงเป็นเอ็นจิ้นเกม HTML5 ที่มีปรัชญาฉากพื้นฐาน แต่ควรสนับสนุนการสร้างเอนทิตีจากส่วนประกอบ ปัญหาที่ฉันมีตอนนี้คือปรับแนวคิดเครื่องยนต์เก่าของฉันให้เข้ากับกระบวนทัศน์การเขียนโปรแกรมใหม่นี้ นี่คือคำจำกัดความบางส่วนจากคำถามก่อนหน้านี้ที่อัปเดต: Entityเป็นตัวระบุ มันไม่มีข้อมูลใด ๆ ไม่ใช่วัตถุมันเป็นรหัสง่าย ๆ ที่แสดงดัชนีในรายการฉากของเอนทิตีทั้งหมด (ซึ่งจริง ๆ แล้วฉันวางแผนที่จะใช้เป็นเมทริกซ์คอมโพเนนต์) ตัวแทนเป็นผู้ถือข้อมูล แต่ด้วยวิธีการที่สามารถทำงานกับข้อมูลที่ ตัวอย่างที่ดีที่สุดคือองค์ประกอบVector2Dหรือ "ตำแหน่ง" มันมีข้อมูล: xและyแต่ยังมีบางส่วนวิธีการที่ทำให้การดำเนินงานเกี่ยวกับข้อมูลง่ายขึ้นเล็กน้อย: …

31 javascript  entity-system  component-based 

ฉันต้องการสร้างเสียงที่มีลักษณะเช่นนี้: (เอื้อเฟื้อภาพแห่งความเข้าใจเสียงเพอร์ลิน ) โดยทั่วไปฉันกำลังมองหาเสียงที่มี "ระลอก" เล็ก ๆ จำนวนมาก ต่อไปนี้เป็นสิ่งที่ไม่พึงประสงค์: มีวิธีง่าย ๆในการทำเช่นนี้? ฉันเคยดูเพอร์ลินและซิมเพล็กซ์เป็นเวลาหนึ่งสัปดาห์แล้วและฉันไม่สามารถใช้งานได้ใน JavaScript หรือเมื่อฉันทำฉันไม่มีพารามิเตอร์ที่ถูกต้องในการสร้างภาพดังกล่าวหรือไม่น่าตื่นเต้น ช้า. ฉันเข้าใจว่า 3 ภาพที่ฉันโพสต์อาจทำได้ด้วยอัลกอริทึมเดียวกัน แต่ในระดับที่แตกต่างกัน แต่ฉันไม่ต้องการอัลกอริทึมนั้น ฉันต้องการอัลกอริธึมที่ง่ายมาก ๆ เพื่อให้ได้ภาพในรูปแรก บางทีการทำให้เปรอะเปื้อนบางอย่างอาจใช้งานได้ แต่ฉันไม่สามารถจัดการเพื่อให้ได้ผลลัพธ์ ฉันกำลังพัฒนาสิ่งนี้ใน JavaScript แต่โค้ดชนิดใดก็ได้หรือแม้แต่คำอธิบายที่ง่ายและละเอียดจะทำงานได้

27 algorithm  javascript  procedural-generation  perlin-noise 

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Game Exchange Stack Exchange ปิดให้บริการใน4 ปีที่แล้ว มันเป็นไปได้สำหรับฉันที่มีหลายคนที่กำลังทำงานอยู่ในขณะเดียวกันเช่นเอ็นจิ้นเกม สมมติว่านักพัฒนาคนหนึ่งกำลังทำงานAudio.cppและนักพัฒนาที่สองก็กำลังทำงานอยู่Audio.cppสิ่งนี้จัดการโดยทั่วไปในทีมขนาดใหญ่เพื่อต่อสู้กับการเขียนทับได้อย่างไร (ในคำอื่น ๆ ที่จะหยุดสองนักพัฒนาจากการเปิดไฟล์จนกว่านักพัฒนาคนหนึ่งจะเสร็จสิ้น)

26 project-management  version-control  teamwork  java  2d  collision-detection  vector  collision-resolution  unity  directx  directx11  directx10  xna  ios  monogame  windows-phone-8  xamarin  design-patterns  oop  xna  collision-detection  collision-resolution  bounding-boxes  rotation  collision-detection  mathematics  javascript  algorithm  separating-axis-theorem  xna  2d  monogame  image  xna  directx  graphics  performance  opengl  2d  3d  c++  directx11  unity  c#  scale  c#  xna  collision-detection  collision-resolution  leaderboards  scoring  glsl  srgb  tilemap  three.js  tiled  unity  physics  xml  dialog-tree  xna  c#  .net  opengl  lwjgl  vbo  physics  graphics  procedural-generation  simulations  water  opengl  java  textures  lwjgl  frame-buffer  unity  unity  2d  collision-detection  collision-resolution  trigonometry  java  android  libgdx  xna  c#  frame-rate  c++  unreal-4  procedural-generation  java  graphics  lwjgl  slick  c++  software-engineering 

ดูการสาธิต ฉันพยายามที่จะทำให้รอยต่อหมุนได้อย่างราบรื่นรอบจุดศูนย์กลางของผืนผ้าใบไปยังมุมของตัวชี้เมาส์ สิ่งที่ฉันได้ผล แต่ฉันต้องการให้มันเคลื่อนไหวได้ในระยะทางที่สั้นที่สุดเท่าที่จะเป็นไปได้เพื่อให้ได้มุมของเมาส์ ปัญหาเกิดขึ้นเมื่อค่าวนรอบที่เส้นแนวนอน ( 3.14และ-3.14) วางเมาส์เหนือบริเวณนั้นเพื่อดูว่าทิศทางเปลี่ยนไปอย่างไรและมันจะย้อนกลับไปได้ไกล รหัสที่เกี่ยวข้อง // ease the current angle to the target angle joint.angle += ( joint.targetAngle - joint.angle ) * 0.1; // get angle from joint to mouse var dx = e.clientX - joint.x, dy = e.clientY - joint.y; joint.targetAngle = Math.atan2( dy, dx …

25 mathematics  javascript  animation  lerp  easing 

เกม Canvas ที่เรียบง่ายของฉันดูเหมือนจะทำงานได้ดีบน Chrome และ FF บน Mac / Linux ฉันยังไม่มีโอกาสทดสอบบนสมาร์ทโฟนหรือ Windows มันไม่ได้ใช้การบัฟเฟอร์คู่ แต่ฉันได้เห็นตัวอย่าง JS Canvas บางส่วนที่ใช้ การใช้บัฟเฟอร์คู่แนะนำเมื่อใด มันสร้างความแตกต่างสำหรับเบราว์เซอร์เฉพาะเท่านั้นหรือไม่ มีผลการดำเนินงานที่สำคัญหรือไม่ ขอบคุณ!

23 javascript  html5  html-canvas  double-buffering 

ฉันกำลังสร้างเกม JavaScript / HTML5 (ใช้ Canvas) สำหรับมือถือ (Android / iPhone / WebOS) ด้วย PhoneGap ขณะนี้ฉันกำลังพยายามออกแบบวิธีการสร้าง UI และกระดานเล่นและวิธีที่พวกเขาควรโต้ตอบ แต่ฉันไม่แน่ใจว่าทางออกที่ดีที่สุดคืออะไร นี่คือสิ่งที่ฉันคิดได้ - สร้าง UI ลงในผืนผ้าใบโดยใช้สิ่งต่าง ๆ เช่น drawImage และ fillText Build ส่วนต่าง ๆ ของ UI ที่อยู่ด้านนอกของผืนผ้าใบโดยใช้วัตถุ DOM ปกติแล้วลอย div บนผืนผ้าใบเมื่อองค์ประกอบ UI จำเป็นต้องซ้อนผ้าใบในกระดาน มีเทคนิคใดที่เป็นไปได้อื่น ๆ ที่ฉันสามารถใช้ในการสร้าง UI เกมที่ฉันไม่ได้คิด? นอกจากนี้เกมประเภทใดที่ถือว่าเป็น "มาตรฐาน" (ฉันรู้ว่าเกม HTML5 ไม่เป็นที่นิยมมากดังนั้นอาจจะยังไม่มีวิธี …

23 gui  javascript  html5  mobile  html-canvas 

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการถกเถียงอภิปรายโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน6 ปีที่ผ่านมา มีใครรู้บ้างไหมกับเครื่องมือวาดภาพ isometric (เช่น out of alpha) ที่เสถียรสำหรับ JavaScript / HTML5? ฉันค้นหาด้วย Google เสร็จแล้วและพบบางอย่าง แต่ส่วนใหญ่อยู่ในสถานะอัลฟา / คำเชิญเท่านั้น มีอะไรที่โตพอที่จะใช้ในสภาพแวดล้อมการผลิตหรือไม่? หรือฉันควรจะม้วนการใช้งานของตัวเองตอนนี้และรอให้ส่วนที่เหลือของโลกให้ทัน?

22 javascript  html5  isometric 

ฉันสามารถรวม HTML และ JavaScript ไว้ด้วยกันใน.htmlไฟล์เดียวกันแต่ภาพต้องเป็นไฟล์แยกต่างหาก ทางออกเดียวที่อยู่ในใจของฉันคือการมอบ.zipโฟลเดอร์ให้กับผู้ใช้ นี่มันไม่สวยเลย ... ฉันจะทำยังไงดีล่ะ?

20 javascript  html5  distribution 

ฉันได้ยินเกี่ยวกับเกม Dwarf Fortress แต่ตอนนี้มีเพียงหนึ่งคนที่ฉันติดตามบน Youtube ได้ให้ความเห็นเกี่ยวกับเรื่องนี้ ... ฉันประหลาดใจยิ่งกว่าเมื่อฉันสังเกตเห็นว่า Dwarf Fortress สร้างประวัติศาสตร์ให้โลกได้อย่างไร! ตอนนี้อัลกอริทึมเหล่านี้ทำงานอย่างไร พวกเขามักจะทำอะไรเป็นอินพุตยกเว้นความยาวของการจำลอง? พวกเขาจะมีความเฉพาะเจาะจงได้อย่างไร? และที่สำคัญกว่านั้น พวกเขาสามารถทำใน Javascript หรือ Javascript ช้าเกินไป? (ฉันเดาว่าสิ่งนี้ขึ้นอยู่กับความลึกของการจำลอง แต่ยกตัวอย่างป้อมปราการคนแคระ)

19 algorithm  javascript  random