我是three.js的新手,我还在学习。我有三个按钮用于不同的背景,但当我单击它时,我想淡入和淡出。
我正在为我的按钮使用这个代码。
var material = new THREE.MeshBasicMaterial( {
map: THREE.ImageUtils.loadTexture( 'pic.jpg' )
} );
var backgroundButton = document.getElementById('change-background-1');
backgroundButton.addEventListener('clic
我想将HTML背景设置为clearColor in three.js
这是我的three.js代码:
// init
var vWebGL = new WEBGL();
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.in
我有一个绿幕HTML5视频,并想显示它在一个平面上使用Three.js的视频纹理。
我尝试使用两种不同的视频纹理(视频和alpha通道),但它们在时间上并不完全同步,根据我所读到的内容,很难同步两个HTML5视频。
我认为使用.webm视频是可行的,但我无法在Three.js上使用alpha通道。这是可能的,还是有其他方法可以做到?谢谢!
var material = new THREE.MeshBasicMaterial( { map: videoTexture, transparent: true } );
我试图弄清楚为什么我看不到立方体内的文本,也不明白为什么它不起作用。
有两个网格,其中一个在另一个,但是无形的。
当我评论添加立方体网格到我的组时,文本就会出现(第34行)。如果从材料中删除“透明:真”,我可以看到文本,但是出现了一个背景(第52行)。
文本是作为画布纹理添加的,这是我找到的动态添加2d文本的最简单方法。
我只是想在我的立方体中添加一些白色文本,而没有任何背景颜色。
我看到了这个问题,但它似乎与我的问题无关:
var renderer, scene, camera, cubeGroup;
var rotationX = 0;
var rotationY = 0;
var p
我试图在three.js中创建一个动画,同时运行两个场景。第一个是固定的纹理,作为页面的背景,而第二个是旋转的立方体。这是我得到问题的代码的一部分:
THREE.ImageUtils.crossOrigin = '';
var texture = THREE.ImageUtils.loadTexture('https://i.imgur.com/eoWNz.jpg');
var backgroundMesh = new THREE.Mesh(
new THREE.PlaneGeometry(2, 2, 0),
new THREE.MeshBas
我正在尝试制作一个AR应用程序,通过手机摄像头放置北、东、南和西标记。我想渲染一个具有透明背景的场景,它覆盖了手机摄像头的视频元素。
渲染器代码(scene.js):
var scene = new THREE.Scene(),
camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000),
renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setClearColor( 0x0000