Xây dựng trò chơi vật lý WebGL của riêng bạn

 var pinegepometry = mới ba.planegeometry (650, 500, 10, 10);
var tableMaterial = Physijs.creatematurial (
  ba.meshphongm vật phẩm mới ({
    SHININES: 1,
    Màu sắc: 0xb00000,
    Phát xạ: 0x111111,
    bên: ba.doubleide.
  }),
  .8, // ma sát
  .4 // bồi thường
);
Bảng = Physijs mới.HeightFieldmesh (Bàn cần thiết, TapleM vật liệu, 0); 

 var buildball = Hàm (NumberBall) {
 var balltexture = mới ba.texture ();
 var ballindex = ball.length; 

 BallTexture = ba.imageutils.loadTexture ('Hoạ tiết /' + NumberBall + '_ball.jpg', hàm (hình ảnh) {
     BallTexture.Image = hình ảnh;
  }); 

var ballm vật = Phyrijs.createm vật liệu (
    ba.meshlambertm vật phẩm mới ({
      Bản đồ: Balltexture,
      SHININES: 10,
      Màu: 0xddddd,
      Phát xạ: 0x111111,
      bên: ba.frontside.
    }),
    .6, // ma sát
    .5 // bồi thường
  ); 

 Ballmaterial.map.wraps = BallMaterial.map.wrapt = ba.rexeatwrapping;
  Ballmaterial.map.repeat.set (1, 1);
 Tạo Spheremesh hỗ trợ vật lý và khởi động nó trong không khí:

  Ball [Ball Index] = New Physijs.Spheremesh (
    Three.SphereGoretry mới (25, 25, 25),
    Vẻc vật liệu,
    100.
  );
  // y offset lên trên cùng của khung vẽ
  bóng [ballindex]. nhọa lạc.y = 500;
  // bóng
  bóng [ballindex] .receiveshadow = true;
  bóng [ballindex] .castshadow = true;
  // thêm bóng vào vải của bạn
  cảnh.add (bóng [ballindex]);
};

 var socket = io.connect (); 

 Ổ cắm.Emit ('Tên sự kiện', dữ liệu); 

 Ổ cắm.on ('Tên sự kiện', hàm () {}); 

 var socket = io.connect ();
// Khi tin nhắn chào mừng ban đầu, trả lời với 'Trò chơi' Loại thiết bị
Ổ cắm.on ('Chào mừng', chức năng (dữ liệu) {
  Ổ cắm.emit ("thiết bị", {"gõ": "trò chơi"});
}); 

 // Tạo một mã
var gamecode = crypto.randombyte (3) .tostring ('hex'). SUNSTRING (0, 4) .tolowercase ();
// Đảm bảo tính duy nhất
trong khi (gamecode trong socketcodes) {
  gamecode = crypto.randombyte (3) .tostring ('hex'). chuỗi con (0, 4) .tolowercase ();
Không thể
// lưu trữ mã trò chơi - & gt; Hiệp hội ổ cắm
socketcodes [gamecode] = io.sockets.sockets [socket.id];
socket.gamecode = gamecode 

 Ổ cắm.Emit ("khởi tạo", gamecode); 

 socket.emit ("thiết bị", {"gõ": "bộ điều khiển", "gamodode": gamecode}); 

 if (device.gamecode trong Ổ cắm) {
  // Lưu mã trò chơi cho các lệnh bộ điều khiển
  Ổ cắm.gamecode = device.gamecode.
  // Khởi tạo bộ điều khiển
  Ổ cắm.Emit ("Đã kết nối", {});
  // bắt đầu trò chơi
  socketcodes [device.gamecode] .emit ("Đã kết nối", {});
} 

 Bóng 
 .setLinearVelocity (mới ba.vector3 (30, 0, 30)); 

setInterval (hàm () {
  Ổ cắm.Emit ('gửi Gyro', [Math.round (roty), math.round (rotx), ay, rìu]);
}, khoảng thời gian); 

 // Xử lý dữ liệu Gyro đến
Ổ cắm.on ('Gyro mới', chức năng (dữ liệu) {
  var degy = Dữ liệu 
 & lt; 0? Math.abs (dữ liệu 
): -Data 
;
  TweenMax.to (Bảng.Rotation, 0,3, {
    X: Degorac (Dụng cụ - 90),
    Y: Degorad (dữ liệu 
),
    dễ dàng: linear.easenone,
    onUpdate: Chức năng () {
        bảng .__ Dirtyrotation = TRUE;
    Không thể
  });
}); 

 // Tạo Balls / Slam Table trên phím cách
tài liệu.addeventlistener ('khóa', chức năng (e) {
  if (e.keycode == 49) {// phím: 1
    Buildball (1);
  } other if (e.keycode == 50) {// phím: 1
    Buildball (2);
  } other if (e.keycode == 51) {// Phím: 1
    Buildball (3);
  } other if (e.keycode == 32) {// phím: phím cách
    bouncetable ();
  Không thể
}); 

 Table.setLineArNocity (Three.Vector3 mới (0, 500, 0)); 

Cách - Các bài báo phổ biến nhất

22 công cụ thiết kế UI tốt nhất

Cách Sep 11, 2025

[số 8] (Tín dụng hình ảnh: Invision) Một lựa chọn các công cụ thiết kế UI tốt nhất sẽ giú..

---

Sử dụng Adobe XD để tạo tương tác vi mô

Cách Sep 11, 2025

[số 8] (Tín dụng hình ảnh: Adobe) Adobe XD có thể giúp tạo mẫu - một trong những quy trình quan t..

---

Sử dụng túi công cụ Marmoset để trình bày các mô hình trong VR

Cách Sep 11, 2025

[số 8] Túi công cụ Marmoset không có nghĩa là mới đối với Nghệ thuật 3D. công nghiệp. Nó �..

---

Tạo hình ảnh đa phơi sáng với Adobe CC

Cách Sep 11, 2025

Adobe đã tác vụ tôi với việc tạo một minh họa để thể hiện khái niệm Multilocalism, v.v. Bạn có thể thấy phản hồi của mình. Trong hướng dẫn này, t..

---

8 bí mật bảo mật WordPress thiết yếu

Cách Sep 11, 2025

Trong 15 năm qua, WordPress đã trở thành hệ thống quản lý nội dung phổ biến nhất thế giới. Dễ dàng bắt đầu với và cực kỳ linh hoạt, đó là một tr..

---

Cách xây dựng bố cục phức tạp bằng CSS

Cách Sep 11, 2025

[số 8] Bố cục cho web luôn bị giới hạn, thực sự chưa bao giờ có bất cứ điều gì thực sự dành riê..

---

Làm thế nào để tạo Kinh thánh nhân vật của riêng bạn

Cách Sep 11, 2025

[số 8] Đối với bất cứ ai làm việc chuyên nghiệp trong Thiết kế nhân vật , một nhân vật..

---

Tạo bảng điều khiển đáp ứng với Figma

Cách Sep 11, 2025

Figma là một công cụ đồ họa cho các nhà thiết kế UI. Nó có một giao diện đơn giản và cho phép bạn hợp tác làm việc với đồng đội của mình. Nếu..

---

Thể loại

• AI & Machine Learning
• Airpods
• Amazon
• Amazon Alexa & Amazon Echo
• Amazon Alexa & Amazon Echo
• Amazon Fire TV
• Video Prime Của Amazon
• Android
• Điện Thoại & Máy Tính Bảng Android
• Điện Thoại & Máy Tính Bảng Android
• TV Android
• Apple
• Apple App Store
• Homekit & Homepod Apple
• Táo Nhạc
• Apple TV
• Apple Watch
• Ứng Dụng & Ứng Dụng Web
• Ứng Dụng & Ứng Dụng Web
• Âm Thanh
• Chromebook & Chrome OS
• Chromebook & Chrome OS
• Chromecast
• Cloud & Internet
• Đám Mây & Internet
• Đám Mây Và Internet
• Phần Cứng Máy Tính
• Lịch Sử Máy Tính
• Cắt Dây & Truyền Phát
• Cắt Dây Và Phát Trực Tuyến
• Discord
• Disney +
• DIY
• Xe điện
• EREADERS
• Những điều Cần Thiết
• Người Giải Thích
• Facebook
• Chơi Game
• Chung
• Gmail
• Google
• Google Assistant & Google Nest
• Google Assistant & Google Nest
• Google Chrome
• Google Docs
• Google Drive
• Google Maps
• Google Play Store
• Google Tấm
• Google Slide
• Google TV
• Phần Cứng
• HBO Max
• Cách
• Hulu
• Instagram
• Tiếng Lóng Internet & Viết Tắt
• IPhone Và IPad
• Kindle
• Linux
• Mac
• Bảo Trì Và Tối ưu Hóa
• Microsoft Edge
• Microsoft Excel
• Microsoft Office
• Microsoft Outlook
• Microsoft PowerPoint
• ​​Các đội Microsoft
• Microsoft Word
• Mozilla Firefox
• Netflix
• Nintendo Switch
• Paramount +
• Chơi Game PC
• Peacock
• Nhiếp ảnh
• Photoshop
• Playstation
• Quyền Riêng Tư & Bảo Mật
• Quyền Riêng Tư & Bảo Mật
• Quyền Riêng Tư Và Bảo Mật
• Roundup Sản Phẩm
• Lập Trình
• Raspberry Pi
• Reddit
• Roku
• Safari
• Samsung Điện Thoại & Máy Tính Bảng
• Điện Thoại & Máy Tính Bảng Samsung
• Slack
• Nhà Thông Minh
• Snapchat
• Phương Tiện Truyền Thông Xã Hội
• Không Gian
• Spotify
• Tinder
• Xử Lý Sự Cố
• TV
• Twitter
• Trò Chơi Video
• Thực Tế ảo
• VPN
• Trình Duyệt Web
• WhatsApp
• WiFi & Bộ định Tuyến
• WiFi & Bộ định Tuyến
• Windows
• Windows 10
• Windows 11
• Windows 7
• Xbox
• TV YouTube & YouTube
• YouTube & YouTube TV
• Thu Phóng
• Người Giải Thích