Threejs, Andreas - Revision history

Andreas-piksel.org: /* 3D Alloy Extension in Wiki */

2020-04-15T10:27:43Z

3D Alloy Extension in Wiki

← Older revision		Revision as of 10:27, 15 April 2020
Line 20:		Line 20:
	MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).		MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).

	[[File:~~Cube~~.json\|~~900x900px~~\|color=29d819]]		[[File:Sphere.json\|400x400px\|color=29d819]]

Andreas-piksel.org: /* 3D Alloy Extension in Wiki */

2020-04-15T10:26:53Z

3D Alloy Extension in Wiki

← Older revision		Revision as of 10:26, 15 April 2020
Line 20:		Line 20:
	MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).		MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).

	[[File:Cube.json\|~~900x400px~~\|color=29d819]]		[[File:Cube.json\|900x900px\|color=29d819]]

Andreas-piksel.org at 10:25, 15 April 2020

2020-04-15T10:25:58Z

← Older revision		Revision as of 10:25, 15 April 2020
Line 19:		Line 19:
	== 3D Alloy Extension in Wiki ==		== 3D Alloy Extension in Wiki ==
	MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).		MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).
	[[File:Cube.json\|900x400px\|color=~~e71c1c~~]]
			[[File:Cube.json\|900x400px\|color=29d819]]

Andreas-piksel.org: /* Workshop overview */

2020-04-15T09:38:01Z

Workshop overview

← Older revision		Revision as of 09:38, 15 April 2020
Line 13:		Line 13:

	Questions / personal trouble shooting in the Jit.si channel: https://meet.jit.si/BAS-3D or via our general email info@piksel.no		Questions / personal trouble shooting in the Jit.si channel: https://meet.jit.si/BAS-3D or via our general email info@piksel.no

			We also sent out an email with a spread sheet with your project info and your contact info. Write down which tool
			you have questions about, your question and any comments or the link to your project. We will work on your questions and also provide a FAQ on the wiki.

	== 3D Alloy Extension in Wiki ==		== 3D Alloy Extension in Wiki ==

Andreas-piksel.org: /* Workshop overview */

2020-04-15T09:35:46Z

Workshop overview

← Older revision		Revision as of 09:35, 15 April 2020
Line 2:		Line 2:
	This workshop intro is split in 2 parts.		This workshop intro is split in 2 parts.

	1.) An introduction to the tools:		1.) An introduction to the tools (12.00-13.00):
	* 3D Alloy Extension in Wiki		* 3D Alloy Extension in Wiki
	* Scetchfab		* Scetchfab
	* Mozilla HUBS/SPOKE		* Mozilla HUBS/SPOKE

	2.) A pratical part where you have time to apply the tools for your projects:		2.) A pratical part where you have time to apply the tools for your projects (13:00-14:00):
	* Upload a 3D model to Scetchfab and use different iframe functions to embed the model in your project-wiki page		* Upload a 3D model to Scetchfab and use different iframe functions to embed the model in your project-wiki page
	* Create a scene in Mozilla SPOKE and test it in HUBS		* Create a scene in Mozilla SPOKE and test it in HUBS
	* Export a 3D model in .json format from your 3D program and integrate it in a project-wiki page		* Export a 3D model in .json format from your 3D program and integrate it in a project-wiki page

	Questions / personal trouble shooting in the Jit.si ~~Talk~~ or via email		Questions / personal trouble shooting in the Jit.si channel: https://meet.jit.si/BAS-3D or via our general email info@piksel.no

	== 3D Alloy Extension in Wiki ==		== 3D Alloy Extension in Wiki ==

Andreas-piksel.org: /* 3D Alloy Extension in Wiki */

2020-04-15T09:30:28Z

3D Alloy Extension in Wiki

← Older revision		Revision as of 09:30, 15 April 2020
Line 15:		Line 15:

	== 3D Alloy Extension in Wiki ==		== 3D Alloy Extension in Wiki ==
	MediaWiki extension which allows to add 3D models viewer to site pages. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).		MediaWiki extension which allows to add 3D models viewer to site pages. Based on WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. Mainly uses JavaScript Object Notation (JSON), which is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types (or any other serializable value).
	[[File:Cube.json\|900x400px\|color=e71c1c]]		[[File:Cube.json\|900x400px\|color=e71c1c]]

Andreas-piksel.org: /* Import & Export */

2020-04-14T17:57:06Z

Import & Export

← Older revision		Revision as of 17:57, 14 April 2020
Line 144:		Line 144:

	=== Import & Export ===		=== Import & Export ===
	* Import: ~~Import via~~ Sketchfab or legacy Spoke (.spoke)		* Import: Via Sketchfab or legacy Spoke (.spoke)
	* Export: ~~You can publish~~ a scene either (1) directly to Hubs, or you can export it (2) as a .glb file or as a (3) legacy Spoke (.spoke) scene.		* Export: Publish a scene either (1) directly to Hubs, or you can export it (2) as a .glb file or as a (3) legacy Spoke (.spoke) scene.

	=== Further Links ===		=== Further Links ===

Andreas-piksel.org: /* Mozilla SPOKE */

2020-04-14T17:56:33Z

Mozilla SPOKE

← Older revision		Revision as of 17:56, 14 April 2020
Line 142:		Line 142:
	# Create your scene in SPOKE		# Create your scene in SPOKE
	# Save it and access it in HUBS, share it with others by sharing the room-link		# Save it and access it in HUBS, share it with others by sharing the room-link

			=== Import & Export ===
			* Import: Import via Sketchfab or legacy Spoke (.spoke)
			* Export: You can publish a scene either (1) directly to Hubs, or you can export it (2) as a .glb file or as a (3) legacy Spoke (.spoke) scene.

	=== Further Links ===		=== Further Links ===
			* Keyboard and Mouse controls: https://github.com/mozilla/Spoke/wiki/Keyboard-and-Mouse-Controls
	* How to optimize a scene for SPOKE: https://hubs.mozilla.com/docs/spoke-optimization.html		* How to optimize a scene for SPOKE: https://hubs.mozilla.com/docs/spoke-optimization.html
	* HUBS and SPOKE introduction video: https://www.youtube.com/watch?v=ohM94reYB3M		* HUBS and SPOKE introduction video: https://www.youtube.com/watch?v=ohM94reYB3M
			* DISCORD app: https://discordapp.com/invite/wHmY4nd

Andreas-piksel.org at 17:48, 14 April 2020

2020-04-14T17:48:15Z

← Older revision		Revision as of 17:48, 14 April 2020
Line 33:		Line 33:
	</pre>		</pre>

	=== Available parameters ===		==== Available parameters ====
	* '''width''' - width of drawing area (canvas) in pixels. When set to "0", size is determined automatically. Default value - "200".		* '''width''' - width of drawing area (canvas) in pixels. When set to "0", size is determined automatically. Default value - "200".
	* '''height''' - height of drawing area in pixels. When set to "0", size is determined automatically. Default value - "200".		* '''height''' - height of drawing area in pixels. When set to "0", size is determined automatically. Default value - "200".
Line 45:		Line 45:
	* '''description''' - displays under model, by default is a link to model page. If value is set to "-", then description hides.		* '''description''' - displays under model, by default is a link to model page. If value is set to "-", then description hides.

	=== Export .json files ===		==== Export .json files ====
	* Blender: https://www.electronicarmory.com/articles/exporting-blender-models-to-threejs-webgl/		* Blender: https://www.electronicarmory.com/articles/exporting-blender-models-to-threejs-webgl/
	* Rhino2Json: https://www.food4rhino.com/app/rhinotojson		* Rhino2Json: https://www.food4rhino.com/app/rhinotojson
	* Autocad: https://forums.autodesk.com/t5/objectarx/how-to-export-json-file-from-autocad/td-p/7761446		* Autocad: https://forums.autodesk.com/t5/objectarx/how-to-export-json-file-from-autocad/td-p/7761446

	=== Model control ===		==== Model control ====
	* ←↑→↓ keys - rotating models.		* ←↑→↓ keys - rotating models.
	* Double click, double tap - pause/play model rotation.		* Double click, double tap - pause/play model rotation.

Andreas-piksel.org: /* Further Links */

2020-04-14T17:47:04Z

Further Links

← Older revision		Revision as of 17:47, 14 April 2020
Line 144:		Line 144:

	=== Further Links ===		=== Further Links ===
	* ~~Detailed Documentation~~: https://hubs.mozilla.com/docs/spoke-~~creating-projects~~.html		* How to optimize a scene for SPOKE: https://hubs.mozilla.com/docs/spoke-optimization.html
	* HUBS and SPOKE introduction video: https://www.youtube.com/watch?v=ohM94reYB3M		* HUBS and SPOKE introduction video: https://www.youtube.com/watch?v=ohM94reYB3M