info/BezierInfo-2
1
0
Fork 0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-08-18 14:31:24 +02:00
Code Issues Releases Wiki Activity

control section

Browse Source
This commit is contained in:
Pomax
2015-12-29 16:59:12 -08:00
parent fd0d07a4be
commit 54fb8b2cef
17 changed files with 1403 additions and 566 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/sections/explanation/circle.js
View File

@@ -25,7 +25,7 @@ module.exports = {
sketch.drawPoint(p, offset);
var modulo = t % 1;
if(modulo<0.05 || modulo> 0.95) {
sketch.drawText("t = " + Math.round(t), {
sketch.text("t = " + Math.round(t), {
x: offset.x + 1.25 * w4 * Math.cos(t) - 10,
y: offset.y + 1.25 * h4 * Math.sin(t) + 5
});

6
components/sections/explanation/index.js
View File

@@ -4,6 +4,10 @@ var SectionHeader = require("../../SectionHeader.jsx");
var LaTeX = require("../../LaTeX.jsx");
var Explanation = React.createClass({
statics: {
title: "The basics of Bézier curves"
},
circle: require("./circle"),
componentWillMount: function() {
@@ -14,7 +18,7 @@ var Explanation = React.createClass({
render: function() {
return (
<section>
<SectionHeader {...this.props}>The basics of Bézier curves?</SectionHeader>
<SectionHeader {...this.props}>{ Explanation.title }</SectionHeader>
<p>Bézier curves are a form of "parametric" function. Mathematically speaking, parametric
functions are cheats: a "function" is actually a well defined term representing a mapping