Skip to content

S
Scroll Text
Commit 092da935 authored by Wakefield Morys-Carter's avatar Wakefield Morys-Carter
Browse files
Options

variable fontSize

parent 179a6d2d
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 9 deletions
scroll-text-legacy-browsers.js
View file @ 092da935
......@@ -17,7 +17,7 @@ psychoJS.openWindow({
// store info about the experiment session:
let expName = 'scroll-text'; // from the Builder filename that created this script
let expInfo = {'participant': '', 'session': '001'};
let expInfo = {'participant': '', 'session': '001', 'fontSize': '.03'};
// Start code blocks for 'Before Experiment'
// schedule the experiment:
......@@ -114,7 +114,11 @@ function experimentInit() {
// Initialize components for Routine "trial"
trialClock = new util.Clock();
screenRatio = (win.size[0] / win.size[1]);
fontSize = 0.03;
if ((Number.parseFloat(expInfo["fontSize"]) > 0)) {
fontSize = Number.parseFloat(expInfo["fontSize"]);
} else {
fontSize = 0.03;
}
mouseY = 0;
trackLength = 0.9;
trackWidth = 0.04;
......
scroll-text.js
View file @ 092da935
......@@ -28,7 +28,7 @@ psychoJS.openWindow({
// store info about the experiment session:
let expName = 'scroll-text'; // from the Builder filename that created this script
let expInfo = {'participant': '', 'session': '001'};
let expInfo = {'participant': '', 'session': '001', 'fontSize': '.03'};
// Start code blocks for 'Before Experiment'
// schedule the experiment:
......@@ -125,7 +125,11 @@ function experimentInit() {
// Initialize components for Routine "trial"
trialClock = new util.Clock();
screenRatio = (win.size[0] / win.size[1]);
fontSize = 0.03;
if ((Number.parseFloat(expInfo["fontSize"]) > 0)) {
fontSize = Number.parseFloat(expInfo["fontSize"]);
} else {
fontSize = 0.03;
}
mouseY = 0;
trackLength = 0.9;
trackWidth = 0.04;
......
scroll-text.psyexp
View file @ 092da935
......@@ -7,7 +7,7 @@
<Param name="Data file delimiter" updates="None" val="auto" valType="str"/>
<Param name="Data filename" updates="None" val="u'data/%s_%s_%s' % (expInfo['participant'], expName, expInfo['date'])" valType="code"/>
<Param name="Enable Escape" updates="None" val="True" valType="bool"/>
<Param name="Experiment info" updates="None" val="{'participant':'', 'session':'001'}" valType="code"/>
<Param name="Experiment info" updates="None" val="{'participant': '', 'session': '001', 'fontSize': '.03'}" valType="code"/>
<Param name="Force stereo" updates="None" val="True" valType="bool"/>
<Param name="Full-screen window" updates="None" val="True" valType="bool"/>
<Param name="HTML path" updates="None" val="" valType="str"/>
......@@ -24,7 +24,7 @@
<Param name="Show mouse" updates="None" val="False" valType="bool"/>
<Param name="Units" updates="None" val="height" valType="str"/>
<Param name="Use version" updates="None" val="" valType="str"/>
<Param name="Window size (pixels)" updates="None" val="(1024, 768)" valType="code"/>
<Param name="Window size (pixels)" updates="None" val="[1280, 720]" valType="code"/>
<Param name="blendMode" updates="None" val="avg" valType="str"/>
<Param name="color" updates="None" val="$[0,0,0]" valType="str"/>
<Param name="colorSpace" updates="None" val="rgb" valType="str"/>
......@@ -100,10 +100,10 @@
<CodeComponent name="scrollCode">
<Param name="Before Experiment" updates="constant" val="" valType="extendedCode"/>
<Param name="Before JS Experiment" updates="constant" val="" valType="extendedCode"/>
<Param name="Begin Experiment" updates="constant" val="screenRatio = win.size[0]/win.size[1]&amp;#10;fontSize=.03&amp;#10;mouseY=0&amp;#10;trackLength=.9&amp;#10;trackWidth=.04" valType="extendedCode"/>
<Param name="Begin JS Experiment" updates="constant" val="screenRatio = (win.size[0] / win.size[1]);&amp;#10;fontSize = 0.03;&amp;#10;mouseY = 0;&amp;#10;trackLength = 0.9;&amp;#10;trackWidth = 0.04;&amp;#10;" valType="extendedCode"/>
<Param name="Begin Experiment" updates="constant" val="screenRatio = win.size[0]/win.size[1]&amp;#10;&amp;#10;if float(expInfo['fontSize'])&gt;0:&amp;#10; fontSize = float(expInfo['fontSize'])&amp;#10;else:&amp;#10; fontSize=.03&amp;#10;mouseY=0&amp;#10;trackLength=.9&amp;#10;trackWidth=.04" valType="extendedCode"/>
<Param name="Begin JS Experiment" updates="constant" val="screenRatio = (win.size[0] / win.size[1]);&amp;#10;if ((Number.parseFloat(expInfo[&quot;fontSize&quot;]) &gt; 0)) {&amp;#10; fontSize = Number.parseFloat(expInfo[&quot;fontSize&quot;]);&amp;#10;} else {&amp;#10; fontSize = 0.03;&amp;#10;}&amp;#10;mouseY = 0;&amp;#10;trackLength = 0.9;&amp;#10;trackWidth = 0.04;&amp;#10;" valType="extendedCode"/>
<Param name="Begin JS Routine" updates="constant" val="scroll = 0;&amp;#10;lines = scrollText.text.split(&quot;\n&quot;);&amp;#10;maxScroll = 0;&amp;#10;for (var line, _pj_c = 0, _pj_a = lines, _pj_b = _pj_a.length; (_pj_c &lt; _pj_b); _pj_c += 1) {&amp;#10; line = _pj_a[_pj_c];&amp;#10; maxScroll += Math.ceil(((line.length * fontSize) / screenRatio));&amp;#10;}&amp;#10;viewAll = 0;&amp;#10;dragging = 0;&amp;#10;moving = 0;&amp;#10;" valType="extendedCode"/>
<Param name="Begin Routine" updates="constant" val="scroll = 0&amp;#10;lines = scrollText.text.split('\n')&amp;#10;maxScroll = 0&amp;#10;for line in lines:&amp;#10; maxScroll += math.ceil(len(line)*fontSize/screenRatio)&amp;#10;&amp;#10;viewAll=0&amp;#10;dragging=0&amp;#10;moving=0" valType="extendedCode"/>
<Param name="Begin Routine" updates="constant" val="scroll = 0&amp;#10;lines = scrollText.text.split('\n')&amp;#10;# If you can't see all your text, &amp;#10;# replace the following line with &amp;#10;# maxScroll = x where x is the number&amp;#10;# of missing lines.&amp;#10;maxScroll = 0&amp;#10;for line in lines:&amp;#10; maxScroll += math.ceil(len(line)*fontSize/screenRatio)&amp;#10;&amp;#10;viewAll=0&amp;#10;dragging=0&amp;#10;moving=0" valType="extendedCode"/>
<Param name="Code Type" updates="None" val="Auto-&gt;JS" valType="str"/>
<Param name="Each Frame" updates="constant" val="keys=event.getKeys()&amp;#10;if len(keys):&amp;#10; if viewAll==1 and 'space' in keys:&amp;#10; continueRoutine=False&amp;#10; elif 'down' in keys:&amp;#10; scroll+=1&amp;#10; moving=1&amp;#10; elif 'up' in keys:&amp;#10; scroll-=1&amp;#10; moving=1&amp;#10;elif mouse.isPressedIn(scrollBar):&amp;#10; mouseY=mouse.getPos()[1]&amp;#10; scroll = (trackLength/2-mouseY)*maxScroll/trackLength&amp;#10; moving=1&amp;#10;elif mouse.getPressed()[0] == 1:&amp;#10; if dragging==0:&amp;#10; dragging=1&amp;#10; mouseY=mouse.getPos()[1]&amp;#10; else:&amp;#10; scroll+=(mouse.getPos()[1]-mouseY)/fontSize/1.08&amp;#10; mouseY=mouse.getPos()[1]&amp;#10; moving=1&amp;#10;elif dragging==1:&amp;#10; dragging=0&amp;#10;if moving==1:&amp;#10; if scroll &lt;0:&amp;#10; scroll=0&amp;#10; elif scroll&gt;=maxScroll:&amp;#10; scroll=maxScroll&amp;#10; if viewAll == 0:&amp;#10; viewAll=1&amp;#10; continueText.text='Press space to continue' &amp;#10; scrollText.setPos((-.45*screenRatio, .45+scroll*fontSize*1.08))&amp;#10; scrollButton.setPos((screenRatio*.475, trackLength/2-trackLength*scroll/maxScroll))&amp;#10; bottomCrop.setPos((-.1+.01*(scroll%2), -.475))&amp;#10; continueText.setOpacity(1-.01*(scroll%2))&amp;#10; moving=0" valType="extendedCode"/>
<Param name="Each JS Frame" updates="constant" val="var _pj;&amp;#10;function _pj_snippets(container) {&amp;#10; function in_es6(left, right) {&amp;#10; if (((right instanceof Array) || ((typeof right) === &quot;string&quot;))) {&amp;#10; return (right.indexOf(left) &gt; (- 1));&amp;#10; } else {&amp;#10; if (((right instanceof Map) || (right instanceof Set) || (right instanceof WeakMap) || (right instanceof WeakSet))) {&amp;#10; return right.has(left);&amp;#10; } else {&amp;#10; return (left in right);&amp;#10; }&amp;#10; }&amp;#10; }&amp;#10; container[&quot;in_es6&quot;] = in_es6;&amp;#10; return container;&amp;#10;}&amp;#10;_pj = {};&amp;#10;_pj_snippets(_pj);&amp;#10;keys = event.getKeys();&amp;#10;if (keys.length) {&amp;#10; if (((viewAll === 1) &amp;&amp; _pj.in_es6(&quot;space&quot;, keys))) {&amp;#10; continueRoutine = false;&amp;#10; } else {&amp;#10; if (_pj.in_es6(&quot;down&quot;, keys)) {&amp;#10; scroll += 1;&amp;#10; moving = 1;&amp;#10; } else {&amp;#10; if (_pj.in_es6(&quot;up&quot;, keys)) {&amp;#10; scroll -= 1;&amp;#10; moving = 1;&amp;#10; }&amp;#10; }&amp;#10; }&amp;#10;} else {&amp;#10; if (mouse.isPressedIn(scrollBar)) {&amp;#10; mouseY = mouse.getPos()[1];&amp;#10; scroll = ((((trackLength / 2) - mouseY) * maxScroll) / trackLength);&amp;#10; moving = 1;&amp;#10; } else {&amp;#10; if ((mouse.getPressed()[0] === 1)) {&amp;#10; if ((dragging === 0)) {&amp;#10; dragging = 1;&amp;#10; mouseY = mouse.getPos()[1];&amp;#10; } else {&amp;#10; scroll += (((mouse.getPos()[1] - mouseY) / fontSize) / 1.08);&amp;#10; mouseY = mouse.getPos()[1];&amp;#10; moving = 1;&amp;#10; }&amp;#10; } else {&amp;#10; if ((dragging === 1)) {&amp;#10; dragging = 0;&amp;#10; }&amp;#10; }&amp;#10; }&amp;#10;}&amp;#10;if ((moving === 1)) {&amp;#10; if ((scroll &lt; 0)) {&amp;#10; scroll = 0;&amp;#10; } else {&amp;#10; if ((scroll &gt;= maxScroll)) {&amp;#10; scroll = maxScroll;&amp;#10; if ((viewAll === 0)) {&amp;#10; viewAll = 1;&amp;#10; continueText.text = &quot;Press space to continue&quot;;&amp;#10; }&amp;#10; }&amp;#10; }&amp;#10; scrollText.setPos([((- 0.45) * screenRatio), (0.45 + ((scroll * fontSize) * 1.08))]);&amp;#10; scrollButton.setPos([(screenRatio * 0.475), ((trackLength / 2) - ((trackLength * scroll) / maxScroll))]);&amp;#10; bottomCrop.setPos([((- 0.1) + (0.01 * (scroll % 2))), (- 0.475)]);&amp;#10; continueText.setOpacity((1 - (0.01 * (scroll % 2))));&amp;#10; moving = 0;&amp;#10;}&amp;#10;" valType="extendedCode"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment