3D - Revizyon geçmişi

Een: /* Setting the default point of view and enabling 3d by default */

2017-07-27T09:28:11Z

Setting the default point of view and enabling 3d by default

← Önceki sürüm		11.28, 27 Temmuz 2017 tarihindeki hâli
85. satır:		85. satır:
	Your game may require to use 3D mode enabled by default and also with a certain custom default PoinOfView. You can achieve this setting in your constructor section of your game:		Your game may require to use 3D mode enabled by default and also with a certain custom default PoinOfView. You can achieve this setting in your constructor section of your game:

			'''Important: you must use this only if your game doesn't work without 3D mode.''' As a general platform policy, interface must be optimised for 2D and display in 2D by default. 3D is meant as an option that can be activated by the user if he wants it.

	if (!dojo.hasClass("ebd-body", "mode_3d")) {		if (!dojo.hasClass("ebd-body", "mode_3d")) {

Victoria la: /* Setting the default point of view and enabling 3d by default */

2017-07-18T00:11:30Z

Setting the default point of view and enabling 3d by default

← Önceki sürüm		02.11, 18 Temmuz 2017 tarihindeki hâli
86. satır:		86. satır:


	if (!dojo.hasClass("ebd-body", "mode_3d")) {		if (!dojo.hasClass("ebd-body", "mode_3d")) {
	dojo.addClass("ebd-body", "mode_3d");		dojo.addClass("ebd-body", "mode_3d");
	dojo.addClass("ebd-body", "enableTransitions");		dojo.addClass("ebd-body", "enableTransitions");
96. satır:		96. satır:
	this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,		this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,
	this.control3dmode3d = true ; // is the 3d enabled		this.control3dmode3d = true ; // is the 3d enabled
	$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";		$("game_play_area").style.transform =
	}		"rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale
			+ "," + this.control3dscale + "," + this.control3dscale + ")";
			}

Galehar: Fix formatting

2017-07-09T20:19:18Z

Fix formatting

← Önceki sürüm		22.19, 9 Temmuz 2017 tarihindeki hâli
24. satır:		24. satır:
	In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".		In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".

	.mode_3d .board {		.mode_3d .board {
	overflow: visible;		overflow: visible;
	}		}

	In Javascript, you can detect 3D by using the following :		In Javascript, you can detect 3D by using the following :

Morgalad: /* Setting the default point of view and enabling 3d by default */

2017-07-07T15:20:08Z

Setting the default point of view and enabling 3d by default

← Önceki sürüm		17.20, 7 Temmuz 2017 tarihindeki hâli
87. satır:		87. satır:

	if (!dojo.hasClass("ebd-body", "mode_3d")) {		if (!dojo.hasClass("ebd-body", "mode_3d")) {
	dojo.addClass("ebd-body", "mode_3d");		dojo.addClass("ebd-body", "mode_3d");
	dojo.addClass("ebd-body", "enableTransitions");		dojo.addClass("ebd-body", "enableTransitions");
	$("globalaction_3d").innerHTML = "2D"; // controls the upper right button		$("globalaction_3d").innerHTML = "2D"; // controls the upper right button
	this.control3dxaxis = 30; // rotation in degrees of x axis (it has a limit of 0 to 80 degrees in the frameword so users cannot turn it upsidedown)		this.control3dxaxis = 30; // rotation in degrees of x axis (it has a limit of 0 to 80 degrees in the frameword so users cannot turn it upsidedown)
	this.control3dzaxis = 0; // rotation in degrees of z axis		this.control3dzaxis = 0; // rotation in degrees of z axis
	this.control3dxpos = 100; // center of screen in pixels		this.control3dxpos = 100; // center of screen in pixels
	this.control3dypos = 300; // center of screen in pixels		this.control3dypos = 300; // center of screen in pixels
	this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,		this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,
	this.control3dmode3d = true ; // is the 3d enabled		this.control3dmode3d = true ; // is the 3d enabled
	$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";		$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";
	}		}

Morgalad: /* Setting the default point of view and enabling 3d by default */

2017-07-07T15:19:27Z

Setting the default point of view and enabling 3d by default

← Önceki sürüm		17.19, 7 Temmuz 2017 tarihindeki hâli
93. satır:		93. satır:
	this.control3dzaxis = 0; // rotation in degrees of z axis		this.control3dzaxis = 0; // rotation in degrees of z axis
	this.control3dxpos = 100; // center of screen in pixels		this.control3dxpos = 100; // center of screen in pixels
	this.control3dypos = 300; // center of screen in pixels		this.control3dypos = 300; // center of screen in pixels
	this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,		this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,
	this.control3dmode3d = true ; // is the 3d enabled		this.control3dmode3d = true ; // is the 3d enabled
	$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";		$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";
	}		}

