Test
Aus Wiki1
(Unterschied zwischen Versionen)
Zeile 1: | Zeile 1: | ||
<painting width=500 height=456>Name der Zeichnung</painting> | <painting width=500 height=456>Name der Zeichnung</painting> | ||
+ | |||
+ | |||
+ | <jsxgraph box="box" width="600" height="600"> | ||
+ | var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 10, 10, -10], axis:true}); | ||
+ | |||
+ | // Create the two tanks | ||
+ | var tank1 = board.create('circle', [[-5, 0], 1], {fillcolor: '#8bc34a', strokecolor: 'black', name: 'Tank 1'}); | ||
+ | var tank2 = board.create('circle', [[5, 0], 1], {fillcolor: '#8bc34a', strokecolor: 'black', name: 'Tank 2'}); | ||
+ | |||
+ | // Create the connecting pipe | ||
+ | var pipe = board.create('line', [tank1, tank2], {strokecolor: 'black', strokewidth: 2}); | ||
+ | |||
+ | // Create the heat exchanger | ||
+ | var exchanger = board.create('polygon', [[-2, 2], [-2, -2], [2, -2], [2, 2]], {fillcolor: '#2196f3', strokecolor: 'black', name: 'Heat exchanger'}); | ||
+ | |||
+ | // Create the heat flow arrow | ||
+ | var arrow = board.create('arrow', [[-3, 3], [3, -3]], {strokecolor: 'red', strokewidth: 2, withLabel: true, name: 'Heat flow'}); | ||
+ | |||
+ | // Create the temperature labels | ||
+ | var temp1 = board.create('text', [-5, -2, 'Temp 1'], {fontsize: 18}); | ||
+ | var temp2 = board.create('text', [5, -2, 'Temp 2'], {fontsize: 18}); | ||
+ | |||
+ | // Create the temperature sensors | ||
+ | var sensor1 = board.create('point', [-5, 2], {visible: false}); | ||
+ | var sensor2 = board.create('point', [5, 2], {visible: false}); | ||
+ | |||
+ | // Create the temperature meters | ||
+ | var meter1 = board.create('meter', [[-7, 2], [-7, 0], [-5, 0], [-5, 2]], {value: 50, label: 'Temp 1'}); | ||
+ | var meter2 = board.create('meter', [[7, 2], [7, 0], [5, 0], [5, 2]], {value: 50, label: 'Temp 2'}); | ||
+ | |||
+ | // Create the temperature controller | ||
+ | var controller = board.create('slider', [[0, -8], [8, -8], [0, 0, 100]], {name: 'Controller'}); | ||
+ | controller.on('drag', function() { | ||
+ | // Update the temperature meters | ||
+ | var temp1 = meter1.Value() + (controller.Value() - meter2.Value()) / 10; | ||
+ | var temp2 = meter2.Value() + (controller.Value() - meter1.Value()) / 10; | ||
+ | </jsxgraph> |
Version vom 09:24, 7. Apr. 2023
Name der Zeichnung