// Modified by Modi // Original by Rull Deef 🐺 // https://code.sololearn.com/W3bBU8i1UX9G // quality variable. Standard quality - 1.00 var quality = 1.00; // rotation angles var alpha = Math.PI/6; var beta = Math.PI/9; var cosAlpha = Math.cos( alpha ); var sinAlpha = Math.sin( alpha ); var sinBeta = Math.sin( beta ); var cosBeta = Math.cos( beta ); var mouseIsDown = false; // fix the settings var stepX = 0.1; var fromX = -5; var toX = 5; var rotationSpeed = 2; var angle = 100; var zoom = 70; // sliding motion var startSlideX; var startSlideY; // setup the canvas var width, height, ctx; var blSi; // block size var touchInfo = "" function showTouches( event ) { touchInfo = "" for (var i = 0; i < event.touches.length; i++) { touchInfo += '

Touch ' + i + ' X -> ' + Math.round( event.touches[i].pageX ) + ' Y -> ' + Math.round( event.touches[i].pageY ) + '

'; } } // calculate the frame rate per second // The higher filterStrength, the less the fps will reflect temporary variations // A value of 1 will only keep the last value var filterStrength = 60; var frameTime = 0, lastLoop = new Date, thisLoop; function getFrameRate ( ) { var thisFrameTime = ( thisLoop = new Date ) - lastLoop; frameTime += ( thisFrameTime - frameTime ) / filterStrength; lastLoop = thisLoop; return ( 1000 / frameTime ).toFixed( 1 ); } function showInfo ( ) { $( '#info' ).html( '

Frame Rate: ' + getFrameRate( ) + '

' + '

Zoom: ' + zoom + '

' + '

Rotation: ' + rotationSpeed.toFixed( 3 ) + '

' + '

cosAlpha: ' + cosAlpha.toFixed( 3 ) + '

' + '

cosBeta: ' + cosBeta.toFixed( 3 ) + '

' + '

StartSlideX: ' + Math.round( startSlideX ) + '

' + '

StartSlideY: ' + Math.round( startSlideY ) + '

