小编Sne*_*tle的帖子

使用 Three.js 进行第一人称射击游戏控制

我对 Three.js 和 3D 完全陌生。我正在尝试制作一个非常简单的第一人称射击游戏。我找到了很多例子,但它们看起来都很复杂。我想在使用代码之前先了解它。我遇到的问题是相机旋转。其他一切都很好。我的方法不太管用。它似乎在 z 轴上旋转,即使我将其设置为 0。这是我的所有代码(125 行)

var width    = window.innerWidth, height = window.innerHeight,
    scene    = new THREE.Scene(),
    camera   = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000),
    renderer = new THREE.WebGLRenderer(),
    mouse = {
      x: 0,
      y: 0,
      movedThisFrame: false
    };
renderer.setSize(width, height);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({
  color: 0x00ff00
});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
var floorgeometry = new THREE.BoxGeometry(100,0.1,100);
var floormaterial = new THREE.MeshBasicMaterial({
  color: 0xff0000 …
Run Code Online (Sandbox Code Playgroud)

javascript 3d three.js

5
推荐指数
1
解决办法
5814
查看次数

标签 统计

3d ×1

javascript ×1

three.js ×1