[x3d-public] three.js / editor

[Don Brutzman]

Here is an interesting capability: an online three.js editor.

	http://threejs.org/editor

threejs is really excellent open-source javascript library built on top of WebGL. Lead author Mr. Doob was a stellar speaker at the Web3D Conference 2013 in San Sebastian.

Current export formats are .json .obj .stl.  There is also an import menu.

Attached is a screen snapshot for the Camera scene (provided on the Example menu).

John, do you think this would be suitable for using your X3D JSON loader to add .json import/export of X3D scenes?

all the best, Don
-- 
Don Brutzman  Naval Postgraduate School, Code USW/Br       brutzman at nps.edu
Watkins 270,  MOVES Institute, Monterey CA 93943-5000 USA   +1.831.656.2149
X3D graphics, virtual worlds, navy robotics http://faculty.nps.edu/brutzman
-------------- next part --------------
A non-text attachment was scrubbed...
Name: ThreeJsEditor.png
Type: image/png
Size: 347192 bytes
Desc: not available
URL: <http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20160303/af88cb09/attachment-0001.png>
-------------- next part --------------
{
	"metadata": {
		"version": 4.4,
		"type": "Object",
		"generator": "Object3D.toJSON"
	},
	"geometries": [
		{
			"uuid": "51BB3E54-D2DF-4576-9953-FB8E940588B5",
			"type": "PlaneGeometry",
			"width": 1000,
			"height": 1000,
			"widthSegments": 1,
			"heightSegments": 1
		},
		{
			"uuid": "D8E200D3-27BC-49F8-A5C5-7384206E70FE",
			"type": "BoxGeometry",
			"width": 100,
			"height": 100,
			"depth": 100,
			"widthSegments": 1,
			"heightSegments": 1,
			"depthSegments": 1
		},
		{
			"uuid": "25BA32DB-8B02-4ABA-A77C-69868C464A1A",
			"type": "CylinderGeometry",
			"radiusTop": 0,
			"radiusBottom": 40,
			"height": 75,
			"radialSegments": 4,
			"heightSegments": 1,
			"openEnded": false
		},
		{
			"uuid": "4DECFAB5-6FD1-4D84-9A29-565807B074EA",
			"type": "IcosahedronGeometry",
			"radius": 40,
			"detail": 2
		}],
	"materials": [
		{
			"uuid": "4AE8130E-B6A8-47BC-ACCF-060973C74044",
			"type": "MeshPhongMaterial",
			"color": 16777215,
			"emissive": 0,
			"specular": 1118481,
			"shininess": 30
		},
		{
			"uuid": "B5943856-E404-45D9-A427-4774202C2CD0",
			"type": "MeshPhongMaterial",
			"color": 37119,
			"emissive": 0,
			"specular": 1118481,
			"shininess": 30
		},
		{
			"uuid": "3F872310-2067-4BE4-9250-5B3F4E43797E",
			"type": "MeshPhongMaterial",
			"color": 15859456,
			"emissive": 0,
			"specular": 1118481,
			"shininess": 30
		},
		{
			"uuid": "E1826901-7922-4584-A25D-6D487E2C9BBD",
			"type": "MeshPhongMaterial",
			"color": 16711680,
			"emissive": 0,
			"specular": 1118481,
			"shininess": 30
		}],
	"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": "B7CBBC6F-EC26-49B5-8D0D-67D9C535924B",
				"type": "Group",
				"name": "Dummy",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,100,400,1],
				"children": [
					{
						"uuid": "60B69C58-4201-43FD-815E-AD2EDFBBD0CE",
						"type": "PerspectiveCamera",
						"name": "PerspectiveCamera",
						"matrix": [-1,0,-1.2246468525851679e-16,0,0,1,0,0,1.2246468525851679e-16,0,-1,0,0,0,0,1],
						"focalLength": 10,
						"zoom": 1,
						"fov": 50,
						"aspect": 1,
						"near": 100,
						"far": 10000
					}]
			},
			{
				"uuid": "A460C230-DC88-4A8F-A3FB-AA0FE735F3ED",
				"type": "Mesh",
				"name": "Plane",
				"matrix": [1,0,0,0,0,0.04078526049852371,-0.9991679191589355,0,0,0.9991679191589355,0.04078526049852371,0,0,-50,0,1],
				"geometry": "51BB3E54-D2DF-4576-9953-FB8E940588B5",
				"material": "4AE8130E-B6A8-47BC-ACCF-060973C74044"
			},
			{
				"uuid": "26DAAD69-725D-43B7-AF9D-990A99DEF8C5",
				"type": "Mesh",
				"name": "Box",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
				"geometry": "D8E200D3-27BC-49F8-A5C5-7384206E70FE",
				"material": "B5943856-E404-45D9-A427-4774202C2CD0"
			},
			{
				"uuid": "AAAFF2D6-4725-4AFC-A9FE-26419B11011F",
				"type": "Mesh",
				"name": "Cylinder",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,-130,-15,0,1],
				"geometry": "25BA32DB-8B02-4ABA-A77C-69868C464A1A",
				"material": "3F872310-2067-4BE4-9250-5B3F4E43797E"
			},
			{
				"uuid": "B855E267-A266-4098-ACD6-6A1FDE7B88BA",
				"type": "Mesh",
				"name": "Icosahedron",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,130,-10,0,1],
				"geometry": "4DECFAB5-6FD1-4D84-9A29-565807B074EA",
				"material": "E1826901-7922-4584-A25D-6D487E2C9BBD"
			},
			{
				"uuid": "E2939A7B-5E40-438A-8C1B-32126FBC6892",
				"type": "PointLight",
				"name": "PointLight 1",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,-93.86000061035156,127.12999725341797,-114.30000305175781,1],
				"color": 9474221,
				"intensity": 0.75,
				"distance": 0,
				"decay": 1
			},
			{
				"uuid": "3412781E-27CC-43C3-A5DB-54C0C8E42ED6",
				"type": "PointLight",
				"name": "PointLight 2",
				"matrix": [1,0,0,0,0,1,0,0,0,0,1,0,88.12999725341797,8.3100004196167,125.44999694824219,1],
				"color": 12773063,
				"intensity": 1,
				"distance": 0,
				"decay": 1
			}]
	}
}