' + touchInfo ); } // something changed in the settings init everything function init( ) { var canvas = $( 'canvas' )[0]; canvas.width = width = Math.round( quality * window.innerWidth ); canvas.height = height = Math.round( quality * window.innerHeight ); ctx = canvas.getContext( '2d' ); zoom = $('#zoom').prop('value'); blSi = width*9/zoom; rotationSpeed = 2; // handle the touch stuff canvas.ontouchstart = function( event ) { //event.preventDefault(); showTouches( event ); var touches = event.touches; if( touches.length == 1 ) { startSlide( event.touches[0].pageX, event.touches[0].pageY ); } else if ( touches.length == 2 ) { startPinch( event.touches[0].pageX, event.touches[0].pageY, event.touches[1].pageX, event.touches[1].pageY ); } }; canvas.ontouchmove = function( event ) { event.preventDefault(); showTouches( event ); var touches = event.touches; if( touches.length == 1 ) { slideIt( event.touches[0].pageX, event.touches[0].pageY ); } else if ( touches.length == 2 ) { pinchIt( event.touches[0].pageX, event.touches[0].pageY, event.touches[1].pageX, event.touches[1].pageY ); } }; canvas.ontouchend = function( event ) { touchInfo = ""; }; // handle the mouse drag stuff canvas.onmousedown = function( event ) { event.preventDefault(); startSlide( event.pageX, event.pageY ); mouseIsDown = true; }; canvas.onmouseleave = canvas.onmouseup = function( event ) { mouseIsDown = false; }; canvas.onmousemove = function( event ) { event.preventDefault(); if ( mouseIsDown ) { slideIt( event.pageX, event.pageY ); } }; // handle the mouse click stuff canvas.onclick = canvas.ondblclick = function( event ) { event.preventDefault(); addBall( ); // add a ball mouseIsDown = false; }; animate( ); } // old values var xO, yO, zO; var waveAlpha = 1; var oldFadeWaves = true; // photon locations var balls = []; var drawBallsNow = false; addBall( ); // add the first ball // add another ball function addBall( ) { var existAlready = false for( var i=0; i 0 ) { // reverse the drawing stepX = -stepX; fromX = -fromX; toX = -toX; } // move the balls forward for( var i=0; i= 5 ) balls[i].xP = -5; balls[i].drawnAlready = false; } var xW = 0; // x for the waves showInfo(); // draw the waves for( xW = fromX; (fromX<0 && xW<=toX) || (fromX>0 && xW>=toX); xW += stepX ) { var xN = xW*blSi; var yN = Math.sin( Math.PI * ( xW-tN ) )*blSi; var zN = Math.sin( Math.PI * ( xW-tN ) + phase )*blSi; if ( xW == fromX ) { xO = xN; yO = yN; zO = zN; } if ( fadeWaves ) waveAlpha = 1-(xW+5)/10; else if ( fadeWaves != oldFadeWaves ) waveAlpha = 1-(balls[0].xP+5)/10; oldFadeWaves = fadeWaves; var zA = zO + zN; var yA = yO + yN; // check if a balls should be drawn drawBallsNow = false; for( var i=0; i= balls[i].xP ) || ( fromX>0 && xW <= balls[i].xP ) ) ) { balls[i].drawnAlready = true; drawPane( xN ); drawBallsNow = true; } } if ( cosAlpha > 0 ) { if ( zA>0 ) { // ++green if ( yA>0 ) { // ++green ++blue drawIt( xO, yO, zO, xN, yN, zN, [ 'yellow', 'blue', 'green' ] ); } else { // ++green --blue drawIt( xO, yO, zO, xN, yN, zN, [ 'green', 'yellow', 'blue' ] ); } } else { // --green if ( yA>0 ) { // --green ++blue drawIt( xO, yO, zO, xN, yN, zN, [ 'blue', 'yellow', 'green' ] ); } else { // --green --blue drawIt( xO, yO, zO, xN, yN, zN, [ 'green', 'blue', 'yellow' ] ); } } } else { if ( zA>0 ) { // ++green if ( yA>0 ) { // ++green ++blue drawIt( xO, yO, zO, xN, yN, zN, [ 'green', 'yellow', 'blue' ] ); } else { // ++green --blue drawIt( xO, yO, zO, xN, yN, zN, [ 'yellow', 'green', 'blue' ] ); } } else { // --green if ( yA>0 ) { // --green ++blue drawIt( xO, yO, zO, xN, yN, zN, [ 'blue', 'green', 'yellow' ] ); } else { // --green --blue drawIt( xO, yO, zO, xN, yN, zN, [ 'blue', 'yellow', 'green' ] ); } } } // remember the old stuff xO = xN; yO = yN; zO = zN; } // draw the upper grid var yS = 1; var xS = 5; if ( cosAlpha > 0 ) yS = -1; if ( sinAlpha > 0 ) xS = -5; if ( showOuterGrid ) { // short side grid for( x = -5; x <= 5; x++ ) { drawGrid( x, -1, 1, x, 1, 1 ); // top horizontal short drawGrid( x, yS, -1, x, yS, 1 ); // vertical short } // long top grid drawGrid( -5, 0, 1, 5, 0, 1 ); // top middle drawGrid( -5, -1, 1, 5, -1, 1 ); // top side drawGrid( -5, 1, 1, 5, 1, 1 ); // top side // flipping long side grid drawGrid( -5, yS, 0, 5, yS, 0 ); // side middle drawGrid( -5, yS, -1, 5, yS, -1 ); // side bottom // missing "front" grid drawGrid( xS, -1, 0, xS, 1, 0 ); // horizontal middle drawGrid( xS, 0, 1, xS, 0, -1 ); // vertical middle drawGrid( xS, -yS, 1, xS, -yS, -1 ); // vertical flipping drawGrid( xS, -1, -1, xS, 1, -1 ); // bottom } function drawIt( xO, yO, zO, xN, yN, zN, colors ) { drawWaves( xO, yO, zO, xN, yN, zN, colors ); if ( drawBallsNow ) drawBalls( xN, yN, zN, colors ); } function drawBalls( xN, yN, zN, colors ) { if ( !showBalls ) return; ctx.globalAlpha = 1; for( var i=0; i 100 ) newZoom = 100; $('#zoom').val( newZoom ); var closeUpFactor = (startY1 - startY2) / (y1 - y2); resize( ); }; // change Alpha function slide( dx ) { alpha += dx / 200; }; // change Beta function slideY( dy ) { angle -= dy; if ( angle < 30 ) angle = 30; if ( angle > 500 ) angle = 500; beta = Math.PI / angle * 10; }; // Full Screen Part - 2018-10-06 - Created by Modi /****************************************************** Run a SoloLearn code fullscreen in the browser. ******************************************************/ // Copyright (c) 2018 Modi (Reinhold Lauer) // Permission is hereby granted, free of charge, to any person obtaining a copy // of this software and associated documentation files (the "Software"), to deal // in the Software without restriction, including without limitation the rights // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell // copies of the Software, and to permit persons to whom the Software is // furnished to do so, subject to the following conditions: // The above copyright notice and this permission notice shall be included in // all copies or substantial portions of the Software. // get and combine the codes into one so that it can be executed function downloadCode( ) { var htmlCode = window.parent.defaultCodes.html; // HTML code will contain the combined code at the end var cssCode = window.parent.defaultCodes.css; // CSS code from SoloLearn var jsCode = window.parent.defaultCodes.javascript; // JavaScript code from SoloLearn // add CSS and JavaScript to the HTML code htmlCode = htmlCode.replace( '<\/head>', '

🌀 Electromagnetic Wave Modified 🌀