Редактирование: Цилиндр и наклонная плоскость (48.29)
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
| Текущая версия | Ваш текст | ||
| Строка 2: | Строка 2: | ||
==Условие== | ==Условие== | ||
На гладкой горизонтальной плоскости помещена треугольная призма ABC массы m, которая может скользить без трения по этой плоскости; по грани призмы AB катится без скольжения однородный круглый цилиндр массы m1. Определить ускорение призмы. | На гладкой горизонтальной плоскости помещена треугольная призма ABC массы m, которая может скользить без трения по этой плоскости; по грани призмы AB катится без скольжения однородный круглый цилиндр массы m1. Определить ускорение призмы. | ||
| − | + | {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy/4829.html|width=650 |height=450|border=0 }} | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy/ | ||
| − | |||
== Разработка == | == Разработка == | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> | ||
| Строка 55: | Строка 10: | ||
<syntaxhighlight lang="javascript" line start="1" enclose="div"> | <syntaxhighlight lang="javascript" line start="1" enclose="div"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
| − | + | <html> | |
| − | <html> | + | <head> |
| − | + | <title>4829</title> | |
| − | <head> | ||
| − | |||
<script type="text/javascript" src="http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy\three.js"></script> | <script type="text/javascript" src="http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy\three.js"></script> | ||
<script type="text/javascript" src="http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy\OBJLoader.js"></script> | <script type="text/javascript" src="http://tm.spbstu.ru/htmlets/VaraevV/mesherskiy\OBJLoader.js"></script> | ||
| Строка 72: | Строка 25: | ||
</style> | </style> | ||
| − | </head> | + | </head> |
| − | <body> | + | <body> |
| − | <div id="Stats-output"> | + | <div id="Stats-output"> |
| − | </div> | + | </div> |
| − | <div id="WebGL-output"> | + | <div id="WebGL-output"> |
| − | </div> | + | </div> |
| − | <script type="text/javascript"> | + | <script type="text/javascript"> |
$(function () { | $(function () { | ||
| − | + | var a = 0; | |
| − | + | var g = 9.8; | |
| − | + | var m = 20; | |
| − | + | var m1 = 15; | |
| − | + | var stats = initStats(); | |
| − | + | var scene = new THREE.Scene(); | |
| − | + | var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); | |
| − | + | var renderer = new THREE.WebGLRenderer(); | |
| − | + | renderer.setClearColor(new THREE.Color(0xEEEEEE, 1.0)); | |
| − | + | renderer.setSize(window.innerWidth, window.innerHeight); | |
| − | + | renderer.shadowMapEnabled = true; | |
| − | + | var spotLight = new THREE.SpotLight( 0xffffff ); | |
| − | + | spotLight.position.set( -100, 0, -10 ); //-40, 60, -10 | |
| − | + | scene.add(spotLight ); | |
| − | |||
| − | |||
| − | |||
| − | |||
var ugol= 135; | var ugol= 135; | ||
var alpha0 = Math.cos(ugol*Math.PI/180); | var alpha0 = Math.cos(ugol*Math.PI/180); | ||
| Строка 113: | Строка 62: | ||
cube.position.z=0; | cube.position.z=0; | ||
scene.add(cube); | scene.add(cube); | ||
| − | var cylinder1 = createMesh1(new THREE.CylinderGeometry(25, 25, | + | var cylinder1 = createMesh1(new THREE.CylinderGeometry(25, 25, 60, 15, 1)); |
cylinder1.position.x=cube.position.x-400*Math.cos((180-ugol)*Math.PI/180)+25*Math.sin((180-ugol)*Math.PI/180); | cylinder1.position.x=cube.position.x-400*Math.cos((180-ugol)*Math.PI/180)+25*Math.sin((180-ugol)*Math.PI/180); | ||
cylinder1.position.y=cube.position.y; | cylinder1.position.y=cube.position.y; | ||
| Строка 129: | Строка 78: | ||
function createMesh0(geom) { | function createMesh0(geom) { | ||
| − | + | var meshMaterial = new THREE.MeshNormalMaterial(); | |
| − | + | meshMaterial.side = THREE.DoubleSide; | |
| − | + | var wireFrameMat = new THREE.MeshBasicMaterial(); | |
| − | + | wireFrameMat.wireframe = true; | |
| − | + | var plane = THREE.SceneUtils.createMultiMaterialObject(geom, [meshMaterial, wireFrameMat]); | |
| − | + | return plane; | |
| − | + | } | |
| − | + | function createMesh(geom) { | |
| − | + | var meshMaterial = new THREE.MeshNormalMaterial(); | |
| − | + | meshMaterial.side = THREE.DoubleSide; | |
| − | + | var wireFrameMat = new THREE.MeshBasicMaterial(); | |
| − | + | wireFrameMat.wireframe = true; | |
| − | + | var mesh = THREE.SceneUtils.createMultiMaterialObject(geom, [meshMaterial, wireFrameMat]); | |
| − | + | return mesh; | |
| − | + | } | |
| − | + | function createMesh1(geom) { | |
| − | + | var mat = new THREE.MeshNormalMaterial(); | |
| − | + | var mesh = new THREE.Mesh(geom,mat); | |
| − | + | return mesh; | |
| − | + | } | |
| − | + | camera.position.x = 0; | |
| − | + | camera.position.y = -1300; | |
| − | + | camera.position.z = 1500; | |
| − | + | camera.lookAt(scene.position); | |
| − | + | $("#WebGL-output").append(renderer.domElement); | |
| − | + | renderer.render(scene, camera); | |
| − | + | var stats = initStats(); | |
| − | + | cameraControls = new THREE.OrbitControls(camera, renderer.domElement); | |
| − | + | cameraControls.maxDistance = 800; | |
| − | + | cameraControls.minDistance = 0.5; | |
| − | + | cameraControls.update(); | |
| − | + | var controls = new function() { | |
| − | + | this.Speed = 0.1; | |
| − | + | this.ugol = 135; | |
| − | + | this.m = 20; | |
| − | + | this.m1 = 15; | |
| − | + | this.a='0' | |
| − | + | } | |
| − | + | var obj = { start_again:function(){ | |
| − | + | step=0; | |
| − | + | cube.position.x=0; | |
| − | + | cube.position.y=0; | |
| − | + | cube.position.z=0; | |
| − | + | cylinder1.position.x=cube.position.x-400*Math.cos((180-ugol)*Math.PI/180)+25*Math.sin((180-ugol)*Math.PI/180); | |
| − | + | cylinder1.position.y=cube.position.y; | |
| − | + | cylinder1.position.z=cube.position.z+400*Math.sin((180-ugol)*Math.PI/180)+25*Math.cos((180-ugol)*Math.PI/180); | |
| − | + | group1.position.x = 0; | |
| − | + | group1.position.y = 0; | |
| − | + | group1.position.z=0; | |
| − | + | }}; | |
| − | + | var gui = new dat.GUI(); | |
| − | + | gui.add(controls, 'Speed',0,0.2); | |
| − | + | gui.add(controls, 'ugol',89.9999,180); | |
| − | + | gui.add(controls, 'm',0.1,50); | |
| − | + | gui.add(controls, 'm1',0.1,50); | |
| − | + | gui.add(controls,'a').listen(); | |
| − | + | gui.add(obj,'start_again'); | |
| − | + | var step = 0; | |
| − | + | function render() { | |
| − | + | cameraControls.update(); | |
| − | + | requestAnimationFrame(render); | |
| − | + | renderer.render(scene, camera); | |
| − | + | step += controls.Speed | |
| − | + | ugol = controls.ugol | |
| − | + | controls.a=a; | |
| − | + | m = controls.m | |
| − | + | m1=controls.m1 | |
| − | + | if(ugol<=135) { | |
group1.rotation.y=Math.cos(ugol*Math.PI/180); | group1.rotation.y=Math.cos(ugol*Math.PI/180); | ||
| − | + | } | |
| − | + | else { | |
| − | + | group1.rotation.y=Math.cos(ugol*Math.PI/180)+Math.cos((ugol-55)*Math.PI/180); | |
| − | + | } | |
| − | + | cylinder1.rotation.y = step*step; | |
| − | + | a = -(g*m1*Math.sin(2*(180-ugol)*Math.PI/180))/(3*(m1+m)-2*m1*((Math.cos((180-ugol)*Math.PI/180))*(Math.cos((180-ugol)*Math.PI/180)))); | |
| − | var v =0. | + | var v =0.6*a; |
| − | + | if (cylinder1.position.z<=25*Math.sin((180-ugol)*Math.PI/180)) { | |
| − | + | cylinder1.position.x = 25; | |
| − | + | cylinder1.position.z = 25*Math.sin((180-ugol)*Math.PI/180); | |
| − | |||
cylinder1.rotation.y = 0; | cylinder1.rotation.y = 0; | ||
| − | + | group1.position.x =group1.position.x+v; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
else { | else { | ||
| − | + | group1.position.x = (a*step*step)/2; | |
cylinder1.position.x=26; | cylinder1.position.x=26; | ||
| − | + | cylinder1.position.z=d-g*Math.sin((180-ugol)*Math.PI/180)*step*step/2; | |
| − | + | } | |
| − | + | } | |
| − | + | render(); | |
| − | + | function initStats() { | |
| − | + | var stats = new Stats(); | |
| − | + | stats.setMode(0); // 0: fps, 1: ms | |
| − | + | stats.domElement.style.position = 'absolute'; | |
| − | + | stats.domElement.style.left = '0px'; | |
| − | + | stats.domElement.style.top = '0px'; | |
| − | + | $("#Stats-output").append(stats.domElement); | |
| − | + | return stats; | |
| − | + | } | |
| − | + | }); | |
</script> | </script> | ||
</body> | </body> | ||
