有没有办法在jupyter的ijavascript内核中运行threejs?

时间:2018-06-01 15:25:40

标签: three.js jupyter-notebook jupyter jupyter-lab

我有一个建立在three.js之上的库,我想在ijavascript(jupyter + ijavascript)笔记本中运行它。有谁知道这是否可能?

据我所知,three.js使用require('three')运行得很好,但是我无法连接渲染器。

2 个答案:

答案 0 :(得分:1)

已经有一个成熟的解决方案,您可以使用Jupyter-Widigts以更加Python的方式进行编码。

pythreejs three.js embedded in a jupyter widgit

在笔记本中显示绿色球体。

ball = Mesh(geometry=SphereGeometry(radius=1), 
        material=MeshLambertMaterial(color='#00ff00'),
        position=[0, 0, 0]) 
ball

Output

答案 1 :(得分:0)

在发布问题后不久,我想出了一个解决方案:

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, 300 / 150, 0.1, 1000 );

$$html$$ = `<canvas></canvas>`
var renderer = new THREE.WebGLRenderer({canvas: $$html$$});
renderer.setSize( 300, 150 );