<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class="">Hi, all</div><div class=""><br class=""></div><div class=""><br class=""></div><div class="">Last week I finished below tasks:</div><div class=""><br class=""></div><div class="">- added tests using Jest(<a href="https://facebook.github.io/jest/" class="">https://facebook.github.io/jest/</a>), why choose this framework, I read</div><div class=""> - <a href="http://vanwilson.info/2016/08/lets-compare-javascript-testing-frameworks/" class="">http://vanwilson.info/2016/08/lets-compare-javascript-testing-frameworks/</a></div><div class=""> - <a href="https://gziolo.pl/2017/06/17/picking-jest-over-mocha/" class="">https://gziolo.pl/2017/06/17/picking-jest-over-mocha/</a></div><div class=""> Jest can mock everything to make test easy. I’m learning to use it.</div><div class="">- added function to fetch data. In order to implement this function, I package a "promisify" function which make function become a promise.</div><div class="">- added metadata panel. Template string in ES6 is the simplest method to add document into HTML.</div><div class="">- added theme switch function. Originally I would like to use "CSS-in-JS" or "CSS modules” to solve this problem, but found that it is more simple to directly use CSS class name implement this.</div><div class="">- added zoom function. I think there is much room for improvement in this function. Current zoom is along the camera-object direction, and I want to make it like this:</div><div class=""> - <a href="http://bl.ocks.org/nitaku/b25e6f091e97667c6cae" class="">http://bl.ocks.org/nitaku/b25e6f091e97667c6cae</a></div><div class=""> - <a href="https://threejs.org/examples/#misc_controls_trackball" class="">https://threejs.org/examples/#misc_controls_trackball</a></div><div class=""> I’ve read a lot d3 and three.js docs to learn how to implement it, and it should calculate the camera matrix according to transform matrix, but I have been calculated for a long time, still have not right transformation…excuse my poor math.</div><div class="">- added autosize.</div><div class=""><br class=""></div><div class="">One problem I’ve met is test failed when import object with WebGL renderer. I’ve send a issue: <a href="https://github.com/facebook/jest/issues/3905" class="">https://github.com/facebook/jest/issues/3905</a></div><div class=""><br class=""></div><div class=""><br class=""></div><div class="">Next week to do:</div><div class=""><br class=""></div><div class="">- improve zoom and pan function</div><div class="">- supplement event handling</div><div class="">- more option <span style="color: rgb(61, 61, 61); font-family: Arial, sans-serif; background-color: rgb(255, 255, 255);" class="">backward compatible</span></div><div class=""><span style="color: rgb(61, 61, 61); font-family: Arial, sans-serif; background-color: rgb(255, 255, 255);" class="">- more tests</span></div><div class=""><br class=""></div><div class=""><br class=""></div>Xiang<br class=""><br class=""><div class="">
<div class=""><div style="font-family: 'lucida Grande', Verdana;" class=""><br class=""></div></div>
</div>
<br class=""></body></html>