Morgalad 15.18, 7 Temmuz 2017 tarihinde

2017-07-07T15:18:56Z

← Önceki sürüm		17.18, 7 Temmuz 2017 tarihindeki hâli
79. satır:		79. satır:

	Note: if you found some generic CSS that may help some other developers for 3D enhancements, please send it to us so we can add it there.		Note: if you found some generic CSS that may help some other developers for 3D enhancements, please send it to us so we can add it there.


			== Setting the default point of view and enabling 3d by default ==

			Your game may require to use 3D mode enabled by default and also with a certain custom default PoinOfView. You can achieve this setting in your constructor section of your game:


			if (!dojo.hasClass("ebd-body", "mode_3d")) {
			dojo.addClass("ebd-body", "mode_3d");
			dojo.addClass("ebd-body", "enableTransitions");
			$("globalaction_3d").innerHTML = "2D"; // controls the upper right button
			this.control3dxaxis = 30; // rotation in degrees of x axis (it has a limit of 0 to 80 degrees in the frameword so users cannot turn it upsidedown)
			this.control3dzaxis = 0; // rotation in degrees of z axis
			this.control3dxpos = 100; // center of screen in pixels
			this.control3dypos = 300; // center of screen in pixels
			this.control3dscale = 1.4; // zoom level, 1 is default 2 is double normal size,
			this.control3dmode3d = true ; // is the 3d enabled
			$("game_play_area").style.transform = "rotatex(" + this.control3dxaxis + "deg) translate(" + this.control3dypos + "px," + this.control3dxpos + "px) rotateZ(" + this.control3dzaxis + "deg) scale3d(" + this.control3dscale + "," + this.control3dscale + "," + this.control3dscale + ")";
			}

Morgalad: /* Use Z axis */

2017-06-22T15:44:43Z

Use Z axis

← Önceki sürüm		17.44, 22 Haziran 2017 tarihindeki hâli
52. satır:		52. satır:
	transform: translateZ( 20px ); /* This element is going to float 20px above the surface */		transform: translateZ( 20px ); /* This element is going to float 20px above the surface */
	}		}

			The framework will add the following to all your divs:
			transform-style: preserve-3d;

			So they will keep their position in 3D space relative to other elemens with the transformation defined. Note that some CSS artifacts can break the css inheritance of the "preserve-3d" like "overflow:auto"


57. satır:		62. satır:

	this.getComputedTranslateZ( html_element );		this.getComputedTranslateZ( html_element );


	== Use pre-build BGA 3D CSS classes ==		== Use pre-build BGA 3D CSS classes ==

Morgalad: /* Use pre-build BGA 3D classes */

2017-06-22T15:38:36Z

Use pre-build BGA 3D classes

← Önceki sürüm		17.38, 22 Haziran 2017 tarihindeki hâli
59. satır:		59. satır:


	== Use pre-build BGA 3D classes ==		== Use pre-build BGA 3D CSS classes ==

	By adding the following classes to your objects, they will look nicer in 3D:		By adding the following classes to your objects, they will look nicer in 3D:

Victoria la: /* Detecting 3D */

2017-06-22T01:46:02Z

Detecting 3D

← Önceki sürüm		03.46, 22 Haziran 2017 tarihindeki hâli
24. satır:		24. satır:
	In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".		In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".

	.mode_3d .~~meeple~~ {		.mode_3d .board {
	~~// something 3d specific~~		overflow: visible;
	}		}

	In Javascript, you can detect 3D by using the following :		In Javascript, you can detect 3D by using the following :

Victoria la: /* Detecting 3D */

2017-06-21T22:57:22Z

Detecting 3D

← Önceki sürüm		00.57, 22 Haziran 2017 tarihindeki hâli
23. satır:		23. satır:

	In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".		In CSS, you should prefix all your 3D mode specific directives by ".mode_3d".

			.mode_3d .meeple {
			// something 3d specific
			}

	In Javascript, you can detect 3D by using the following :		In Javascript, you can detect 3D by using the following :
30. satır:		34. satır:
	// Only executed in 3d mode		// Only executed in 3d mode
	}		}


	= Built-in 3D enhancements =		= Built-in 3D enhancements =