Полный код вставки (немного выдрано из контекста, но суть понятна):
Код: Выделить всё
<script language="javascript" src="<#ROOTHTML#>js/threejs/three.min.js"></script>
<!--#<script language="javascript" src="<#ROOTHTML#>js/threejs/loaders/JSONLoader.js"></script>#-->
<script language="javascript">
container[#ID#] = document.getElementById( 'canvas[#ID#]' );
document.body.appendChild( container[#ID#]);
var scene[#ID#] = new THREE.Scene();
var camera[#ID#] = new THREE.PerspectiveCamera(95, [#WIDTH#]/[#HEIGHT#], 0.1, 1000);
renderer[#ID#] = new THREE.WebGLRenderer();
renderer[#ID#].setSize([#WIDTH#], [#HEIGHT#] );
container[#ID#].appendChild( renderer[#ID#].domElement );
var ambientLight = new THREE.AmbientLight(0x999999);
scene[#ID#].add(ambientLight);
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
scene[#ID#].add( cube );
camera[#ID#].position.z = 5;
[#if S3D_SCENE!=""#]
var sceneURL='/cms/scenes/3d/monster.js'; //
//var sceneURL='[#S3D_SCENE#]';
//var sceneURL='/cms/scenes/3d/android-animations.js';
//var sceneURL='/cms/scenes/3d/scene.js'; -- не грузится!
//alert(sceneURL);
var loader = new THREE.JSONLoader();
loader.load(
sceneURL,
function ( geometry, materials ) {
alert('Loaded!');
var material = new THREE.MeshFaceMaterial( materials );
var object = new THREE.Mesh( geometry, material );
scene[#ID#].add( object );
}
);
[#endif#]
var render[#ID#] = function () {
requestAnimationFrame(render[#ID#]);
cube.rotation.x += 0.1;
cube.rotation.y += 0.1;
renderer[#ID#].render(scene[#ID#], camera[#ID#]);
};
render[#ID#]();
</script>
Код: Выделить всё
{
"metadata": {
"version": 4.4,
"type": "Object",
"generator": "Object3D.toJSON"
},
"geometries": [
{
"uuid": "AF333F34-D838-4A5B-ABEA-AE80A52BA225",
"type": "BoxGeometry",
"width": 100,
"height": 100,
"depth": 100,
"widthSegments": 1,
"heightSegments": 1,
"depthSegments": 1
}],
"materials": [
{
"uuid": "42AFFB98-0BB9-4408-A5BE-D32B78456D7B",
"type": "MeshNormalMaterial"
}],
"object": {
"uuid": "3741222A-BD8F-401C-A5D2-5A907E891896",
"type": "Scene",
"name": "Scene",
"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
"children": [
{
"uuid": "697CED0A-2C2C-4E48-844D-6A4E69147BBE",
"type": "Mesh",
"name": "Box 1",
"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
"geometry": "AF333F34-D838-4A5B-ABEA-AE80A52BA225",
"material": "42AFFB98-0BB9-4408-A5BE-D32B78456D7B"
},
{
"uuid": "17FF006E-6BCA-412F-8186-5B83127B6FF0",
"type": "AmbientLight",
"name": "AmbientLight 1",
"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,164.7548370361328,88.9793930053711,0,1],
"color": 2236962
},
{
"uuid": "3DB28C67-B546-46BF-BA11-B64252925625",
"type": "PerspectiveCamera",
"name": "PerspectiveCamera 1",
"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,54.05452346801758,0,251.69320678710938,1],
"zoom": 1,
"fov": 50,
"aspect": 1,
"near": 1,
"far": 10000
}]
}
}