vmario/Doodle3D-Core
0
0
Fork 0
mirror of https://github.com/Doodle3D/Doodle3D-Core.git synced 2024-12-22 19:13:49 +01:00
Code Issues Projects Releases Wiki Activity

initial pattern render

Browse Source
This commit is contained in:
casperlamboo 2017-11-22 13:26:05 +01:00
parent 5e27d0429d
commit bc9b6c356e
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/D2Panel.js
View File

@ -20,6 +20,7 @@ import { PIXEL_RATIO } from '../constants/general';
import ShapesManager from '../d2/ShapesManager.js'; import ShapesManager from '../d2/ShapesManager.js';
import EventGroup from '../d2/EventGroup.js'; import EventGroup from '../d2/EventGroup.js';
import ReactResizeDetector from 'react-resize-detector'; import ReactResizeDetector from 'react-resize-detector';
import { load as loadPattern } from '../d2/Shape.js';
// import createDebug from 'debug'; // import createDebug from 'debug';
// const debug = createDebug('d3d:d2'); // const debug = createDebug('d3d:d2');
@ -91,6 +92,11 @@ class D2Panel extends React.Component {
this.objectContainerInactive.add(new Grid(new CAL.Color(0xdddddd))); this.objectContainerInactive.add(new Grid(new CAL.Color(0xdddddd)));
this.shapesManager = new ShapesManager(this.objectContainerActive, this.objectContainerInactive); this.shapesManager = new ShapesManager(this.objectContainerActive, this.objectContainerInactive);
loadPattern.then(() => {
this.activeNeedRender = true;
this.inactiveNeedRender = true;
this.renderRequest();
});
this.DOM = null; this.DOM = null;
} }

4
src/d2/Shape.js
View File

@ -9,8 +9,8 @@ import holePaternUrl from '../../img/holepatern.png';
import { loadImage } from '../utils/imageUtils.js'; import { loadImage } from '../utils/imageUtils.js';
let holePatern; let holePatern;
loadImage(holePaternUrl).then(image => { export const load = loadImage(holePaternUrl).then(image => {
holePatern = document.createElement('canvas').getContext('2d').createPattern(image, 'repeat') holePatern = document.createElement('canvas').getContext('2d').createPattern(image, 'repeat');
}); });
export default class Shape extends Matrix { export default class Shape extends Matrix {