629f7686f3
The relative position in rel plugin is currently based on the world coordinate. So for the same effect, like fly in from the right-hand side, we must use different `data-rel-x/y/z` value. Why not let the plugin do the hard part? So I introduce a `data-rel-position`, when set to `relative`, all relative attribute is based on the position and rotation of previous slide. So no matter the rotation of previous slide, data-rel-x="1000" always looks like fly in from the right-hand side. We can change the position and rotation of one slide, and the position of all following slides will be changed too. When `data-rel-position` is set to `relative`, relative rotation has a clear meaning. It describes the relative rotations between slides. We don't need to set rotations for all slide, setting the key slides is enough. If `data-rel-position` is not relative, the effect of `data-rel-rotate-x/y/z` is not clear, so they're only used when `data-rel-position="relative"`. After the introduction of relative rotation, there're 6 attribute that will inherit from previous slide. If we want to set a relative X move, we have to set all other 5 attributes to 0. It's boring. So a `data-rel-clear` is used to set all 6 attributes to 0, and then the value specified in current slide is applied. The `examples/3D-positions/index.html` shows some usage. As you can see, the html code of two slide ring is the same, and slides except for the first two in a ring has no position attributes. It work by inheriting the previous one. This PR invokes a lot math calculations. Basically, the rotation of a slide is translated into the coordinate describing the directions of X/Y/Z axes. And `data-rel-x/y/z` can be easily calculated by that. The rotations is the hard part, I mainly use the algorithm in the Quaternions and spatial rotation - Wikipedia to compose two and more rotations. I'm not a math guy, hope I don't make much mistakes.
107 lines
3.1 KiB
JavaScript
107 lines
3.1 KiB
JavaScript
// Karma configuration
|
|
// Generated on Thu Feb 28 2019 16:31:36 GMT+0100 (Central European Standard Time)
|
|
process.env.CHROME_BIN = require('puppeteer').executablePath()
|
|
|
|
module.exports = function(config) {
|
|
config.set({
|
|
|
|
// base path that will be used to resolve all patterns (eg. files, exclude)
|
|
basePath: '',
|
|
|
|
hostname: '127.0.0.1',
|
|
|
|
// frameworks to use
|
|
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
|
|
frameworks: ['qunit'],
|
|
|
|
plugins: ['karma-firefox-launcher', 'karma-chrome-launcher', 'karma-qunit'],
|
|
|
|
// List of files / patterns to load in the browser
|
|
files: [
|
|
// The QUnit tests
|
|
"test/helpers.js",
|
|
"test/core_tests.js",
|
|
"test/non_default.js",
|
|
"src/plugins/navigation/navigation_tests.js",
|
|
"test/plugins/rel/relative_to_screen_size_tests.js",
|
|
"test/plugins/rel/rotation_tests.js",
|
|
"test/plugins/rel/padding_tests.js",
|
|
"test/plugins/rel/rel_to_tests.js",
|
|
// Presentation files, for the iframe
|
|
{pattern: "test/*.html", watched: true, served: true, included: false},
|
|
{pattern: "test/plugins/*/*.html", watched: true, served: true, included: false},
|
|
// JS files for iframe
|
|
{pattern: "js/impress.js", watched: true, served: true, included: false},
|
|
{pattern: "node_modules/qunit-assert-close/qunit-assert-close.js", watched: false, served: true, included: true},
|
|
{pattern: "node_modules/syn/dist/global/syn.js", watched: false, served: true, included: false}
|
|
],
|
|
|
|
proxies: {
|
|
"/test/": "/base/test/",
|
|
"/js/": "/base/js/",
|
|
"/node_modules/": "/base/node_modules/"
|
|
},
|
|
|
|
client: {
|
|
clearContext: false,
|
|
qunit: {
|
|
showUI: true
|
|
}
|
|
},
|
|
|
|
// list of files / patterns to exclude
|
|
exclude: [
|
|
],
|
|
|
|
|
|
// preprocess matching files before serving them to the browser
|
|
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
|
|
preprocessors: {
|
|
},
|
|
|
|
|
|
// test results reporter to use
|
|
// possible values: 'dots', 'progress'
|
|
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
|
|
reporters: ['progress'],
|
|
|
|
|
|
// web server port
|
|
port: 9876,
|
|
|
|
|
|
// enable / disable colors in the output (reporters and logs)
|
|
colors: true,
|
|
|
|
|
|
// level of logging
|
|
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
|
|
logLevel: config.LOG_INFO,
|
|
|
|
|
|
// enable / disable watching file and executing tests whenever any file changes
|
|
autoWatch: true,
|
|
|
|
|
|
// start these browsers
|
|
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
|
|
browsers: ['FirefoxHeadless', 'Chrome_without_security'],
|
|
|
|
customLaunchers: {
|
|
Chrome_without_security: {
|
|
base: 'ChromeHeadless',
|
|
flags: ['--no-sandbox']
|
|
}
|
|
},
|
|
|
|
|
|
// Continuous Integration mode
|
|
// if true, Karma captures browsers, runs the tests and exits
|
|
singleRun: false,
|
|
|
|
// Concurrency level
|
|
// how many browser should be started simultaneous
|
|
concurrency: Infinity
|
|
})
|
|
}
|