Test

Aus Wiki1

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 2: Zeile 2:
-
<jsxgraph box="box" width="600" height="600">
+
<jsxgraph box="jxbox" 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 board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-2, 8, 12, -2], axis:true});
-
            var pipe = board.create('line', [tank1, tank2], {strokecolor: 'black', strokewidth: 2});
+
   
-
 
+
    // Erstelle den linken Wärmetauscher
-
            // Create the heat exchanger
+
    var heatexchanger1 = board.create('curve', [[0,0], [3,3], [6,3], [6,6], [3,6], [0,9], [-3,6], [-3,3], [0,0]], {strokeColor:'#00f', fillColor:'#00f', fillOpacity:0.5});
-
            var exchanger = board.create('polygon', [[-2, 2], [-2, -2], [2, -2], [2, 2]], {fillcolor: '#2196f3', strokecolor: 'black', name: 'Heat exchanger'});
+
   
-
 
+
    // Erstelle den rechten Wärmetauscher
-
            // Create the heat flow arrow
+
    var heatexchanger2 = board.create('curve', [[8,0], [11,3], [14,3], [14,6], [11,6], [8,9], [5,6], [5,3], [8,0]], {strokeColor:'#f00', fillColor:'#f00', fillOpacity:0.5});
-
            var arrow = board.create('arrow', [[-3, 3], [3, -3]], {strokecolor: 'red', strokewidth: 2, withLabel: true, name: 'Heat flow'});
+
   
-
 
+
    // Erstelle die Trennwand
-
            // Create the temperature labels
+
    var wall = board.create('line', [[6,0], [6,9]], {strokeColor:'#000', strokeWidth:4});
-
            var temp1 = board.create('text', [-5, -2, 'Temp 1'], {fontsize: 18});
+
   
-
            var temp2 = board.create('text', [5, -2, 'Temp 2'], {fontsize: 18});
+
    // Erstelle die Temperaturmesspunkte
-
 
+
    var temp1 = board.create('glider', [2,2,heatexchanger1], {strokeColor:'#00f', fillColor:'#00f', size:10, name:'T1'});
-
            // Create the temperature sensors
+
    var temp2 = board.create('glider', [10,2,heatexchanger2], {strokeColor:'#f00', fillColor:'#f00', size:10, name:'T2'});
-
            var sensor1 = board.create('point', [-5, 2], {visible: false});
+
   
-
            var sensor2 = board.create('point', [5, 2], {visible: false});
+
    // Berechne die Temperaturdifferenz
-
 
+
    var deltaT = board.create('segment', [temp1, temp2], {strokeColor:'#000', strokeWidth:2});
-
            // Create the temperature meters
+
    var label = board.create('text', [8, 7, function(){return 'ΔT = ' + Math.abs(temp1.Y() - temp2.Y()).toFixed(1) + ' K';}], {fontSize:18});
-
            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'});
+
    board.update();
-
 
+
 
-
            // 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>
</jsxgraph>

Version vom 09:30, 7. Apr. 2023

Name der Zeichnung


Revision 6


Von „https://www.technikundkultur.de/wiki1/index.php5?title=Test“
Persönliche Werkzeuge