Есть страница на которой отображается, вращается объект формата obj. Как сделать увеличение и уменьшение объекта колесиком мыши?
Скрипты
стандартные JSC3D
В демо страницах увеличение так же не происходит (например в папке демо bmw.html). Может что то неправильно делаю. Написано если удерживать "shift" и двигать мышью, то будет увеличение объекта.
Код страницы которую нужно исправить:
<HTML>
<HEAD>
<TITLE> Объект </TITLE>
<META NAME="Author" CONTENT="JSC3D">
</HEAD>
<BODY>
<div style="width:800px; margin:auto; position:relative; font-size: 9pt; ">
<canvas id="cv" width="800" height="680" style="border: 2px solid #000;" ></canvas>
</div>
<script type="text/javascript" src="./js/jsc3d.js"></script>
<script type="text/javascript" src="./js/jsc3d.touch.js"></script>
<script type="text/javascript" src="./js/jsc3d.webgl.js"></script>
<script type="text/javascript">
var canvas = document.getElementById('cv');
var canvas2 = document.getElementById('cv2');
var viewer = new JSC3D.Viewer( canvas, {
SceneUrl: 'statue/portalturret.obj',
InitRotationX: 30,
BackgroundColor1: '#FFFFFF',
BackgroundColor2: '#FFFFFF',
RenderMode: 'texture',
Renderer: 'webgl'
} );
viewer.init();
viewer.update();
</script>
</BODY>
</HTML>
В IE все работает, увеличивает колесиком мыши. А в хроме не работает.