imaphatduc / cubecubed Goto Github PK

import { Recorder} from "cubecubed";
function drawShapes() {
    const recorder = new Recorder(scene);
    recorder.start();

    // rest of the example code in drawShapes()

    return scene.sceneElapsed;
}
drawShapes();

PS C:\Users\Nik\Documents\Rockets\Animations\cubecubed> npx cubecubed hellocube
npx: installed 101 in 5.869s
package.json file not detected. Creating...
? Do you want to install vite to run local server? Yes
Initializing Cubecubed workspace...
Installing vite...
Tip: Execute `npm run dev` to run a local dev server.
'cp' is not recognized as an internal or external command,
operable program or batch file.
child_process.js:866
    throw err;
    ^

Error: Command failed: cp cubecubed/assets/svg/favicon.svg ./
'cp' is not recognized as an internal or external command,
operable program or batch file.

import {
    COLOR,
    CreateShape,
    DrawGrid,
    Grid,
    Group,
    Rotate,
    Scene,
    Square,
    VectorShape,
    Vector2,
    CreateVectorShape,
} from "cubecubed";

import $ from 'jquery'

// By convention, first-class functions represent `scenes`,
// and each function inside it represents a `group`.
function drawShapes() {
    const scene = new Scene("draw-shapes-scene");
    (() => {
        const group = new Group("squares", scene);

        const square1 = new Square({
            group: group,
            sideLength: 2,
            CONFIG: {
                strokeColor: COLOR.PINK_1,
            },
        }).render();

        const square2 = new Square({
            group: group,
            sideLength: 2,
            CONFIG: {
                strokeColor: COLOR.PINK_1,
            },
        }).render();

        group.play([new CreateShape({ cubicon: square1 })]);

        group.play([
            new CreateShape({ cubicon: square2 }),
            new Rotate({ cubicon: square1, degree: 45 }),
        ]);
    })();

    (() => {
        const group = new Group("vectors", scene);
        
        const vector = new VectorShape({
            group: group,
            endPoint: new Vector2(4, 4),
            CONFIG: {
                lineColor: COLOR.TEAL_1,
            },
        }).render();

        group.play([new CreateVectorShape({ cubicon: vector })]);

            $(() => {
                $('#cubecubed').on('click', (e => {
                    console.time('interactive')
                    group.play([new Rotate({cubicon: vector, degree: 45})])
                    console.timeEnd('interactive')
                }))
            })
        })();

        (() => {
            const group = new Group("plane-grid-group", scene);

            const grid = new Grid({ group: group }).render();

            group.play([new DrawGrid({ cubicon: grid })]);
        })();
}

drawShapes();