Chris Webb CodeDrome
View app.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict" | |
| window.onload = function() | |
| { | |
| arc(); | |
| // pieSlice(); | |
| // pieChart(); |
View svgarcandpieslice.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict" | |
| function drawArc(settings) | |
| { | |
| let d = ""; | |
| const firstCircumferenceX = settings.centreX + settings.radius * Math.cos(settings.startAngleRadians); | |
| const firstCircumferenceY = settings.centreY + settings.radius * Math.sin(settings.startAngleRadians); | |
| const secondCircumferenceX = settings.centreX + settings.radius * Math.cos(settings.startAngleRadians + settings.sweepAngleRadians); |
View svgarcandpieslice.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>SVG Arc and Pie Slice</title> | |
| </head> | |
| </body> |
CodeDrome
/ parametricequationspage.js
Created Oct 8, 2021
View parametricequationspage.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict" | |
| window.onload = function() | |
| { | |
| const plotter = new ParametricEquationsPlotter(); | |
| const pe = ParametricEquations.circle; | |
| // const pe = ParametricEquations.ellipse; | |
| // const pe = ParametricEquations.cardioid; | |
| // const pe = ParametricEquations.spiral; |
View parametricequations.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const ParametricEquations = | |
| { | |
| circle: | |
| { | |
| xFunction: function (t) {return Math.cos(t)}, | |
| yFunction: function (t) {return Math.sin(t)}, | |
| zFunction: function (t) {return 0}, | |
| tRange: {start: 0, end: 2 * Math.PI}, | |
| tStep: Math.PI / 32, | |
| colour: "#FF0000" |
View parametricequationsplotter.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class ParametricEquationsPlotter | |
| { | |
| constructor() | |
| { | |
| this._container = null, | |
| this._renderer = null, | |
| this._scene = null, | |
| this._light = null, | |
| this._camera = null, | |
| this._group = null, |
View parametricequations.htm
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>CodeDrome - Parametric Equations</title> | |
| <meta charset="utf-8" /> | |
| <link href="projects.css" rel="stylesheet" /> | |
| </head> |
View animatedsvgbezier.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict" | |
| window.onload = function() | |
| { | |
| bezier(); | |
| } | |
| function randomPosition(max) |
View animatedsvgbezierlibrary.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class AnimatedSVGBezier | |
| { | |
| static #generatePath(points, relative) | |
| { | |
| let type = null; | |
| if(points.length === 3) | |
| { | |
| type = "Q"; | |
| } |
View svgbezier.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const APP = {}; | |
| window.onload = function() | |
| { | |
| APP.svgelement = document.getElementById("svg"); | |
| gridLines(); | |
| threePoint(); |
NewerOlder