https://www.lightnote.co/_next/static/chunks/pages/lessons/sound/harmony/exercises-a08418d24c01ba75.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1260],{4579:e=>{e.exports={Button:"styles_Button__GLv7A",active:"styles_active__Nh2tg",disabled:"styles_disabled__Io3Ob"}},14124:(e,s,t)=>{"use strict";t.d(s,{A:()=>h});var r=t(14232);let n={totalQuestionCount:0,currentQuestionIndex:0,guesses:{},successes:{},isDone:!1},i="NEXT_QUESTION",c="PREV_QUESTION",o="GUESS",l=(e,s)=>{switch(s.type){case i:if(e.currentQuestionIndex+1>e.totalQuestionCount)return e;return{...e,currentQuestionIndex:e.currentQuestionIndex+1};case c:if(e.currentQuestionIndex-1<0)return{...e,currentQuestionIndex:e.totalQuestionCount-1};return{...e,currentQuestionIndex:e.currentQuestionIndex-1};case o:{let t=e.guesses[e.currentQuestionIndex],r=e.successes[e.currentQuestionIndex],n=s.payload,i=1===n&&e.currentQuestionIndex===e.totalQuestionCount-1;return{...e,guesses:{...e.guesses,[e.currentQuestionIndex]:void 0===t?n:t},successes:{...e.successes,[e.currentQuestionIndex]:1===n||r},isDone:i}}default:return e}},h=function(e){let[s,t]=(0,r.useReducer)(l,{...n,totalQuestionCount:e});return{...s,nextQuestion:()=>{t({type:i})},prevQuestion:()=>{t({type:c})},guess:function(e){t({type:o,payload:e?1:-1})}}}},24908:(e,s,t)=>{"use strict";t.d(s,{A:()=>h,V:()=>l});var r=t(37876),n=t(15039),i=t.n(n),c=t(55554),o=t.n(c);let l=e=>{let{children:s,className:t,transparent:n}=e;return(0,r.jsx)("div",{className:i()(o().WaveWrapper,{[o().transparent]:n},t),children:s})},h=e=>{let{width:s=170,height:t=60,outerHeight:n=200,outerWidth:i="100%",opacity:c=1,strokeWidth:l=2.4,color:h="#c0a490",offset:d=0}=e,a=[s/170*30,s/170*55,s/170*85,s/170*140],x=[];for(let e=-1;e<40;e++){let r=s*e-s/4+d;x.push("".concat(r," ").concat(n/2," C ").concat(r+a[0]," ").concat(n/2-t)),x.push("".concat(r+a[1]," ").concat(n/2-t)),x.push("".concat(r+a[2]," ").concat(n/2," S ").concat(r+a[3]," ").concat(n/2+t))}return x.push("".concat(40*s," 80")),(0,r.jsx)("div",{className:o().svgWrapper,children:(0,r.jsx)("svg",{className:o().svg,width:i,height:"".concat(n,"px"),children:(0,r.jsx)("path",{d:"M".concat(x.join(", ")),stroke:h,fill:"transparent",strokeWidth:l,opacity:c})})})}},29741:e=>{e.exports={WaveChoice:"styles_WaveChoice__UpR_G",whichWrapper:"styles_whichWrapper__UM9KY",whichBtn:"styles_whichBtn__3Wwd5"}},29969:e=>{e.exports={PlayButton:"styles_PlayButton__WV07n",noSpace:"styles_noSpace__zA4iq",PlayRow:"styles_PlayRow__udNag"}},48779:(e,s,t)=>{"use strict";t.d(s,{A:()=>h});var r=t(37876),n=t(15039),i=t.n(n),c=t(14232),o=t(4579),l=t.n(o);let h=function(e){let{className:s,onClick:t,onMouseDown:n,children:o,noAnimation:h,style:d,disabled:a,...x}=e,[u,j]=(0,c.useState)(!1);function _(){j(!0),n?n():t&&t(),setTimeout(()=>j(!1),200)}return(0,r.jsx)("div",{className:i()(l().Button,{[l().active]:u&&!h,[l().disabled]:a},s),style:d,onClick:t?_:void 0,onMouseDown:n?_:void 0,onTouchStart:function(e){_(),e.preventDefault()},onTouchEnd:function(e){e.preventDefault()},...x,children:o})}},48849:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>_,default:()=>w});var r=t(37876),n=t(25313),i=t(69287),c=t(14124),o=t(98881),l=t(84048),h=t(24908),d=t(23619),a=t(29741),x=t.n(a);let u=d.sB,j=[[function(){return(0,r.jsx)(i.jn,{title:"Which pair of notes will sound most pleasing?",subtitle:"Remember that the simplest ratios between sound waves make for the most pleasing harmonies."})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:120,color:p}),(0,r.jsx)(h.A,{height:60,width:194,color:A})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:140,color:p}),(0,r.jsx)(h.A,{height:60,width:170,color:g})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:f}),(0,r.jsx)(h.A,{height:60,width:200,color:p})]}),(0,r.jsx)(i.el,{isCorrect:!0})]})}],[function(){return(0,r.jsx)(i.jn,{title:"Which notes will sound most pleasing?",subtitle:"Remember that the simplest ratios between sound waves make for the most pleasing harmonies."})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:120,color:p}),(0,r.jsx)(h.A,{height:60,width:154,color:f}),(0,r.jsx)(h.A,{height:60,width:194,color:m})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:p}

1),(0,r.jsx)(h.A,{height:60,width:166.666,color:g}),(0,r.jsx)(h.A,{height:60,width:125,color:A})]}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:110,color:f}),(0,r.jsx)(h.A,{height:60,width:200,color:g}),(0,r.jsx)(h.A,{height:60,width:165,color:A})]}),(0,r.jsx)(i.el,{})]})}],[function(){let{playChordSequence:e}=(0,l.J)();return(0,r.jsxs)(n.A,{children:[(0,r.jsx)("h2",{children:"Which waveform matches the following sound?"}),(0,r.jsx)(o.A,{color:"#ffffff33",onClick:()=>{e(["C4","E4","G4"],"4n")}})]})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:150,color:f}),(0,r.jsx)(h.A,{height:60,width:280,color:m})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:110,color:f}),(0,r.jsx)(h.A,{height:60,width:145,color:p})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:p}),(0,r.jsx)(h.A,{height:60,width:166.666,color:g}),(0,r.jsx)(h.A,{height:60,width:125,color:A})]}),(0,r.jsx)(i.el,{isCorrect:!0})]})}],[function(){return(0,r.jsx)(i.jn,{title:"Which waveform has the lowest pitch?",subtitle:"Remember that the the higher the pitch, the tighter the waves. The lower pitch, the longer the waves."})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:150,color:g})}),(0,r.jsx)(i.el,{}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:400,color:p})}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:60,color:A})}),(0,r.jsx)(i.el,{})]})}],[function(){return(0,r.jsx)(i.jn,{title:"Which pair of notes will sound least pleasing?",subtitle:"Remember that complicated ratios between sound waves make for the least pleasing harmonies."})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:150,color:f}),(0,r.jsx)(h.A,{height:60,width:280,color:m}),(0,r.jsx)(h.A,{height:60,width:97,color:p})]}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:120,color:f}),(0,r.jsx)(h.A,{height:60,width:150,color:A}),(0,r.jsx)(h.A,{height:60,width:199.9992,color:g})]}),(0,r.jsx)(i.el,{}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:p}),(0,r.jsx)(h.A,{height:60,width:166.666,color:g}),(0,r.jsx)(h.A,{height:60,width:125,color:A})]}),(0,r.jsx)(i.el,{})]})}],[function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(n.A,{children:(0,r.jsx)("h2",{children:"Which sound matches the waveform below?"})}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:190,color:f}),(0,r.jsx)(h.A,{height:60,width:95,color:A})]})]})},function(){let{playChordSequence:e}=(0,l.J)();return(0,r.jsx)(n.A,{children:(0,r.jsx)("div",{className:x().whichWrapper,children:(0,r.jsxs)(i.rI,{children:[(0,r.jsx)(o.A,{className:x().whichBtn,onClick:()=>e(["C4","E4","G4"])}),(0,r.jsx)(i.el,{}),(0,r.jsx)(o.A,{className:x().whichBtn,onClick:()=>e(["C4","C5"])}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsx)(o.A,{className:x().whichBtn,onClick:()=>e(["C4",495])}),(0,r.jsx)(i.el,{})]})})})}],[function(){return(0,r.jsx)(i.jn,{title:"Which frequency will sound most in harmony with a note of 200Hz?",subtitle:"Remember that simple ratios between the frequencies will be most in harmony."})},function(){return(0,r.jsx)(n.A,{children:(0,r.jsxs)(i.rI,{children:[(0,r.jsx)("h2",{children:"300Hz"}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsx)("h2",{children:"222Hz"}),(0,r.jsx)(i.el,{}),(0,r.jsx)("h2",{children:"808Hz"}),(0,r.jsx)(i.el,{})]})})}],[function(){return(0,r.jsx)(i.jn,{title:"Which frequency will sound most in harmony with a note of 127Hz?",subtitle:"Remember that simple ratios between the frequencies will be most in harmony."})},function(){return(0,r.jsx)(n.A,{children:(0,r.jsxs)(i.rI,{children:[(0,r.jsx)("h2",{children:"200Hz"}),(0,r.jsx)(i.el,{}),(0,r.jsx)("h2",{children:"1027Hz"}),(0,r.jsx)(i.el,{}),(0,r.jsx)("h2",{children:"254Hz"}),(0,r.jsx)(i.el,{isCorrect:!0})]})})}],[function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(n.A,{children:(0,r.jsx)("h2",{children:"Here are three notes of a chord. Which note is the highest pitch?"})}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:f}),(0,r.jsx)(h.A,{height:60,width:300,color:g}),(0,r.jsx)(h.A,{height:60,width:150,color:A})]})]})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:300,color:g})}),(0,r.jsx)(i.el,{}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:100,color:f})}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:150,color:A})}),(0,r.jsx)(i.el,{})]})}],[function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(n.A,{children:(0,r.jsx)("h2",{children:"Here are three notes of a chord. Which note is the lowest pitch?"})}),(0,r.jsxs)(v,{children:[(0,r.jsx)(h.A,{height:60,width:100,color:f}),(0,r.jsx)(h.A,{height:60,width:300,color:g}),(0,r.jsx)(h.A,{height:60,width:150,color:A})]})]})},function(){return(0,r.jsxs)(i.rI,{children:[(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:300,color:g})}),(0,r.jsx)(i.el,{isCorrect:!0}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:100,color:f})}),(0,r.jsx)(i.el,{}),(0,r.jsx)(v,{children:(0,r.jsx)(h.A,{height:60,width:150,color:A})}),(0,r.jsx)(i.el,{})]})}]];var _=!0;let w=function(){let e=(0,c.A)(j.length);return(0,r.jsx)(i.P0,{questionPairs:j,nextLesson:u,...e})},p="#333",g="#E54C4E",f="#D0C490",A="#3FA9B4",m="#AA3760";function v(e){let{children:s}=e;return(0,r.jsx)(h.V,{transparent:!0,className:x().WaveChoice,children:s})}},53777:(e,s,t)=>{"use strict";t.d(s,{A:()=>h});var r=t(37876),n=t(15039),i=t.n(n),c=t(94121),o=t.n(c);function l(e){let{guesses:s,totalQuestionCount:t}=e;return(0,r.jsx)("div",{className:o().ScoreIndicator,children:Array.from({length:t}).map((e,t)=>{let n=s[t];return(0,r.jsx)("div",{className:i()({[o().correct]:1===n,[o().incorrect]:-1===n})},t)})})}let h=function(e){let{currentQuestionIndex:s=1,totalQuestionCount:t=10,guesses:n={}}=e,i=Object.values(n).reduce((e,s)=>

1e+ +(1===s),0),c=Math.min(s+1,t);return(0,r.jsxs)("div",{className:o().ProgressIndicator,children:[(0,r.jsxs)("div",{className:o().text,children:[(0,r.jsxs)("div",{children:["Question ",c," ",(0,r.jsx)("span",{children:"of"})," ",t]}),(0,r.jsxs)("div",{children:[Math.round(i/t*100),(0,r.jsx)("span",{children:"%"})]})]}),(0,r.jsx)(l,{totalQuestionCount:t,guesses:n})]})}},55554:e=>{e.exports={svg:"styles_svg__cQqyv",WaveWrapper:"styles_WaveWrapper__lI3Vn",svgWrapper:"styles_svgWrapper__oAKiW",transparent:"styles_transparent__I30LY"}},56201:e=>{e.exports={nextBtns:"styles_nextBtns__sPQzS",Layout:"styles_Layout__IRCZ2",QuestionBar:"styles_QuestionBar__sROcL",questionNum:"styles_questionNum__DMXRk",AnswerBar:"styles_AnswerBar__Y6V19",ChoiceBtn:"styles_ChoiceBtn__eqGLW",correct:"styles_correct__OmXZG",incorrect:"styles_incorrect__oCxV_",noBold:"styles_noBold__xeJEv",FadeWrapper:"styles_FadeWrapper__uJUgM",faded:"styles_faded__LcRTd",FinalScreenWrapper:"styles_FinalScreenWrapper__HQaPa",FinalScreen:"styles_FinalScreen__kuIAb",fadeIn:"styles_fadeIn__SaFzL",message:"styles_message__Hj_OH",secondaryMessage:"styles_secondaryMessage__Lrgsb",nextLessonBtn:"styles_nextLessonBtn__Fuvku"}},69287:(e,s,t)=>{"use strict";t.d(s,{P0:()=>p,el:()=>I,jn:()=>f,rI:()=>C});var r=t(37876),n=t(25313),i=t(16547),c=t(53777),o=t(84048),l=t(15039),h=t.n(l),d=t(48230),a=t.n(d),x=t(14232),u=t(56201),j=t.n(u);let _=(0,x.createContext)(()=>{}),w=(0,x.createContext)(()=>{});function p(e){let{nextLesson:s,currentQuestionIndex:t,totalQuestionCount:l,prevQuestion:h,nextQuestion:d,questionPairs:u=[],guesses:p,guess:f,isDone:y}=e,[C,N]=(0,x.useState)(!1),{playSequence:I}=(0,o.J)();if((0,x.useEffect)(()=>{y&&t===l&&I(Q,{duration:"4n"})},[y,t,l,I]),y&&t===l)return(0,r.jsx)(i.A,{children:(0,r.jsx)(v,{children:(0,r.jsx)("div",{className:j().FinalScreenWrapper,children:(0,r.jsxs)(n.A,{children:[(0,r.jsx)(c.A,{currentQuestionIndex:t,totalQuestionCount:l,guesses:p}),(0,r.jsxs)("div",{className:j().FinalScreen,children:[(0,r.jsx)("div",{className:j().message,children:"Good work!"}),(0,r.jsxs)("div",{className:j().secondaryMessage,children:["You've"," completed the exercises!"]}),(0,r.jsx)(a(),{className:j().nextLessonBtn,href:s.href,children:"Next lesson"})]})]})})})});let[W,B]=u[t];return(0,r.jsx)(i.A,{children:(0,r.jsx)(_.Provider,{value:f,children:(0,r.jsx)(w.Provider,{value:()=>{setTimeout(()=>N(!0),1e3),setTimeout(()=>{d(),N(!1)},1300)},children:(0,r.jsxs)(v,{children:[(0,r.jsxs)(A,{children:[(0,r.jsx)(n.A,{children:(0,r.jsx)(c.A,{currentQuestionIndex:t,totalQuestionCount:l,guesses:p})}),(0,r.jsxs)(g,{isFaded:C,children:[(0,r.jsx)(n.A,{children:(0,r.jsxs)("h1",{style:{color:"#d0c490",marginTop:"60px"},children:[t+1,"."]})}),(0,r.jsx)(W,{})]})]}),(0,r.jsx)(m,{children:(0,r.jsx)(g,{isFaded:C,children:(0,r.jsx)(B,{})})})]})})})})}function g(e){let{isFaded:s,children:t}=e;return(0,r.jsx)("div",{className:h()(j().FadeWrapper,{[j().faded]:s}),children:t})}function f(e){let{title:s,subtitle:t}=e;return(0,r.jsxs)(n.A,{children:[(0,r.jsx)("h2",{children:s}),t&&(0,r.jsx)("h3",{children:t})]})}function A(e){let{children:s}=e;return(0,r.jsx)("div",{className:j().QuestionBar,children:s})}function m(e){let{children:s}=e;return(0,r.jsx)("div",{className:j().AnswerBar,children:s})}function v(e){let{children:s}=e;return(0,r.jsx)("div",{className:j().Layout,children:s})}let y=(0,x.createContext)(-1),C=e=>{let{children:s}=e,t=-1;return x.Children.map(s,e=>e.type===I?(t+=1,(0,r.jsx)(y.Provider,{value:t,children:e})):e)},N=["A","B","C","D","E","F","G"],I=e=>{let{value:s,isCorrect:t=!1,noNext:i=!1,noBold:c=!1}=e,{playSequence:l}=(0,o.J)(),[d,a]=(0,x.useState)(!1),u=(0,x.useContext)(y),p=(0,x.useContext)(_),g=(0,x.useContext)(w);return(0,r.jsx)(n.A,{children:(0,r.jsx)("div",{className:h()(j().ChoiceBtn,{[j().correct]:t&&d,[j().incorrect]:!t&&d,[j().noBold]:c}),onClick:()=>{p(t),a(!0),l(t?B:W,{duration:"8n"}),t&&!i&&g()},children:void 0===s?N[u]:s})})},W=["C4","B3"],B=["C4","G4"],Q=[["G4"],["C4","C5"]]},92901:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/lessons/sound/harmony/exercises",function(){return t(48849)}])},94121:e=>{e.exports={text:"styles_text__4pDNZ",ScoreIndicator:"styles_ScoreIndicator__38V_7",correct:"styles_correct__Uc_O2",incorrect:"styles_incorrect__YONhh"}},98881:(e,s,t)=>{"use strict";t.d(s,{A:()=>a});var r=t(37876),n=t(48779),i=t(75597),c=t(15039),o=t.n(c),l=t(29969),h=t.n(l);let d=e=>{let{className:s,color:t="#555",disabled:c,style:l,noSpace:d,...a}=e,x="number"==typeof t?i.HD[t]:t;return(0,r.jsxs)(n.A,{className:o()(h().PlayButton,{[h().noSpace]:d},s),style:{...l,backgroundColor:x},disabled:c,...a,children:[(0,r.jsx)("svg",{width:"13px",height:"16px",viewBox:"0 0 13 16",children:(0,r.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,r.jsx)("g",{transform:"translate(-438.000000, -513.000000)",fill:"#FFFFFF",children:(0,r.jsx)("polygon",{transform:"translate(444.500000, 521.000000) rotate(90.000000) translate(-444.500000, -521.000000) ",points:"444.5 515 452 527 437 527"})})})}),"Play"]})},a=e=>{let{label:s,...t}=e;return s?(0,r.jsxs)("div",{className:h().PlayRow,children:[(0,r.jsx)(d,{...t}),(0,r.jsx)("p",{children:s})]}):(0,r.jsx)(d,{...t})}}},e=>{e.O(0,[8230,9245,636,6593,8792],()=>e(e.s=92901)),_N_E=e.O()}]);