r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

add live updates when sketch is playing

Browse source
This commit is contained in:
catarak 2016-05-12 18:11:09 -04:00
parent 8b04d04bb3
commit 18dd7c6541
2 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
shared/components/Preview/PreviewFrame.jsx
View file

@ -46,6 +46,10 @@ class PreviewFrame extends React.Component {
this.clearPreview(); this.clearPreview();
} }
} }
if (this.props.isPlaying && this.props.content != prevProps.content) {
this.renderSketch();
}
} }
componentWillUnmount() { componentWillUnmount() {

6
styles/components/_toolbar.scss
View file

@ -1,6 +1,12 @@
.toolbar__play-button { .toolbar__play-button {
@extend %toolbar-button; @extend %toolbar-button;
margin-right: #{15 / $base-font-size}rem; margin-right: #{15 / $base-font-size}rem;
&.playing {
background-color: $light-button-background-hover-color;
& g {
fill: $light-button-hover-color;
}
}
} }
.toolbar__stop-button { .toolbar__stop-button {