Question

我们如何自动旋转画布中嵌入的3D模型。

请在下面找到实施的代码：

HTML：

        <canvas id="cv1" width=264 height=264>
                It seems you are using an outdated browser that does not support canvas :-(
        </canvas>

JavaScript的：

        <script type="text/javascript" src="jsc3d.js"></script>
        <script type="text/javascript" src="jsc3d.touch.js"></script>
        <script type="text/javascript">
            var viewer = new JSC3D.Viewer(document.getElementById('cv1'));
            viewer.setParameter('SceneUrl',         'Cupid Heart.obj');
            viewer.setParameter('ModelColor',       '#6F4E37');
            viewer.setParameter('BackgroundColor1', '#D2B48C');
            viewer.setParameter('BackgroundColor2', '#964B00');
            viewer.setParameter('RenderMode',       'flat');
            viewer.init();
            viewer.update();
        </script>

我检查过很多其他帖子，但它没有用。非常感谢您的帮助。

更新

可以通过CSS修复吗？

Answer 1

有一个新版本的JSC3D，它具有您要求的所有功能。加载模型的旋转直接集成在JSC3D原型中。

您只需在查看器初始化时设置参数“SceneRotation”和“AutorotateSpeed”。

回购： https://github.com/deblocker/jsc3d.v2/tree/master/jsc3dv2

嵌入在Canvas自转中的3D模型

1 个答案: