如何在node.js中渲染three.js? [英] How do I render three.js in node.js?
问题描述
如何在node.js中渲染three.js代码?
How do I render three.js code in node.js?
我想从blender导出,然后通过 fs
并渲染一个场景。
I'd like to export from blender, then open the export through fs
and render a scene with it.
推荐答案
要记住的关键部分是创建几何的部分,其他一切都很简单。我主要是把这里提供给我自己的参考,但它的工作,它很酷,在nodejs有3d渲染。哦,它需要画布来工作。
This is kind of a smelly implementation, but the key parts to remember are the part where the geometry is created, everything else is pretty straightforward. I'm mostly putting this here for my own reference later, but it does work and it's cool to have 3d rendering in nodejs. oh yea it requires canvas to work too.
它依赖于 three.js
npm模块
https://github.com/uniba/node-three.js
it relies on three.js
npm module
https://github.com/uniba/node-three.js
fs = require("fs")
THREE = require("three.js")
join = require("path").join
app.get '/test/top_:top_id/side_:side_id/x_:x/y_:y.jpg', (req, res, next) =>
width = 660
height = 500
camera = new THREE.PerspectiveCamera(50, width / height, 1, 1000)
scene = new THREE.Scene()
renderer = new THREE.CanvasRenderer( )
renderer.setSize width, height
camera.position.z = 100
camera_container = new THREE.Object3D
scene.add camera_container
camera_container.add camera
camera.position.z = 75
# We have one background plane
plane_image = new Image
plane_image.src = fs.readFileSync TOP_DIR + "public/images/vtx_logo.jpg"
texture = new THREE.Texture plane_image, new THREE.UVMapping()
texture.needsUpdate = true
loader = new THREE.JSONLoader()
geometry = new THREE.PlaneGeometry(200, 200)
material = new THREE.MeshBasicMaterial
color : 0x698144
#shading : THREE.SmoothShading
map : texture
overdraw: true
plane = new THREE.Mesh geometry, material
plane.position.z = -50
plane.position.y = -4
plane.position.x = 4.5
# We also have an object in the foreground
scene.add plane
geometry = false
loader.createModel JSON.parse(fs.readFileSync(TOP_DIR + 'public/blender_export.json')), (done) =>
geometry = done
# Imager.texture gives us a canvas based on some code that grabs specific info
texture = new THREE.Texture (Imager.texture req.params.side_id, req.params.top_id), new THREE.UVMapping()
texture.needsUpdate = true
material = new THREE.MeshBasicMaterial
color: 0xaaaaaa
map: texture
overdraw: true
mesh = new THREE.Mesh geometry, material
mesh.rotation.x = parseFloat req.params.x
mesh.rotation.y = parseFloat req.params.y
scene.add mesh
mesh.dynamic = true
renderer.render scene, camera
renderer.domElement.toBuffer (err, buf) ->
res.contentType 'image/jpg'
res.send buf
您会收到错误找不到./lib/Three
:
three.js
模块我提到可能指向内部的三个旧版本。我记得必须进入模块并编辑一个文件 require('./ lib / Three')
到 require('./ lib /三')
。我想他在package.json中包含了一个非特定的三个,所以它更新没有他的npm模块更新..可以修复
The three.js
module I mentioned might point to an old version of three internally. I remember having to go into the module and edit a file that require('./lib/Three')
to require('./lib/three')
. I guess he included a non specific three in his package.json, so it got updated without his npm module being updated.. could be fixed by now
这篇关于如何在node.js中渲染three.js?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!