WIP Interactive globe from Nico's sources
- The globe is a bit small? Ability to control the max-min size potentially
- Is there a reason why `globe.update()` runs every second? Sounds like a lot of resources?
- Have the ability to control the `addEventListener` of the markers to do whatever (in this case, going to a route by clicking on a link with a sapper-noscroll attribute + changing the href attribute on click - the method `goto` from Sapper scrolls back to top / maybe something to fix with the current transition issues?)
- Edited in `./index.js`:
1. Using the class as `export default WebglGlobe` instead of Window (as Svelte or Sapper doesn't likayt)
- Edited in `Camera.js`:
1. Commented line 218: `e.preventDefault();` would cause this error: `[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>`
This commit is contained in:
@@ -9,6 +9,7 @@ import babel from 'rollup-plugin-babel'
|
||||
// import browsersync from 'rollup-plugin-browsersync'
|
||||
import autoPreprocess from 'svelte-preprocess'
|
||||
import { terser } from 'rollup-plugin-terser'
|
||||
import glslify from 'rollup-plugin-glslify'
|
||||
import sapperConfig from 'sapper/config/rollup'
|
||||
import { config } from 'dotenv'
|
||||
import pkg from './package.json'
|
||||
@@ -44,6 +45,7 @@ const aliases = alias({
|
||||
{ find: 'atoms', replacement: path.resolve(__dirname, 'src/atoms') },
|
||||
{ find: 'molecules', replacement: path.resolve(__dirname, 'src/molecules') },
|
||||
{ find: 'organisms', replacement: path.resolve(__dirname, 'src/organisms') },
|
||||
{ find: 'globe', replacement: path.resolve(__dirname, 'src/globe') },
|
||||
]
|
||||
})
|
||||
|
||||
@@ -69,6 +71,7 @@ export default {
|
||||
// css: css => css.write('static/bundle.css')
|
||||
}),
|
||||
aliases,
|
||||
glslify(),
|
||||
resolve({
|
||||
browser: true,
|
||||
extensions: resolveExtensions,
|
||||
@@ -109,6 +112,7 @@ export default {
|
||||
generate: 'ssr'
|
||||
}),
|
||||
aliases,
|
||||
glslify(),
|
||||
resolve({
|
||||
browser: true,
|
||||
extensions: resolveExtensions,
|
||||
|
||||
Reference in New Issue
Block a user