react-native-animated-weather-icons/utils/transformUtil.js

Animated Weather Icons for React Native

import MatrixMath from 'react-native/Libraries/Utilities/MatrixMath'

function transformMutateReturn(matrix, origin) {
	const { x, y, z } = origin

	const translate = MatrixMath.createIdentityMatrix()
	MatrixMath.reuseTranslate3dCommand(translate, x, y, z)
	MatrixMath.multiplyInto(matrix, translate, matrix)

	const untranslate = MatrixMath.createIdentityMatrix()
	MatrixMath.reuseTranslate3dCommand(untranslate, -x, -y, -z)
	MatrixMath.multiplyInto(matrix, matrix, untranslate)
}


function transform(matrix, newPos) {
	const { x, y, z } = newPos

	const translate = MatrixMath.createIdentityMatrix()
	MatrixMath.reuseTranslate3dCommand(translate, x, y, z)
	MatrixMath.multiplyInto(matrix, translate, matrix)
}

function rotateX(deg) {
	const rad = (Math.PI / 180) * deg
	const cos = Math.cos(rad)
	const sin = Math.sin(rad)
	return [
		1, 0, 0, 0,
		0, cos, -sin, 0,
		0, sin, cos, 0,
		0, 0, 0, 1,
	]
}

function rotateZ(deg) {
	const rad = (Math.PI / 180) * deg
	const cos = Math.cos(rad)
	const sin = Math.sin(rad)
	return [
		cos, -sin, 0, 0,
		sin, cos, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1,
	]
}

function scale(x, y, z) {
	return [
		x, 0, 0, 0,
		0, y, 0, 0,
		0, 0, z, 0,
		0, 0, 0, 1,
	]
}

export default {
	rotateX,
	rotateZ,
	transform: transform,
	scale: scale,
	transformMutateReturn: transformMutateReturn,
}