lingo3d/lib/editor/DummyIKEditor/index.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
import { useState } from "preact/hooks";
import { EDITOR_WIDTH, LIBRARY_WIDTH } from "../../globals";
import Tooltip from "../component/Tooltip";
import useInitCSS from "../hooks/useInitCSS";
import useInitEditor from "../hooks/useInitEditor";
import Joint from "./Joint";
const DummyIKEditor = () => {
    useInitCSS();
    useInitEditor();
    const [position, setPosition] = useState();
    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "lingo3d-ui lingo3d-bg lingo3d-editor lingo3d-flexcenter", style: { width: EDITOR_WIDTH + LIBRARY_WIDTH }, children: _jsxs("div", { style: {
                        aspectRatio: "1 / 2",
                        width: "100%"
                    }, children: [_jsx("div", { className: "lingo3d-absfull", style: {
                                backgroundImage: "url(retargeter.png)",
                                backgroundSize: "contain",
                                backgroundRepeat: "no-repeat",
                                backgroundPosition: "center",
                                opacity: 0.2
                            } }), _jsx(Joint, { x: 0, y: 30, name: "neck", onMouseMove: (e) => setPosition({ x: e.clientX, y: e.clientY }), onMouseLeave: () => setPosition(undefined) }), _jsx(Joint, { x: -6, y: 33, name: "leftShoulder" }), _jsx(Joint, { x: 6, y: 33, name: "rightShoulder" }), _jsx(Joint, { x: -14, y: 34, name: "leftArm" }), _jsx(Joint, { x: 14, y: 34, name: "rightArm" }), _jsx(Joint, { x: -27, y: 34, name: "leftForeArm" }), _jsx(Joint, { x: 27, y: 34, name: "rightForeArm" }), _jsx(Joint, { x: -41, y: 34, name: "leftHand" }), _jsx(Joint, { x: 41, y: 34, name: "rightHand" }), _jsx(Joint, { x: 0, y: 35, name: "spine2" }), _jsx(Joint, { x: 0, y: 38.5, name: "spine1" }), _jsx(Joint, { x: 0, y: 43, name: "spine0" }), _jsx(Joint, { x: 0, y: 47, name: "hips" }), _jsx(Joint, { x: -6, y: 48, name: "leftThigh" }), _jsx(Joint, { x: 6, y: 48, name: "rightThigh" }), _jsx(Joint, { x: -5, y: 59, name: "leftLeg" }), _jsx(Joint, { x: 5, y: 59, name: "rightLeg" }), _jsx(Joint, { x: -5, y: 68, name: "leftFoot" }), _jsx(Joint, { x: 5, y: 68, name: "rightFoot" }), _jsx(Joint, { x: -6, y: 72, name: "leftToeBase" }), _jsx(Joint, { x: 6, y: 72, name: "rightToeBase" })] }) }), _jsx(Tooltip, { position: position })] }));
};
export default DummyIKEditor;
//# sourceMappingURL=index.js.map