[editor] Improved object preview

fixes:
- fixed object not appearing when selecting certain model ids
- object rotation in viewport is centered
- removed zoom out limit
- added doublesided property to previewed element

Author: chris1384

[editor]/editor_gui/client/browser/browser.lua

@@ -67,6 +67,8 @@ function browser.initiate ( theType, initialCat, initialModel )
 	setPlayerHudComponentVisible ( "radar", false )
 	setSkyGradient(112,112,112,112,112,112)
 	setCameraInterior ( 14 )
+	setFarClipDistance(700)
+	setFogDistance(700)
 	guiSetVisible ( browserGUI.window, true )
 	--Output a default search
 	local results = elementSearch ( catNodes[initialCat],"" )
@@ -135,6 +137,8 @@ function browser.close()
 	removeEventHandler ( "onClientRender", root, rotateMesh )
 	setCameraInterior ( returnInterior )
 	resetSkyGradient()
+	resetFarClipDistance()
+	resetFogDistance()
 	setPlayerHudComponentVisible ( "radar", true )
 	if isElement ( browser.mainElement ) then
 		setElementAlpha(browser.mainElement, 255)

[editor]/editor_gui/client/browser/freelook.lua

@@ -19,7 +19,7 @@ browserElementLookOptions = {
 	distance = 4,
 	minDistance = 2,
 	maxDistance = 40,
-	scrollUnits = 2,
+	scrollUnits = 5,
 	scrollSpeed = 0.1,
 	up = "mouse_wheel_up",
 	down = "mouse_wheel_down",
@@ -40,8 +40,8 @@ function elementLookFrame ()
 	local camAngleY = browserElementLookOptions.invertedY * rotY / 120
 
 	-- get the position of the target
-	local camTargetX, camTargetY, camTargetZ = getElementPosition ( browserElementLookOptions.target )  -- tx, ty, tz
-	camTargetZ = camTargetZ + browserElementLookOptions.camZOffset
+	local camTargetX, camTargetY, camTargetZ = tx, ty, tz
+
 	-- calculate a new positions for the camera
 	local distX = math.cos ( camAngleY ) * cameraDistance
 	local camPosX = camTargetX + ( ( math.cos ( camAngleX ) ) * distX )
@@ -86,11 +86,9 @@ function resetCamDist()
 	if cameraDistance < browserElementLookOptions.distance then
 		if cameraDistance + newDistance < browserElementLookOptions.distance then
 			cameraDistance = cameraDistance + newDistance
-		else cameraDistance = browserElementLookOptions.distance
 		end
 	elseif cameraDistance - newDistance > browserElementLookOptions.distance then
-			cameraDistance = cameraDistance - newDistance
-		else cameraDistance = browserElementLookOptions.distance
+		cameraDistance = cameraDistance - newDistance
 	end
 end
 
@@ -120,10 +118,7 @@ function math.round ( value )
 end
 
 function scrollDown()
-	if browserElementLookOptions.distance + browserElementLookOptions.scrollUnits < browserElementLookOptions.maxDistance
-		then browserElementLookOptions.distance = browserElementLookOptions.distance + browserElementLookOptions.scrollUnits
-		else browserElementLookOptions.distance = browserElementLookOptions.maxDistance
-	end
+	browserElementLookOptions.distance = browserElementLookOptions.distance + browserElementLookOptions.scrollUnits
 end
 
 function scrollUp()

[editor]/editor_gui/client/browser/previewelement.lua

@@ -1,4 +1,4 @@
-tx,ty,tz = 91,100,502 --The position of 	the element
+tx,ty,tz = 100,100,15000 --The position of 	the element
 local hideX,hideY,hideZ = 0,0,0 --where to hide the local player
 local rz = 0 -- The current rotation
 local maxRadius = 5
@@ -64,21 +64,21 @@ function setModel.objectID ( model )
 	local randomOffset = ((getTickCount() % 20) / 100) + 0.001
 
 	if not browser.mainElement then
-		browser.mainElement = createObject(model, tx, ty, tz, 0, 0, rz)
+		browser.mainElement = createObject(model, tx, ty, tz, 0, 0, rz, true)
+		setElementDoubleSided(browser.mainElement, true)
 		setElementDimension ( browser.mainElement, BROWSER_DIMENSION )
 		setElementInterior(browser.mainElement, 14)
 	else
 		setElementModel(browser.mainElement, model)
 	end
 
-	setElementPosition(browser.mainElement, tx, ty, tz + randomOffset)
+	setElementPosition(browser.mainElement, tx, ty, tz)
 	setElementAlpha(browser.mainElement, 255)
 
-	local radius = getElementRadius(browser.mainElement)
-	browserElementLookOptions.distance = 14
-	setObjectScale ( browser.mainElement, maxRadius / radius )
-	setCameraMatrix ( tx - 17, ty, tz + 3 + randomOffset,
-			  tx, ty + 2, tz + randomOffset)
+	local radius = math.max(7, getElementRadius(browser.mainElement)*2.1)
+	browserElementLookOptions.distance = radius
+	setCameraMatrix ( tx - radius - 1, ty + 1, tz + radius/4,
+			  tx - 1, ty + 1, tz)
 end
 function setModel.skinID ( model )
 	local randomOffset = (getTickCount() % 20) / 100
@@ -108,9 +108,28 @@ function rotateMesh ()
 	if ( initiatedType ) == "vehicleID" then
 		setElementRotation ( browser.mainElement,0,0,newRotation)
 	elseif ( initiatedType ) == "objectID" then
-		setElementRotation ( browser.mainElement,0,0,newRotation)
+		_previewRotate ( browser.mainElement,newRotation)
 	elseif ( initiatedType ) == "skinID" then
-		setPedRotation ( browser.mainElement,newRotation )
+		setPedRotation ( browser.mainElement,newRotation)
 	end
 end
 
+
+function _previewRotate(object, rotation)
+	-- https://github.com/multitheftauto/mtasa-resources/commit/117759a6df540c21515d2666794e05dcf9c76254
+	local a,b,c,d,e,f = getElementBoundingBox(object)
+
+	local halfCenterX = (a + d) * 0.25
+	local halfCenterY = (b + e) * 0.25
+	local halfCenterZ = (c + f) * 0.25
+
+	local rad = math.rad(rotation)
+	local cZ, sZ = math.cos(rad), math.sin(rad)
+
+	local oX = halfCenterX*cZ - halfCenterY*sZ
+	local oY = halfCenterX*sZ + halfCenterY*cZ
+	local oZ = halfCenterZ
+
+	setElementPosition(object, tx - oX, ty - oY, tz - oZ)
+	setElementRotation(object, 0, 0, rotation)
+end